40 dicas de design que vão te ajudar a evoluir!

Essa é a tradução de uma thread do espanhol Zert — Designer dos estúdios Parallel Artists e Jellybrush.

Achei ela super interessante, pedi permissão para traduzi-la ao nosso idioma e ele aceitou de prontidão. Ao longo do texto há alguns comentários feitos por mim, entre parenteses, e tutoriais em português. Vamos lá!

Dicas de design, a thread! — por Zert

  1. Busque inspiração no Behance ou Artstation (o Dribbble ou o próprio Instagram são mais populares aqui no Brasil). Não se inspire na sua comunidade ou você será igual a todos.
  2. Tente criar seu próprio estilo. Não estou falando para buscar algo diferente dos outros designers e replicar em 50 banners. Tente usar suas próprias cores, formas e detalhes. Isso vai fazer diferença entre você e os outros.
  3. Buscar inspiração não é o mesmo que copiar. Todo designer precisa se inspirar em algo, mas não tente copiar o que os outros fazem. Faça você mesmo. Você também pode criar moodboards (explicação: https://brasil.uxdesign.cc/) para encontrar inspiração e criar as sensações que você quer.
  4. Eu vejo VÁRIOS designers criando sombras sobre o preto e luzes sobre o branco. Isso é muito errado! Sombras nunca serão pretas, elas são mais escuras e insaturadas que tons médios; enquanto as luzes dependem muito da intensidade da luz sobre o objeto.
  5. Use a mesma iluminação em toda a peça. Isso significa que se a luz vem de uma determinada direção, todos os objetos deveriam ter a mesma iluminação ou o design não vai funcionar. Não esqueça de sempre adicionar luz e sombra, não apenas um.
  6. Procure cores que funcionam bem juntas (teoria das cores). Aqui tem um guia de como usá-las corretamente:
    EN: https://www.youtube.com/watch?v=9kQllLy_X4I
    PT: https://www.youtube.com/watch?v=ziXlytEQqNM
  7. Aprenda como fazer uma composição visual corretamente. Isso vai ajudar você a criar designs melhores. Assista o vídeo, ele é bem útil:
    EN: https://www.youtube.com/watch?v=O8i7OKbWmRM
    PT: https://www.youtube.com/watch?v=KbHyeVk7T84
  8. No design para streaming é mais interessante fazer um design simples e bonito do que algo que algo que chame mais atenção do que o streamer. Um ótimo exemplo é o Ninja (ou o Alanzoka).
  9. Aprender o básico sobre Matte Painting (gostam de chamar de retouching ou arte digital aqui no Brasil) vai ajudar você a fazer melhores designs. Caso você não saiba fazer ilustrações, é interessante saber o mínimo. Aqui tem um tutorial:
    EN: https://www.youtube.com/watch?v=LYJHIAIrIos
    PT: Conheço apenas o pessoal da Creative Class: https://www.youtube.com/channel/UCr7GcZoj9rnnMSnvd-I_rMg
    Pouca gente dá esse conteúdo de graça em português. Um dos poucos cursos que existem na nossa língua é o de Jack Usephot e de Lucas Rosa (fundadores do Creative Class).
  10. Se você quiser criar tweets com boa qualidade, apenas baixa a opacidade da imagem final para 99% ou exceda 1 pixel no canto inferior.
  11. Tente ser bom em todas as áreas do design, assim você vai conseguir mais pedidos e mais opções se quiser entrar em alguma grande empresa.
  12. Se você não tem ativos, a culpa é sua. (Nos EUA, o dicionário financeiro é bem mais acessível a população do que aqui. Ativos são geradores de renda, por exemplo: empresa, freelance, emprego, aluguel, investimentos, etc). Tente criar uma audiência e gerar renda através dela, mas nunca aplique golpes ou você terá uma péssima imagem e você nunca mais vai conseguir oportunidades de emprego ou freelas.
  13. Não fique chateado se você não entrou em uma organização que você se esforçou muito para tentar entrar, é normal. Eu fui diretor e eu apenas selecionei as pessoas que eram o perfil certo para a equipe (pessoas que eu acredito que tenham o mesmo nível dos membros atuais).
  14. Trabalhe constantemente em seu portfólio: essa é a coisa mais importante que você deve fazer. As pessoas vão sempre checá-lo antes de te contratar.
  15. Tente fazer uma boa rede de contatos. Com um bom networking você pode ir muito longe e conhecer muitas pessoas importantes.
  16. Sempre trabalhe com objetos inteligentes (smart layers) e máscaras de camada (layer masks). Isso vai salvar você em algum momento.
  17. Sempre use margens. Se você for colocar algo próximo ao limite da imagem, deixe algum espaço de descanso ou vai passar uma sensação de aperto. Se for adicionar mais de um elemento na imagem, lembre-se de alinhar todos no mesmo lado da imagem para manter a organização.
  18. Dê algum espaço entre todos os textos ou será difícil manter uma boa legibilidade.
  19. Não esqueça de sempre deixa algum espaço negativo (vazio) na imagem ou ela vai ficar muito poluída!
  20. Não faça seu trabalhos às pressas. Dê algum tempo para focar nos detalhes, pois são estes que vão fazer a diferença.
  21. Se seus gradientes ficam pixelados, apenas adicione 1% de ruído.
  22. Se você está fazendo uma manipulação de imagem, tente usar com a mesma iluminação, principalmente a imagem que é assunto da peça. Isso vai poupar bastante tempo!
  23. Nunca deixe o texto enorme, pois isso é desconfortável aos olhos e ao ritmo da imagem. Sempre tente reduzi-lo, mas de forma legível.
  24. O Camera Raw (plugin nativo do Photoshop) é incrível. Use! Ele melhora bastante seu design, mas evite usar Adobe RGB. (explicação: https://focusfoto.com.br/fotografo-conheca-o-espaco-de-cores-rgb-vs-srgb/)
  25. Tente para de utilizar Packs GFX ou você vai aparentar apenas copiar o estilo do cara que criou aquele pack. Tente pesquisar seus próprios assets.
  26. Não esqueça de adicionar reflexo nos objetos. Se você não souber como fazer, aqui tem um tutorial:
    EN: https://www.youtube.com/watch?v=BO-EdzMzStk
    PT: https://www.youtube.com/watch?v=n1EWJc5E660
  27. Aprenda como usar a ferramenta blend if. É bastante útil:
    EN: https://www.youtube.com/watch?v=3GKDBXrpV8s
    PT: https://www.youtube.com/watch?v=cfwl5RFhI5o
  28. Mantenha texturas nas mesclagens ‘multiplicação’ ou ‘diferença’.
  29. Se você criar thumbnail, utilize o conta gotas e cores saturadas (vivas).
  30. Mantenha os logotipos dos patrocinadores nas cores padrão ou branco/preto. Você não pode modificar a identidade visual deles.
  31. Se você sofre para fazer recorte de cabelo, aqui tem um tutorial de como fazer corretamente:
    EN: https://www.youtube.com/watch?v=5akqW-vy94o
    PT: https://www.youtube.com/watch?v=fwIYxyD6DZ4
  32. Use a opção ‘Salvar para web’ ao invés de ‘salvar como’. A função dela é comprimir o tamanho da imagem. Recomendo utilizar PNG-24.
  33. O desfoque dá mais profundidade à imagem. Recomendo o desfoque de lente, pois desfoque gaussiano não parece realista. Se também for aplicar desfoque de movimento, não exagere ou vai ficar estranho.
  34. Se você quer mudar as luzes, tons médios e sombras da foto, utilize os canais. Aqui tem um tutorial de como fazer isso:
    EN: https://www.youtube.com/watch?v=TDeGfXh6lYw
    PT: https://www.youtube.com/watch?v=FVTYEmkcxro
  35. Crie vetores! Muita gente não sabe, mas eles são bastante úteis porque você não perde resolução quando os aumenta.
  36. Se você utilizar fundos brilhantes, não crie textos em branco, pois ficará invisível; o mesmo ocorre no oposto. Foco no contraste.
  37. Não crie fundos preto absoluto, pois sua imagem ficará com um contraste muito forte e irritante aos olhos. Um cinza próximo ao preto é melhor.
  38. Se você cria design para esports, faça layouts padronizados (não é identidade visual). Isso vai te ajudar a criar várias artes por dia e também vai dar ao time seu próprio estilo.
  39. Se você precisar de fontes, eu recomendo os sites:
    Google Fonts: https://fonts.google.com/
    TypeKit: https://typekit.com/
    Behance: https://www.behance.net/
    Pinterest: https://www.pinterest.com/
    Dafont: https://www.dafont.com/
    Creative Market: https://creativemarket.com/
  40. Melhores canais de design que já vi na vida! (a lista dele é ótima. Utilizo mais do que de falantes de português, mas selecionei os PT muito bem)
    EN: https://www.youtube.com/channel/UCdf6WtVkThVyEFARiUbr5yQ
    https://www.youtube.com/channel/UC-b3c7kxa5vU-bnmaROgvog
    https://www.youtube.com/user/photoshoptrainingch
    https://www.youtube.com/user/PhlearnLLC
    PT: https://www.youtube.com/channel/UCyvVyYheqPoB6rUsGYeDyUw
    https://www.youtube.com/channel/UC36I3VDGkyrgFTjj4mgbGEg/videos
    https://www.youtube.com/user/WalterMattosVideos
    https://www.youtube.com/user/psiniciantes
    https://www.youtube.com/channel/UCkEnNguHkUDmxk7rTyre-wA/videos

Ele fez mais 3 dicas bônus pouco antes da publicação do texto e as traduzi também!

  1. Tente criar pensando em teorias de design (sem tradução: dynamic design). Utilize texturas, use diferentes fontes, pesos, cores, contrates, etc. Aqui tem um tutorial:
    EN: https://www.youtube.com/watch?v=z4HjltaEV2E
    PT: https://www.youtube.com/watch?v=KbHyeVk7T84 (o vídeo sobre composições que passei tweets atrás também serve muito bem).
  2. Se você quiser criar algo com muito texto e deseja manter organizado, crie um layout de diagramação antes de iniciar. É muito útil para UI Design e pôster, por exemplo.
  3. Aprenda como utilizar e editar tipografias corretamente. Aqui um tutorial:
    EN: https://www.youtube.com/watch?v=QrNi9FmdlxY
    PT: https://www.youtube.com/watch?v=rj9p0jlpEhw

Espero que você tenha gostado. Se você possui alguma dica extra ou se esse texto te ajudou de alguma maneira, comenta aqui embaixo. Vou ler e responder a todos!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *