Jump to content
zetabyte00

Quais passos para adquirir um bom design?

Recommended Posts

Quais passos para adquirir um bom design? Meus conhecimentos são muito básicos em HTML e CSS. O que devo procurar ler e praticar. Pois, eu vejo cada site na internet com um design irado. Por exemplo, o próprio imasters tem um design bem exuto. 

 

Tem esses também: 

 

https://honeysanime.com/

 

https://screenrant.com/

 

http://creative-punch.net/

 

https://www.hongkiat.com/blog/

 

Share this post


Link to post
Share on other sites

Olá @zetabyte00,

 

Existem três áreas distintas, mas que trabalham em conjunto na idealização de um site: Design, UX e Desenvolvimento, esse último é dividido em front-end (desenvolve na camada do cliente com html, css e javascript) e back-end (desenvolve na camada de serviço da aplicação com php, c#, python etc).

 

Os profissionais que trabalham nessas áreas também têm características distintas, por exemplo, um designer precisar ter conhecimentos bem sólidos de gestalt, psicologia das cores etc. Além disso precisa também pesquisar muito, ver muitos sites e guardar referências.

 

As interações nos sites podem ser de forma sofrível ou agradável para o usuário, e é justamente o profissional de UX que vai pensar na melhor forma do usuário se relacionar com o site. Para isso, ele precisa contar com conhecimentos de prototipagem, psicologia, micro-interações etc.

 

O desenvolvedor front-end é a pessoa que dará vida ao site, vai pegar as diretrizes visuais criadas pelo designer + os protótipos criados pelo UX Designer e vai codificar isso usando as linguagens de marcação (html), de estilo (css) e interação (js). Para esse profissional, conhecimento técnico dessas linguagens é indispensável, assim como a experiencia profissional trará traquejo na resolução dos problemas. Pesquisar e se atualizar também são fundamentais.

 

Eu acho que um bom "design", não é apenas design. É a junção dos esforços dessas três áreas. Se você quiser fazer sites com um bom "design", comece fazendo:

 

- Cursos online - Alura, Devmedia, Codecademy, Udacity etc;

- Leia blogs - brasil.uxdesign.cc, tableless, choco la design, codrops, usabilidoido etc;

- Acesse fóruns para tirar suas dúvidas e de outros - imasters, stackoverflow, forum.tableless etc;

- Leia livros - Não me faça pensar, Design para a internet, qualquer livro da Casa do Código etc;

- Pesquise referências: Pinterest, behance, calltoidea, ffffound etc;

- Salve suas referências: Pinterest, Evernote, Github, jsfiddle etc;

- Tente reproduzir layouts, códigos e interações que ache legal em outros sites.

- Desenvolva projetos pessoais e peça opiniões de outras pessoas (da área ou não). 

- Observe o mundo ao seu redor, seja curioso, goste de novidades, viaje, observe e observe "um pouco mais".

 

Espero que tenha ajudado, Abraços.

 

 

  • Obrigado! 2

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Pantoja
      Eaeeeeee pessoal, quanto tempo nao venho por essas bandas como vão vocês?!
       
      SDS dá época de Flori, ludwig, CrisVector, Percyliana (percy), Anja, Lody, é muita gente desculpem se não coloquei o nome de todos! época boa de desafios de photoshop... mas hoje estou aqui pra pedir ajuda de vcs numa coisinha..  qual site vcs tem usado pra ver modelos de design pra usar em instagram. Qualquer modelo só pra eu dar uma olhada nas novidades dos designs e aplicar em alguns perfis de insta.
       
      Estava precisando no momento algum design simples para frases do dia.
       
      Vlw ae, abraços e tmj!
    • By marcy23
      Fiz tudo como professor falou no video 
      do youtube
      Me ajudem , por favor.
       

    • By ROGERIO AMERICA
      Boa tarde. Possuo 1 bd com tabela principal empresa=(não editável), atendente=(não editável), consultor=(não editável), operadoras=(não editável), e a "agenda" que é editável. Criei uma página www onde eu mostraria os dados empresa juntamente com campos "agenda" para trabalhar com as informações disponíveis e coletadas para gerar dados na agenda. Gostaria que pudessem me ajudar ou indicar uma forma onde eu possa unir todos dados envolvidos nessa agenda conforme figuras.
      O código abaixo mostra os dados do cliente:
      <form> <input type="text" size="5" name="id_empresa" value="<?php echo $empresa['id_empresa']; ?>"><br></br> <input type="text" size="12" name="cnpj" value="<?php echo $empresa['cnpj']; ?>"> <input type="text" size="53" name="empresa" value="<?php echo $empresa['empresa']; ?>"><br></br> <input type="text" size="33" name="endereço" value="<?php echo $empresa['endereço']; ?>"> <input type="text" size="3" name="nº" value="<?php echo $empresa['nº']; ?>"> <input type="text" size="24" name="complemento" value="<?php echo $empresa['complemento']; ?>"><br></br> <input type="text" size="23" name="bairro" value="<?php echo $empresa['bairro']; ?>"> <input type="text" size="22" name="cidade" value="<?php echo $empresa['cidade']; ?>"> <input type="text" size="3" name="uf" value="<?php echo $empresa['uf']; ?>"> <input type="text" size="7" name="cep" value="<?php echo $empresa['cep']; ?>"><br></br> <input type="text" size="35" name="admin" value="<?php echo $empresa['contato']; ?>"> <input type="text" size="11" name="fone1 " value="<?php echo $empresa['fone1']; ?>"> <input type="text" size="11" name="fone2" value="<?php echo $empresa['fone2']; ?>"><br></br> <input type="text" size="40" name="email" value="<?php echo $empresa['email']; ?>"> <input type="text" size="3" name="linhas ativas" value="<?php echo $empresa['linhas ativas']; ?>"> <input type="text" size="8" name="vencimento" value="<?php echo $empresa['vencimento']; ?>"> </form> O código abaixo mostra os campos editáveis:
      $tem plano = $_POST["tem plano"]; $qtde de linhas = $_POST["qtde de linhas"]; $fatura media = $_POST["fatura media"]; $visita = $_POST["visita"]; $data = $_POST["data"]; $hora = $_POST["hora"]; $tipo de visita = $_POST["tipo de visita"]; $resenha = $_POST["resenha"];
           
          $string_sql = "INSERT INTO agenda (plano,qtde de linhas,fatura media,visita,data, hora,tipo de visita, resenha ) VALUES (null,'$plano','$qtde de linhas','$fatura','$visita','$data','$hora','$tipo de visita','$resenha')"; //String com consulta SQL da inserção
           
          mysql_query($string_sql,$conexao); //Realiza a consulta
           
       
      if(mysql_affected_rows() == 1){ //verifica se foi afetada alguma linha, nesse caso inserida alguma linha echo "<p>Cadastro feito com sucesso</p>"; echo '<a href="empresa.php">Voltar para formulário de cadastro</a>'; //Apenas um link para retornar para o formulário de cadastro } else { echo "Erro, não possível inserir no banco de dados"; } mysql_close($conexao); //fecha conexão com banco de dados ?> abaixo temos a premissa de funcionamento: 
       

      e abaixo temos a suposta tela de trabalho:"ainda esta sem CSS" 

      Como fazer para o form alimentar a tabela agenda sendo que 1 parte dos dados é só para visualização e a outra é editável e ao salvar, ir para próxima empresa? Obs: Estou querendo implementar isso pois descobri que a empresa de CRM que eu pagava estava vendendo Mailing para concorrentes. (era pago)
       
    • By penelopevitoria_
      Pessoal,
       
      estou com muitos problemas de layout em minhas páginas AMP. O que rola é que vários elementos estão saindo compridos ou esticados. Enfim, o AMP estraga coisas como formulário também. Vocês sabem se existe uma maneira massiva de corrigir esses problemas pelo plugin? Tenho muitas páginas com o layout comprometido e não achei nada na internet que me ajudasse a corrigir. 
       
      Aguardo retorno :D
    • By Guga Alves
      Olá, estou enfrentando um problema no qual não tinha tido contato até então.

      Alguns textos em uma landing que estou trabalhando simplesmente não exibidos ou apresentam erros na exibição.

      Gostaria de saber se alguém já enfrentado esse problema poderia me ajudar com isso.

      Abaixo segue imagens dos erros
       
       
       


×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.