Ir para conteúdo
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/

 

Compartilhar este post


Link para o post
Compartilhar em outros 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! 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora


  • Conteúdo Similar

    • Por Subukito
      Opa bom dia, esse é meu primeiro tópico aqui no site, e espero que não enrole muito x) .. Bom, estou começando agora no mundo do design né, edição de video, motion graphics, modelagem, composição, etc, etc.. Tenho preferência por usar softwares livres, gosto muito da filosofia em geral, e particularmente não gosto do monopólio da adobe. Bom, mas isso vai de cada um e cada um usa o que mais lhe agrada. Porém algo que admito que é incrivelmente inteligente é o Dynamic link, ainda mais pra mim que não tenho um bom pc e não vai dar pra ficar renderizando e trocando de software (além de perder qualidade..). Então queria saber se tem como interagir entre os outros software como o Blender, Cinema 4D, Gimp, Natron e até esses que citei com os próprios da Adobe, porque de qualquer forma ainda uso o After e o Photoshop. Já procurei na net enão achei, tem como me dar uma luz?
    • Por marcelocardoso
      Pessoal...

      Procurei na NET, encontrei para LINK, criar dois tipos de links, mas para INPUT's não encontrei.
      Como posso montar varios tipos estilizados de INPUTS, TEXTAREAS, SELECT???
      Contribuições, agradeço.

       
      input[type=text], input[type=email] { background: white; border: 1px solid orangered; color: white; height: 40px; border-radius: 5px; } Tentei usar INPUT.modificado[type=text],
      depois no CLASS do bootstrap HTML, colocar a classe MODIFICADO, mas não ROLA...
      Sugestões?????????
    • Por Lucas Misael
      Galera estou querendo colocar um gif como logo no meu site e estou tendo uma certa dificuldade... meu site está hospedado no Loja Integrada, gostaria de saber se alguem tem alguma dica ou ajuda

    • Por Alan Secundo
      Olá pessoal, como vão vocês? 
      Meu nome é Alan, e  estou começando agora no mundo do Design! Por isso gostaria muito da ajuda de vocês para melhorar e evoluir os meus designs de interface em produtos de software.
       
      Criei um formulário para pessoas que entendam possam me ajudar a melhorar, pois neste trimestre, a minha função é melhorar o design dos produtos!
      Então se possível, gostaria que quem pudesse me ajudar respondesse esse forms do Google para que eu possa observar meus erros e acertos, e logo, poder ajudar outras pessoas também dando o mesmo tipo de feedback e auxílio!
       
      Link :
       https://docs.google.com/forms/d/e/1FAIpQLSdPT6BCwBt-Y-QNW7pDoGZHzcGXttPeX8UPVidoTK9QCo61rA/viewform 
       
      Fico muito grato pela atenção e desejo um ótimo final de ano a todos!

      Att. Alan Secundo
    • Por Igor Yoshi Shimamura
      Alguem poderia me ajudar a Recortar essa imagem nao consigo toda vez que tento corta sobra um resto e fica feio esta muito dificil

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: