1º WordPress Meetup Florianópolis - Guia de Cores para Design em Websites
Transcript of 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