1º WordPress Meetup Florianópolis - Guia de Cores para Design em Websites

Guia de cores

Joao Paulo Battisti

a importância das cores

o significado das corescores mais e menos amadascontrasteAgradar a gregos e troianoscores na webusando cinza, preto e branco

o significado das cores

transmite sentimento;influenciam na decisão;no tempo de usabilidade;interferem na interação;atraem ou expulsam;suavizam ou agridem a visão.

o significado das cores

azuldepressãonostalgiafriezahonestosolidãoordemsinceridadetecnologiadesespero

vermelhoalertadinamismoagressividadeimpacienciaamordeterminaçãohumilhaçãorevoluçãoviolência

amareloenergiadoençaatividadedinheiroderrotaidealismocovardiafelicidadeexpansivo

cores mais e menos amadas

AzulverdevermelhopretoAmarelovioletaLaranjaBrancorosaMarromouro

45%15%12%10%6%3%3%2%2%1%1%

MarromrosaCinzavioletaLaranjaAmarelopretoverdevermelhoouroprataBrancoAzul

20%17%14%10%8%7%7%7%4%3%2%1%1%

contraste

hierarquizar informações;visibilidade;facilidade e rapidez;facilitar a interação;análoga para reforçar ideia;complementar para mais contraste.

contraste

cores análogas

contraste

cores complementares

agradar a gregos e troianos

considerar uma persona;considerar o usuário;usuários com pressa;material design - google;considerando a impressão;

cores na web

material design - google

cores na web

considerando a impressão.

cor visivel

cor rgb

pantone

cmyk

usando cinza, preto e branco

cinza como cor neutra;branco como área de trabalho;preto como detalhes e tipografia;mancha;preto 100%?

e um slide colorido