8.1 KiB
| title | localeTitle |
|---|---|
| Design Resources for Front End Developers | Recursos de design para desenvolvedores de front-end |
Você é um desenvolvedor web freelancer ou está pensando em se tornar um? Talvez você tenha participado de um bootcamp de codificação ou tenha se formado em um curso de desenvolvimento de front-end online. O que acontece depois?
Você recebe seu primeiro cliente. Pode ser apenas um amigo que precisa de um site pessoal. Não importa. Você não quer que pareça amador. Você quer que pareça bom. Você quer que pareça profissional.
Aqui está a coisa…
Um bom design pode significar a diferença entre um site que parece "caseiro" e um que parece profissional. Se você vai ganhar dinheiro com o desenvolvimento web freelance, não pode se dar ao luxo de criar sites que não apresentem bons princípios de design. A maioria das pessoas (ou seja, potenciais clientes) sabe o que é um bom design, mesmo que eles não possam dizer por que é um bom design. Portanto, vale a pena ter uma compreensão dos conceitos básicos de design. Na verdade, eu diria que é absolutamente necessário que você tenha uma carreira de sucesso como desenvolvedor front-end freelancer.
Então, por onde você começa? Onde você vai aprender sobre design? Felizmente, você não precisa pagar para aprender os fundamentos básicos do design. Existem muitos recursos por aí que são 100% gratuitos. Aqui estão 10 recursos (a maioria deles gratuitos) que o ajudarão a ser um melhor desenvolvedor front-end freelancer porque eles o ajudarão a ser um designer melhor. Diverta-se!
1. Hackdesign.org
Vamos começar com o básico. Se você deseja produzir um trabalho de front-end atraente e com aparência profissional, é absolutamente necessário aprender os fundamentos do design. Deixe-me dizer isso mais uma vez. Você precisa aprender o básico do design. Sim, isso é importante. Acredite em mim. Vai ajudá-lo a se destacar de todos os desenvolvedores front-end freelancers que não estão aprendendo e isso significa que você terá mais trabalho. Mais trabalho significa mais dinheiro. Veja o que eu quero dizer? É importante.
Percorra as lições da Hackdesign do início ao fim e deixe tudo entrar. Se você quiser, pode inscrever-se para as lições semanais enviadas para o seu endereço de e-mail. No entanto, você não precisa fazer isso. Você pode simplesmente clicar em "ver todas as lições" e começar a trabalhar do seu jeito. É bastante profundo. Não é algo que você vai fazer em algumas horas. Passe algum tempo sério aqui neste recurso.
2. Design para Hackers
A razão de David Kadavy para escrever o livro está bem resumida nesta citação:
"Podemos criar folhetos, cartões postais e apresentações em PowerPoint completas com animações. Podemos criar blogs, cartazes e até mesmo canecas de café ... Mas poucos de nós são experientes em design."
O mesmo vale para a criação de sites. Só porque você pode criar um site que funcione não significa que você pode criar um site bonito e bem projetado que funcione. Isso não significa que você pode criar um site que pareça profissional. Tenho certeza que você sabe o que quero dizer. Bom design parece profissional. Período. Então, leia este livro. Kadavy também tem um site na designforhackers.com onde você pode se inscrever para um curso baseado em e-mail chamado "Design Pitfalls".
3. UX Crash Course: 31 Fundamentos
Lembre-se, você é um freelancer e isso significa que você está usando muitos chapéus. Apenas saber como codificar não o cortará se você quiser ser um grande freelancer que esteja em alta demanda.
Este curso intensivo de Joel Marsh é ótimo para aprender os fundamentos da UX. Ele diz: "A lista a seguir não é tudo que você pode aprender em UX. É uma visão geral rápida, então você pode ir de zero a herói o mais rápido possível." O que você está esperando? Iniciar!
4. UX Crash Course: User Psychology
A segunda parte do fantástico curso de UX Crash de Joel Marsh: 31 Fundamentos. Ele resume porque isso é importante:
"… Quanto mais você entende os sentimentos, pensamentos e ações de seus usuários, melhor você é o designer."
Você quer ser um grande desenvolvedor e um grande designer, certo? Se você não tivesse, não teria lido até aqui. Bem, como você vai ser um ótimo, ou até mesmo um bom designer, se você não sabe nada sobre seus usuários? Você tem que pensar sobre esses usuários. Eles são importantes porque você está construindo sites que as pessoas vão usar. Seja gentil com eles. Aprenda algo sobre psicologia do usuário.
5. paleta de materiais
Uma paleta de cores atraente por si só pode ajudar muito a tornar o design profissional. Então, se você já passou pelo design básico que mencionei acima, mas ainda não tem certeza sobre como aplicar a teoria das cores, marque este site agora e comece a usá-lo. Basta clicar em duas cores e, como mágica, aparece uma linda paleta de cores. Outros bons sites para paletas de cores são flatuicolors e resfriadores .
6. Noções básicas de Adode Photoshop
Você precisará pelo menos ter um controle sobre o básico do Photoshop para trabalhar com fotos e criar gráficos prontos para a web. Navegue pelos tutoriais do Adobe Photoshop CC gratuitamente no site da Adobe. Eles são muito bem feitos, cobrem o básico e serão suficientes para você começar!
7. Noções básicas do Adobe Illustrator
Você pode estar pensando que desde que você não é um artista gráfico, não há necessidade de saber como usar o Adobe Illustrator. Errado! Claro, talvez você não crie sua própria arte do zero. No entanto, e se você quiser usar a arte vetorial de outra pessoa? Digamos que você tenha encontrado uma imagem vetorial linda na iStock que deseja usar. No entanto, a cor está errada ou você gostaria de excluir parte da imagem. Sem problemas. Aprenda os conceitos básicos do Illustrator e conclua o trabalho rapidamente!
8. Elementos do Estilo Tipográfico Aplicados à Web
A tipografia pode parecer um pouco chata, mas é importante. Mesmo se você não comprometer todas as informações apresentadas aqui para a memória apenas sabendo que em um mundo de design perfeito este material importa ajudará a aumentar sua consciência. Leia um pouco de cada vez. Eu gosto deste site porque a informação é apresentada em pequenos detalhes facilmente digeríveis. Por exemplo, confira este minuto lendo em letras espaçadas
9. Não me faça pensar por Steve Krug
Você está construindo sites que pessoas reais vão usar. Você não quer que seus sites complicem a vida e frustrem as pessoas. Você quer que seus sites tornem sua vida mais fácil. Ok, bem, você vai precisar saber algo sobre usabilidade na web e este é o livro clássico sobre usabilidade na web. Jeffrey Zeldman, fundador da revista A List Apart , diz que "se você criar, escrever, programar, possuir ou gerenciar sites, você deve ler este livro". Bem dito. Leia este livro.
10. O Desafio da Criatividade de Tanner Christensen
Finalmente, se você é um desenvolvedor web freelancer usando uma variedade de chapéus, você terá que manter sua criatividade na melhor forma e isso significa exercitá-la. Este livro contém 150 divertidos desafios que visam fazer você pensar fora da caixa e ver as coisas de um ângulo diferente. A introdução do livro resume bem: "Sempre que você se sentir preso ou sem inspiração, simplesmente vá para uma página aleatória e siga as instruções para completar o desafio criativo que encontrar lá."