As 17 dicas de design gráfico que todos os não designers precisam saber

Publicados: 2016-03-29

Eu tenho uma confissão a fazer…

Eu não sou um designer gráfico treinado. Mas se você está lendo este post, provavelmente também não. E acho que você não vai para a escola de arte tão cedo.

Agora, aqui está a boa notícia ...

Se você está projetando imagens para postagens em blogs, mídias sociais ou anúncios online, não precisa se formar em design gráfico. Você só precisa entender algumas das melhores práticas. E é aí que eu entro.

Neste post, reunimos 17 dicas de design gráfico que todos os não designers precisam saber. Se você os seguir, estará no caminho certo para produzir gráficos incríveis para todas as suas necessidades online.

1. Comece com uma ótima paleta de cores

Já reparou que os melhores designs tendem a ter cores bonitas? Não foi por acaso. Escolher uma ótima paleta de cores é uma das chaves para um ótimo design.

Agora, antes de se encolher com a ideia de escolher suas próprias cores, você não precisa. Usando um site como o ColourLovers, você terá acesso a milhões de belas paletas de cores. Basta encontrar um código hexadecimal de que você goste e usá-lo em seu design.

Aqui estão alguns recursos excelentes para encontrar paletas de cores:

  • Pigmento por Shapefactory
  • Coolors
  • Adobe Color

Se você estiver procurando por mais idéias de esquemas de cores, verifique nossa lista detalhada de recursos para inspiração para paletas de cores!

Amantes de cores

2. Não se empolgue com as fontes

Idealmente, você deseja se limitar a 1 ou 2 fontes. Isso evita que você tenha que se preocupar com toneladas de combinações de fontes. Se você for usar várias fontes, use uma para o cabeçalho e outra para o corpo.

Limitar fontes

3. Tenha um “arquivo de furto”

Este termo vem do mundo dos direitos autorais, mas é igualmente aplicável aqui. Um “arquivo de furto” refere-se a exemplos de boa cópia que os redatores veem. No nosso caso, isso significará exemplos de bom design que você vê.

Pegue esses exemplos, armazene-os em algum lugar (seu computador, caixa de depósito etc.) e traga-os de volta quando chegar a hora certa. Desde que você não roube outra pessoa por completo, não há vergonha em pedir emprestado um pouco de brilho de design.

Se você estiver criando imagens para anúncios do Facebook, talvez queira dar uma olhada na AdEspresso Facebook Ad Gallery. Você também pode verificar sites de design como Dribbble e Behance.

4. Não tenha medo de apagar

Não, não em branco no sentido de espaçamento. Em vez disso, não tenha medo de deixar espaços em branco em seu design. Às vezes, como se costuma dizer, menos realmente é mais.

Freqüentemente, os designs ficam tão desordenados que algum espaço em branco sem nada o ocupando irá realmente aprimorar o design. Isso pode exigir um certo ajuste mental de sua parte. Mas com a mudança certa, você pode usar este conceito simples para pular para designers aparentemente “especialistas”.

Se você quiser uma lição sobre como utilizar o espaço em branco, olhe para qualquer imagem de marketing criada pela Apple.

iphone-white-space

5. Alinhe seus objetos

Isso ajuda a manter os elementos de design em uma ordem apresentável, independentemente de seus tamanhos diferentes. O alinhamento adequado é uma maneira fácil de dar às suas imagens uma aparência sofisticada e profissional.

Ao arrastar itens no Snappa, as linhas de grade aparecerão automaticamente, tornando muito fácil alinhar os objetos.

Alinhar objetos

6. Use ícones para apoiar sua mensagem

Os ícones são como pimenta preta. Eles podem ser polvilhados em cima de qualquer projeto que você esteja preparando. E os ícones irão adicionar um tempero extra ao seu design, garantindo que ele tenha um “sabor” ótimo.

Usamos ícones extensivamente para reforçar o conteúdo das postagens de nosso blog. E se você quiser aprender com os mestres, verifique o blog do Helpdesk para obter mais inspiração.

Ícones de ajuda

7. Siga suas próprias regras de design

Regras, quais regras? Aqueles que você definiu para si mesmo.

Provavelmente não serão regras específicas. Em vez disso, casos em seu design onde você usa um determinado conjunto de cores, linhas, texturas, etc. Se você está definido nessa escolha, não se vire e faça algo contrário a ela. Fique consistente com suas “regras de design”, para garantir consistência em sua imagem em geral.

8. Enxágue e repita

Se você estiver trabalhando com vários designs em uma campanha publicitária, site ou outro projeto - pode ser mais fácil apenas enxaguar e repetir. Ou seja, copie seu design e, em seguida, apenas troque os elementos que você precisa alterar. Isso garante que o formato seja o mesmo, mesmo que você altere o conteúdo.

9. Use variantes de fonte

Você pode adicionar muita variedade, ao mesmo tempo que mantém as coisas consistentes. A chave é usar texto de uma única “família” de fontes.

Um exemplo de uma “família” de fontes seria Arial, que tem a fonte Arial básica, junto com variantes como Arial Black, Arial Narrow e Arial Rounded MT Bold. Todas essas fontes parecem diferentes. No entanto, existe um fio comum o suficiente entre eles que dará uma sensação de consistência quando usados ​​juntos em projetos.

Variantes de fonte

10. Aproveite ao máximo os contrastes

Usar contrastes ajuda a adicionar “atitude” ao seu design, bem como a destacar alguns elementos. Também existem muitas maneiras de gerar contrastes. Você pode usar cores e fontes contrastantes ou até mesmo quantidades contrastantes de espaço entre os itens em seu design.

Pense nisso em um contexto do mundo real também e você verá por que isso faz sentido. Uma pessoa de 2,10 metros de altura (o lutador André, o Gigante, por exemplo, ou o jogador de basquete Yao Ming) chama a atenção porque se diferencia da população em geral. O mesmo se aplica a elementos contrastantes em seu design.

Se você deseja identificar quais cores contrastam, use uma roda de cores como o Adobe Color.

Cores contrastantes

11. Use uma linha (ou duas) para criar um senso de ordem

As linhas ajudam a ancorar itens em uma imagem e criar a sensação de que há uma ordem geral. Use linhas em sua imagem, colocando-as ao redor de blocos de texto - ancorando o texto.

Você também pode colocar linhas como “separadores” entre vários elementos na imagem. Neste último caso, a sensação de elementos sendo separados aumenta a sensação de planejamento e coordenação no projeto. adicionar linha

12. Planeje seu projeto

Colocamos essa dica no meio da lista de dicas para espelhar onde o planejamento geralmente cai no processo de design gráfico da maioria das pessoas.

Em vez de ter o planejamento como a primeira etapa essencial, o não designer médio só começa a pensar seriamente sobre seus planos para um design DEPOIS de entrar no processo de design.

A fase de planejamento não precisa ser longa. Na verdade, pode levar apenas um ou dois minutos. Mas se você sabe o que deseja realizar antes de começar a projetar, fará as coisas muito mais rápido.

13. Adicione texto sobre as imagens ajustando os níveis de brilho

Quando seu projeto envolve colocar texto sobre imagens, ajuste o nível de brilho da imagem de fundo ou adicione uma sobreposição de cor. Desta forma, a imagem de fundo irá deslocar a cor do texto, fazendo com que o texto seja legível e o design ainda pareça limpo e claro.

Você pode facilmente transformar citações em gráficos com nosso criador de orçamentos online grátis!

Níveis de brilho

14. Estruture cuidadosamente sua cópia do corpo

Sempre que você tiver um corpo de texto (ou seja, parágrafos), cada linha não deve ter mais do que aproximadamente 30-40 caracteres. Isso inclui espaços também, então escolha com cuidado.

Se você exceder esse comprimento aproximado, você corre o risco de as sentenças se tornarem difíceis para os leitores lerem. E quanto mais curto, suas linhas de texto começam a se assemelhar a peças de Tetris, caindo descuidadamente em um fluxo irregular.

15. Pense sobre para quem você está projetando

A menos que seja apenas para seu próprio prazer, você provavelmente está projetando para um público específico. Nunca se esqueça daquele “para quem” você está projetando. Isso garante que você crie algo que o público-alvo do seu projeto realmente queira ver e algo ao qual eles reajam favoravelmente.

O contexto é importante aqui. Um design escuro, sombrio e até assustador - por exemplo - não seria o tipo de coisa que você gostaria de ter em um site para um produto caro e sofisticado. O mesmo seria verdade, por exemplo, com um design que parece muito “infantil” (em suas cores claras, uso de linhas irregulares, desenhos animados, etc.) para um público adulto maduro.

16. Deixe a forma seguir a função

Por mais que você tenha ouvido falar, ainda é inegavelmente verdadeiro - a forma segue a função. Portanto, certifique-se de conhecer a função do seu projeto. Saber que você será capaz de chegar mais facilmente a um formulário que funcione. Você terá uma noção melhor do que pertence ao design e o que não é.

Uma página inicial, por exemplo, projetada para coletar e-mails antes do lançamento provavelmente não precisa de um carrossel com imagens. Quando tivemos nosso período inicial de inscrição - não usamos itens que complicassem nosso site inicial. Em vez disso, adaptamos a forma do site à sua função - que era receber e-mails das pessoas. Esses excelentes exemplos de design também utilizaram essa regra para aumentar as taxas de conversão e melhorar a experiência do usuário.

Tudo isso se resume a saber o “porquê” do seu design. E pensando bem também.

17. Mantenha a simplicidade

Você já viu um filme - filmes de super-heróis e épicos de ficção científica - que tem muitos efeitos especiais. Muitas explosões, naves espaciais em alta velocidade, robôs gigantes e assim por diante. Eventualmente, os efeitos especiais apenas se misturam e silenciam a maior parte do que está acontecendo em outras partes do filme. (Estamos olhando para vocês, Transformers .)

É o mesmo com o seu design. Se você exagerar com muitos efeitos especiais, como sombras e gradientes de tonalidade, você moverá rapidamente em direção a uma imagem esteticamente inchada e esteticamente apagada.

Você ainda pode usar alguns “efeitos especiais” de design. Mas polvilhe-os aos punhados em seu projeto, como faria com um pouco de vinagre balsâmico em uma salada. Muito vinagre balsâmico e anula a salada. E muitos efeitos especiais anulam o resto do seu design.

Mantenha simples

Conclusão

Como você pode ver, o design gráfico não precisa ser difícil. Basta seguir essas 17 dicas e você estará no caminho certo para produzir ótimas imagens online.