19 abordagens para a cor
Com mais de 9 bilhões de sites indexados na Web e contabilizados, os sites precisam fazer mais para serem notados e incentivar os usuários a gastar tempo com eles.
Com mais sites competindo pela atenção dos usuários, a cor está se tornando cada vez mais importante para destacar sua página. Aqui estão alguns sites que fazem exatamente isso: use cores interessantes em combinações incomuns para se destacar dos bilhões de sites com esquema de cores padrão por aí.
Layrr
Nós todos sabemos que o conteúdo vem em segundo lugar em chamar a atenção, e as manchetes têm sido usadas em papel de jornal há anos para ganhar interesse. Layrr usa um contraste discreto para conseguir isso, e mesmo que você não fale francês, sugiro que vá verificar este site agora, ele usa pequenas áreas coloridas para criar impacto contra o fundo cinza e consegue isso em um design incrivelmente bonito. Não admira que tenha recebido uma menção honrosa no concurso de design da Awwwards .
Havainas
A página de destino de Havainas , um varejista muito grande de chinelos e sandálias é surpreendentemente, e maravilhosamente, colorido, uma característica que se estende às páginas regionais do site. O objetivo deste site é ilustrar seu estilo, juntamente com as cores brilhantes associadas ao calor e ao verão, feriados e, mais importante, seus produtos. Embora a cor faça parte do reconhecimento de sua marca, é revigorante ver o site de uma grande empresa que foi bem projetada em termos de cores, como você provavelmente pode ver pela lista de sites aqui, boa coordenação é muitas vezes deixada para os pequenos.
ColourPixel
Além de ser brilhante e colorido, o que realmente chamou minha atenção ColourPixel do site, foi o uso de preto, onde outros sites teriam usado branco. A razão pela qual o branco é usado é porque o contraste entre ele e outras cores é mais fácil para os olhos e, portanto, mais acessível aos usuários, mas caixas pretas maiores aqui foram usadas para encapsular o texto, que é branco. Isso realmente alcança o objetivo de chamar minha atenção para o texto dentro deles, em vez das próprias caixas reais como parte do design. Além disso, o plano de fundo do site atinge o que o designer chama de visual "étnico", usando pixels deslocados para obter um efeito de tapeçaria. Os Rainbows são usados de forma bastante gratuita, mas oferecem uma diferenciação agradável de cores combinada com os sutis chaves no fundo.
Will Fernandes
Will Fernandes 'site usa muitas e variadas cores, todos disputando a atenção para alcançar seu estilo. Ele reserva amarelo, laranja e branco para o texto e o plano de fundo, e principalmente evita usá-los em sua obra de arte, para marcar uma diferenciação entre isso e conteúdo. Ele oferece uma opção de visualização em tela cheia, que é recomendada se você quiser ver o trabalho deste talentoso artista e web designer em um site fantástico com animações brilhantes. Obviamente, tem sido trabalhado extensivamente para garantir que as cores certas sejam usadas para a arte e o local enquanto se complementam.
Ryan Keiser
Este é o primeiro site em que analisamos que usa deliberadamente cores ofensivas e esmagadoras projetadas para colidir, para obter um efeito de alto contraste. O designer gosta tanto de usar cores que tem uma paleta de inspiração de cores na parte inferior do site. Ryan Keiser usa principalmente amarelo, uma cor com a qual muita coisa pode dar errado se usada incorretamente, aqui com ciano e, em menor escala, rosa, todo o site aparece. Em uma nota final, o Cyan e Pink são muito reminiscentes de óculos anáglifos em 3D, usando um esquema de cores que foi muito pouco convencionalmente absorvido em nossas vidas inconscientes, que normalmente não esperamos que funcione, mas inexplicavelmente, porque agora associamos esses duas cores juntas.
Ben Markowitz
Outro site muito discreto com um uso muito cuidadoso da cor, dando ao elemento interativo do site uma aparência usinada. Para o design de um site como esse, usar a cor dessa maneira é incomum, os designers geralmente vão de um jeito ou de outro, mas isso realmente acrescenta ao título: ' Ben Markowitz ', não só chamando a atenção, mas oferecendo diferenciação, usando uma paleta complementar com um grande alcance. O único outro uso de cores que eu sinto que este site se beneficiaria é com os ícones de redes sociais na parte inferior da página, já que todos eles usam cores muito neutras e se destacam e são um pouco mais facilmente identificáveis.
Abraços para monstros
Joe Lifrieri Abraços para monstros tem o mesmo objetivo do site de Will Fernandes que analisamos anteriormente, mas o atinge em um estilo individual orgânico, usando cores para realçar seu estilo único. Eu sugiro fortemente que você dê uma olhada em algumas de suas outras páginas, todas elas têm arte diferente no mesmo estilo eclético que você pode ver aqui.
Tim Bjørn
Ao contrário dos outros apresentados aqui, a página de destino deste site é caracterizada por falta de cor, e olhando para o outro trabalho de Tim Bjørn , o artista, ele obviamente usa cores com muito cuidado e com moderação. É muito reconfortante ver um site em escala de cinza simples que não parece ter sido projetado há uma década! A arte, como Abraços para os Monstros acima, é muito orgânica, e é o ponto focal principal do site, com menus subjugados e quase toda a página de destino dedicada a algumas peças-chave.
Apenas para uso em escritório
Esse é outro site que usa uma pequena quantidade de cor para obter alto contraste em um site com tema em escala de cinza. Em particular, o caso abaixo, onde a transparência no logotipo cria um vermelho opaco contra a imagem por trás dele. Um olhar mais profundo Apenas para uso em escritório mostra que esses caras sabem como e quando usar cores e fazem bem.
Laboratório de Design de Métodos
o Laboratório de Design de Métodos O inovador feed de notícias usa a cor de uma forma nova, para significar a "idade" das notícias, com um esquema de cores quentes e frias facilmente identificáveis, exceto que as notícias só existem na seção "quente" do esquema de cores, idéia de marketing inteligente, talvez? No entanto, é muito fácil entender que o vermelho é uma notícia mais antiga de mais de 12 horas atrás, e o amarelo é mais recente. Muito bem executado, e a cor contribui tanto para o design quanto para a função do site, algo que não pode ser dito de muitos sites além de sua navegação. Depois de tropeçar durante a pesquisa para este artigo, este site encontrou o caminho para os meus favoritos, tanto pelo conteúdo como pelo design.
DesignWise
O tema para DesignWise é o contraste através da simplicidade, com uma sensação sutil e grosseira, o rosa sobre preto funciona perfeitamente, e usar um off-white para conteúdo de texto compensa o rosa sem que o contraste seja acentuado contra o preto. Há também contraste entre o plano de fundo limpo, ainda texturizado, e toques sutis de grunge espalhados por todo o site.
Prius Harmony
As cores deste infográfico são lindamente coordenadas, ambas alcançando a missão óbvia de transmitir “harmonia” e comunicar os tópicos relacionados às cores. Enquanto isso é efetivamente uma peça de publicidade para Prius , ele carrega bem o seu trabalho, e mesmo se você desprezar o Flash, apenas aprecie pelas cores. Este é outro site com funcionalidade em cores, mesmo que raramente, e um dos raros que usa cores de bloco com transparência para criar variação com as cores combinadas de duas ou mais outras sobrepostas, transmitindo (principalmente) um senso de harmonia, se você ignora as feias seções pretas e marrons supercolored e mal coordenadas.
Grade Orgânica
Se você pode perdoar dois sites em Flash, Grade Orgânica é um belo portfólio que pode ser perdoado pelo incrível uso de cores em um menu que mudará seu esquema toda vez que você retornar a ele. Não convencional? Sim. Não coordenada? Definitivamente não. Vá para as cores, coloque o site no modo de tela cheia, e fique para curtir as incríveis fotos e trabalhos artísticos nos portfólios, se é que você pode ignorar os tempos de carregamento, ou seja.
Matt Mullenweg
Este site inspirado em Lichtenstein deve ser incluído, mesmo que apenas pelo pai do WordPress, Matt Mullenweg O blog traz à vida as cores do bloco e as dobras de arte pop. Bloquear cores primárias pode ser maravilhoso, se não for usado em demasia, e este site nos dá um traço. Há uma brilhante onda de pop art na parte inferior do blog, mas você não poderá vê-la por muito tempo, já que Mullenweg tem tantos posts que você estará rolando para sempre!
Vanity Claire
Se você conseguir enxergar além do fato de que este site tem uma usabilidade terrível, o trabalho artístico em cada página é feito incrivelmente bem. Cores suaves simples estão se tornando mais populares, e Claire O site consegue se infiltrar em um pequeno grunge também. Este site é caracterizado por ter uma cor de plano de fundo de bloco único diferente em cada página com um design simples horizontalmente no meio da página.
Cola
Um site que leva a simplicidade a um novo nível Cola Retorna todo o conteúdo em favor de uma ampulheta lindamente executada, com a areia caindo para cima acompanhada pelo slogan "Save Time". O site costumava ter mais conteúdo com os destaques laranja lindo em cinza, no entanto, infelizmente, desde que se tornou apenas convidar.
Microsoft
Tanto quanto me dói incluir isso, como um defensor robusto da maçã, Microsoft A presença on-line chegou aos trancos e barrancos, presumivelmente de mãos dadas com o surpreendente avanço no Internet Explorer (provavelmente teria sido embaraçoso ter seu site datado de seu navegador). A interface 'metro' baseada em azulejos do Windows 8 claramente teve alguma influência, e eu tenho que dizer, parece bom. Como vimos no Google Chrome, no Skype e agora na Microsoft, bloquear logotipos coloridos é o futuro, os dias de gradientes brega e o uso de 3D por causa disso acabaram.
AdaptD
A inclusão deste site pode ter algo a ver com o fato de que ele me lembrou de um pirulito de foguete, um deleite infantil favorito, ou que simplesmente incluía cor apenas para a pura alegria dele. AdaptD trouxe um sorriso na minha cara simplesmente com a fita 'algo colorido' no topo do site, porque não? Uma bela jóia em um local padrão embora bem concebido.
ColoRotate
Finalmente, terminamos com um site que não usa cores como parte de seu design. Na verdade, o design do site é incrivelmente sem graça, mas como uma função - o objetivo do site é ajudar você a navegar e misturar paletas de cores. Parece apropriado terminar em um site que usa cores dessa maneira. Portanto, se você decidir que seu site precisa de uma renovação depois de ler essa lista, não há nada que o impeça de escolher o esquema de cores perfeito. ColoRotate também tem uma interessante página de informações sobre cor, se você gosta de ler sobre a teoria das cores do século 21, e como nossos olhos percebem a cor.
Como você aborda a cor? Você joga pelo seguro ou se esforça para se destacar? Deixe-nos saber nos comentários.