30 lindos sites de três cores para sua inspiração

A cor afeta muito o design. No entanto, um design com muitas cores pode facilmente sobrecarregar o espectador. Às vezes, uma abordagem minimalista pode ajudar a chamar a atenção do visitante para um conteúdo específico - o conteúdo certo.

Nesta coleção de sites, nós nos concentramos em designs que usavam três cores para primário elementos de design. No entanto, alguns desses sites incluem uma ou duas cores de destaque além das três cores principais. No entanto, esses sites foram muito bem feitos e perto o suficiente para os critérios de 3 cores que não poderíamos deixar de incluí-los nesta coleção.

Observe como as cores ajudam você a focar sua atenção para onde ela é necessária. Você consegue ver como a marca estava ligada a cada um desses designs? Você também pode ver como usar gráficos coloridos junto com uma paleta de cores limitada ainda é útil sem ir muito longe no caminho de design minimalista. Os exemplos a seguir mostrarão que sites que usam no máximo 3 cores ainda pode ser eficaz.

Mecânica de Imagem

Um design minimalista e agradável, que usa apenas cores suficientes para chamar a atenção para conteúdos importantes no site.

nclud

O fundo fotográfico grande e azul é um bom contraste com o texto principal branco e o nome da marca verde, o que chama a atenção do leitor primeiro. O texto em azul claro chama a atenção para uma breve descrição da empresa e uma lista de seus clientes impressionantes. Bom uso de cores para criar hierarquia!

The Loft

Diferentes tons de cinza em um fundo branco conferem a essa página uma aparência sofisticada e minimalista. O texto colorido no menu da página funciona como um guia para navegar no site.

Fat-Man-Collective

Assim como o visual e o tom da marca, o design do site também é "curto e doce". Muito bem ir com a manutenção de um visual de marca!

Spark Criativo

Menos a ilustração, este site incorpora apenas 3 cores em seu design: amarelo, preto e branco, que é uma boa referência a uma lâmpada, quando você pensa sobre isso. E uma lâmpada funciona bem com o nome da empresa, Creative Spark. Interessante.

Pepperminted

Nome bonito e um design bonito principalmente 3 cores, este é simples, mas criativo ao mesmo tempo.

Sergey Stanchev

O esquema de cores escuras e o uso limitado de cores conferem a este site uma aparência e um toque sofisticados e profissionais.

Digimurai

As cores de texto de laranja e azul coordenam com o fundo ilustrado e bonito mascote.

Causecast

Cinza, azul e rosa em um fundo branco fornecem um tom muito "feliz", que parece ser uma boa escolha para um programa de voluntariado / caridade.

Astéria

Este design inteligente usa cores de, bem, drogas! Branco, cinza e azul são geralmente as cores que você vê em caixas de comprimidos, então esses designers realmente correram com a idéia de "Design é uma droga".

Dave Airey

Ah, David Airey, um dos designers de identidade de marca mais populares da comunidade de blogs de design gráfico. Seu site é minimalista, apresentando apenas texto preto, laranja e cinza sobre um fundo branco. Simples, mas eficaz!

Eduardo de La Rocque

O plano de fundo texturizado se parece com o papel fantasia que algumas pessoas usam para retomar e imprimir CV. É interessante, também, que o texto vermelho rosado fique cinza claro quando você passa o mouse sobre ele.

Oito Rosto

Preto, branco e cinza, juntamente com algumas dicas de texto laranja, são as cores principais usadas neste design. Essas cores dão a esse site uma espécie de aparência de "notícias".

Febre

Escuro e cinza claro e vermelho são usados ​​indistintamente neste design. Embora esse design possa ser um pouco mais bem organizado em termos de quais cores foram usadas, elas ficaram muito bem com as três cores do título..

Stefan Coisson

Este site usa 3 cores de forma bastante eficaz em um layout de site simples. Enquanto o texto poderia ser melhor organizado, o destaque verde se destaca contra o texto em preto e branco.

Jon Tangerine

Ok, então este é outro que se estende além do esquema de 3 cores um pouco, mas é um site tão bonito que grita: "Olhe para mim!" Os destaques amarelos e links de texto (com um pouco de sublinhado laranja) contrastam bem com o texto em branco preto e cinza e ocasional. Lindo!

Martin Hipp

Cinza escuro, preto e um verde grama se misturam bem para dar a este site uma aparência profissional e única.

Sites Mínimos

Começando a notar um padrão no uso de preto, cinza e uma cor brilhante em um fundo branco? Talvez esse tipo de esquema de cores seja popular porque cria um visual minimalista com cores suficientes para chamar a atenção ... e esse site não é exceção.

Teoria do Movimento

A faixa de preto ao lado é um toque agradável que contribui para o visual e a sensação do "filme". Texto em cinza e vermelho mantém este site simples, o que é muito importante em todas as imagens que devem ser incluídas.

Um caminho de volta

Azul juntamente com tons de cinza manter este design minimalista e tradicional. As 3 cores diferentes são usadas muito bem para chamar a atenção para textos importantes.

Grão e Gram

Este site faz um ótimo trabalho de criar um apelo de "cavalheiro" com cores masculinas de cinza escuro, uma cor de granulação (de acordo com o título) e branco.

Pilhas de fontes impressionantes

Laranja junto com preto e cinza (e um pouquinho de texto branco) ajuda a quebrar esse site pesado e torná-lo interessante.

Yuna

Este site usa principalmente os cinzas escuros e claros das formas geométricas, mas o azul também é uma cor destacada, juntamente com um pouco de rosa. Então, realmente, essa é outra variação do esquema de cores preto, cinza e realce.

Pentágono

Cinza, um pouco de branco e muito azul criam um esquema de cores muito simples. Por outro lado, o azul parece um pouco esmagador, e os gráficos piscantes não ajudam muito.

Design gráfico no rádio

Tecnicamente, este site usa apenas cerca de três cores: texto preto e cinza em caixas brancas e o plano de fundo texturizado rosa. Mas espere! Feche a página, reabra-a e o fundo agora está azul, não, amarelo. Ok, você pode deixar de reabrir a página agora. Decepcionado, há apenas três cores para brincar, não é??

Pixelbot

Novamente, cinza escuro, cinza claro e uma cor de destaque criam um esquema de cores simples e eficaz para o design da Web..

Site inspirar

Embora o texto mude de cor quando você passa o mouse sobre ele, pode ser divertido, mas esse recurso pode aproveitar um pouco demais esse recurso. Mas talvez eles possam se dar bem com o design simples de 3 cores.

Stefan Persson

Cinza / preto com laranja e branco adicionar a este design muito bem organizado. Cada cor parece ter um uso estrito, o que realmente leva a navegação deste site a grandes alturas.

Faust

Um esquema de cores simples ajuda a atenuar a ocupação deste site; no entanto, menos laranja teria ajudado o design ainda mais.

Instalações Industriais

A navegação deste site é um pouco diferente, algo nem sempre recomendado. No entanto, o esquema de cores cinza escuro, cinza claro e branco ajuda a manter o site simples o suficiente para aprender rapidamente.

Nota do editor: Este post foi escrito por Tara Hornor para Hongkiat.com. Tara é formada em inglês e escreve sobre marketing, publicidade, branding, design gráfico e editoração eletrônica. Além de sua carreira como escritora, Tara também gosta de passar tempo com o marido e dois filhos..