Como fazer combinações de cores

Escrito por jessica blue | Traduzido por vitcho ferroni
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer combinações de cores
Um circulo de cores pedaços de pano (Eraphernalia_vintage/Flickr.com, guspim/Flickr.com)

Quer fazer seu próprio design popular? Uma boa combinação de cores pode definir o humor de qualquer design, acentuar elementos e desenhar a visão do espectador para os itens importantes. Criar uma paleta de cores é um processo rápido que terá um grande efeito.

Nível de dificuldade:
Fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Organize os elementos do seu design — cabeçalhos, colunas, texto, links e imagens — em uma hierarquia. Quais elementos são mais importantes? Quais você quer que os espectadores prestem mais atenção? Muitos websites utilizam textos grandes com cores chamativas ou cabeçalhos com foto para chamar a atenção e acentuam links e botões com tonalidades vivas. Em comparação, os textos são pequenos e monótonos, pois são um simples preenchedor entre dois itens de ação.

    Como fazer combinações de cores
    .
  2. 2

    Escolha uma cor central que você acha que representa seu design. Por exemplo, muitas instruções financeiras utilizam simples tons de cinza e azul para representar estabilidade e confiança; websites infantis tendem mais a usar roxos fortes, laranjas e amarelos; sites políticos geralmente usam vermelho e azul e sites com temas do meio ambiente optam pelo verde grama.

  3. 3

    Use o gerador de esquema de cores gratuito do Color Scheme Designer (veja Recursos). Faça experiencias com combinações de cores baseadas na escola do seu tom. Use as configurações "mono", "acabamento" e "analógico" para um design mais conservador. Para uma cor mais dinâmica, experimente "tríade", "tétrade" ou "analógico acentuado". Visualize sua combinação usando os links "exemplo de página clara" e "exemplo de página escura".

  4. 4

    Escolha três ou quatro cores que trabalhem bem juntas e aplique-as na sua hierarquia do design. Utilize-se da sua opinião, como também da sabedoria convencional: manchetes devem contrastar com o fundo; links devem ser mais coloridos ou vivos; textos devem ser de alto contraste mas fáceis de ler.

    Como fazer combinações de cores
    .
  5. 5

    Aplique cores ao seu design usando o gerador automático de códigos HEX (códigos de 6 dígitos alfanuméricos que especificam a cor exata). Para ver os códigos das cores escolhidas, clique em "Lista de Cores".

Dicas & Advertências

  • A maioria dos designs funcionam melhor entre quatro e seis cores distintas. Menos cores farão seu design parecer chato e difícil de decifrá-lo, enquanto muitas cores podem resultar em confusão.
  • Quando estiver em dúvida, confie no seus sentidos! Você pode saber instintivamente se uma combinação de cores está adequada, mesmo que você não possa provar com uma paleta de cores. Se você gostou da combinação, a probabilidade é grande de que vão gostar também.
  • Evite — literalmente evite — qualquer combinação de cores que dificulte a leitura do texto. Já que ele geralmente é o menor e mais abundante elemento na página, deve estar agradável para os olhos. Isso significa que textos de alto contraste (geralmente preto, branco ou cinza) são os melhores. Não importa se você gosta de outra cor, se ficar difícil pra ler, os espectadores ficarão frustrados e podem fechar sua página.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível