cores para web
DESCRIPTION
Aula de "Cores para Web", ministrada para as cadeiras de Design para Meios Digitais (Curso de Publicidade) e Web Design (Curso de Design), da FANOR, em Outubro de 2013.TRANSCRIPT
Cores para Web@richarley
Cor resulta da existência de luz
* Preto é ausência de luz* Branco é a presença total de luz
Monitores* Cores em RGB
* Imagens reproduzidas em pixels* Cada pixel iluminado em Vermelho (R),
Verde (G) e Azul (B)
Escalas de cores* Escala numérica de 0 à 255
Ex.: R (232) G (36) B (110)* Escala hexadecimal para HTML
Ex.: #e8246e
Círculo cromático RGBVermelho (R)
Azul (B)Verde (G)
Amarelo Magenta
Ciano
Laranja Rosa
Roxo
Azul oceanoTurquesa
Verde limão
Círculo cromático RGBR (255) G (0) B (0)
#FF0000
R (0) G (0) B (255)
#0000FF
R (0) G (255) B (0)
#00FF00
R (255) G (255) B (0)
#FFFF00
R (255) G (0) B (255)
#FF00FF
R (0) G (255) B (255)
#00FFFF
R (255) G (127) B (0)
#FF7F00
R (255) G (0) B (127)
#FF007F
R (127) G (0) B (255)
#7F00FF
R (0) G (127) B (255)
#007FFF
R (0) G (255) B (127)
#00FF7F
R (127) G (255) B (0)
#7FFF00
Harmonia* Monocromática
Harmonia* Análoga
Harmonia* Complementar
Harmonia* Triádica
Harmonia* Complemento dividido
Harmonia* Dupla complementar
Temperatura* Quentes * Frias * Neutras
Exemplos sites* Cores quentes
Exemplos sites* Cores frias
Exemplos sites* Cores neutras
Recomendações para uma boa paleta de cores
* Trabalhar com cores complementares* Se preocupar com o contraste
(Legibilidade dos textos)* Não ter medo de usar cores vibrantes
Ferramentas online para paletas de cores
* Kuler:kuler.adobe.com
* Color Scheme Designer:colorschemedesigner.com
Atividade em classe* Com base nos conceitos de harmonia dados em
classe, definir 2 paletas de cores distintas para sites corporativos dos seguintes tipos de clientes:
1. Vidraçaria;2. Loja de material de construção;
3. Boate de música eletrônica.
Atividade em casa* Preparar uma proposta de paleta de cores
inicial para o portfólio.