formação web design. 2013 01. 127

as cores

a cor m a t i z o nome atual, como vermelho ou verde s a t u r a ç ã o indica a pureza da cor, o grau de pureza do matiz l u m i n o s i d a d e indica o quanto de branco essa cor tem s. f., impressão que as diferentes variedades de luz (diferentes comprimentos de onda de radiação eletromagnética visível) produzem nos órgãos visuais; tinta para pintar ou tingir; coloração da face. 06. 127

dentre a infinita variedade de espécies animais, é o mais desenvolvido e representa o mais elevado grau de aperfeiçoamento da matéria, no que tange a captação das manifestações da energia luminosa; olho humano e s t r u t u r a somente o olho é capaz de informar a distância, a direção e forma dos objetos; forma esférica; 24mm de diâmetro nas pessoas adultas; é revestido externamente por um invólucro branco que o protege, a esclerótica; superfície exterior da esclerótica: membrana fotossensível chamada RETINA; cones fibras nervosas responsáveis pela visão colorida; bastonetes parte central da retina sensível às imagens em p&b; responsável pela visão noturna. 07. 127

a retina i m a g e m CURIOSIDADE as imagens, que se projetam dentro do olho, são invertidas, ou seja, de cabeça para baixo; o cérebro faz a inversão da imagem, colocando-a na posição correta e nos dá a sensação que estão na posição normal. 08. 127

provou que a luz branca é a soma de todas as cores; issac newton t e o r i a d a s c o r e s quando a luz passa pelo prisma, temos o arco-íris; provou que o inverso dava o branco. 09. 127

as cores s e d i v i d e m primárias (ou geratriz) é cada uma das três cores indecomponíveis que, misturadas em proporções variáveis, produzem todas as cores do espectro; para os que trabalham com computador, as primárias são: vermelho, verde e azul-violetado; a mistura dessas três luzes coloridas produz o branco, denominando-se o fenômeno síntese aditiva. para os químicos, artistas e todos aqueles que trabalham com substâncias corantes opacas, as primárias são: magenta, amarelo e azul-ciano; a mistura dessas três luzes coloridas produz o preto (cinza-neutro), denominando-se o fenômeno síntese subtrativa. 11. 127

as cores s e d i v i d e m secundárias é a cor formada em equilíbrio óptico por duas cores primárias terciárias é a intermediária entre uma cor secundária e qualquer das duas primárias que lhe dão origem complementares são aquelas cuja mistura produz o branco, formando os seguintes pares: vermelho e azul-esverdeado amarelo e anil azul e laranja cores quentes vermelho e amarelo, e as demais cores em que eles predominem cores frias azul e verde, bem como as outras cores predominadas por eles 12. 127

cor luz p r i m á r i a s v e r m e l h o v e r d e a z u l-v i o l e t a d o RGB red green blue EXERCÍCIO Fazer com os alunos no programa PHOTOSHOP o círculo das cores primárias de luz, comprovando que a soma dos raios vermelhos, azuis e verdes dão o branco. 13. 127

OLHO HUMANO aparelho receptor COMPUTADOR interface objeto 14. 127

cor pigmento p r i m á r i a s ciano magenta amarelo preto CMYK cyan magenta yellow black 15. 127

cor pigmento p r i m á r i a s s e c u n d á r i a s t e r c i á r i a s 16. 127

estímulo hue sensação MATIZ COR + = LUZ objeto físico OLHO HUMANO aparelho receptor MAÇÃ VERMELHA objeto 17. 127

18. 127

desconforto visual

case kodak suas cores padrão são o vermelho e o amarelo e são tão conhecidas que sua substituição por outras iria prejudicar sensivelmente a identificação em lojas de auto-serviço

leia as cores amarelo verde vermelho azul preto

corações flutuantes h e l m h o l t z

em um projeto de design (gráfico, web, etc), as cores não podem ser escolhidas exclusivamente pelo GOSTO PESSOAL, pois ele é um valor de conceito subjetivo e variável; escolhendo as cores f u n ç ã o d a c o r a função da cor é despertar: atenção, interesse, harmonia, desejo e ação. 27. 127

psicológico d a c o r as cores são usadas para estimular, acalmar, afirmar, negar, decidir, curar,etc; no momento da criação de um site, embalagem, um anúncio para jornal, é muito importante tomar como base os estudos e as associações psicológicas do homem diante das cores. SITE (Aprenda Teoria das Cores em Animação) Maria Claudia Cortes mostra o resultado de sua Dissertação de Mestrado em Flash. Color in Motion tem animação, som, jogos e um um kaleidoscópio que serve para experimentar a interação entre as cores. www.mariaclaudiacortes.com 28. 127

paz pureza batismo casamento hospital neve frio palidez vulnerabilidade dignidade divindade harmonia inocência

noite sujeira carvão enterro medo morte maldição pessimismo negação tristeza opressão dor no design, o preto está associado à nobreza e seriedade

guerra sangue perigo vida fogo mulher conquista masculinidade força energia movimento violência excitação emoção ação em excesso pode irritar e causar violência; sinaliza impedimento

outono pôr-do-sol calor luz raios robustez euforia alegria amigos apetite prazer senso de humor

ouro sol calor palha luz verão conforto idealismo espontaneidade euforia alegria expectativa provoca calor e criatividade; sugere atenção

primavera natureza floresta folhas mar vida bem-estar tranqüilidade segurança liberdade juventude firmeza coragem esperança desperta tranqüilidade, bem estar e equilíbrio; sinaliza permissão

céu frio mar tranqüilidade espaço fantasia infinito afeto noite serenidade credibilidade provoca contradição entre estímulo e repouso; sugere confiança

igreja sonho mistério dignidade egoísmo grandeza espiritualismo sexualismo

chocolate café terra frio melancolia desconforto

feminilidade criança calma afeto delicadeza

harmonia visual

harmonia visual combinado preto torna-se tão atrativo que não há como não olhar

case sinalização de campanha de racionamento de energia UNIDERP maio 2001 peças gráficas: cartaz A3 adesivo de carro adesivo de parede

harmonia visual

harmonia visual o vermelho é uma cor muito atrativa e de contrastes interessantes se combinado com o branco

harmonia visual o vermelho é uma cor muito atrativa e de contrastes interessantes se combinado com o amarelo

harmonia visual é uma cor forte e muito usada em embalagens de alimentos

harmonia visual dependendo da tonalidade o verde está associado à energia: caso do Guaraná Antartica

harmonia visual

harmonia visual é uma cor que não se usa para jovens, mas se combinada com dourado, creme e vinho, pode causar elegância e requinte

identidade visual c o m u n i c a ç ã o v i s u a l quando uma empresa apresenta uma mesma imagem em seus impressos, uniformes, veículos, etc, esta empresa tem uma IDENTIDADE VISUAL que pode ser chamada também de IDENTIDADE EMPRESARIAL ou CORPORATIVA 71. 127

identidade visual c o m u n i c a ç ã o v i s u a l conjunto de elementos gráficos que irão formalizar a personalidade visual de um nome, idéia, produto ou serviço! 72. 127

marca i d e t i d a d e v i s u a l é o nome da empresa, da instituição ou do produto 73. 127

logotipo i d e t i d a d e v i s u a l palavra ou grupo de letras, apresentadas em desenho característico 74. 127

símbolo i d e t i d a d e v i s u a l desenho representativo de uma determinada idéia 75. 127

logomarca i d e t i d a d e v i s u a l logotipo + símbolo (ou não) 76. 127

posso dizer que fumo cigarros de marca Hollywood, exemplo i d e t i d a d e v i s u a l cujo logotipo é hollywood e que tem por símbolo 77. 127

principais LOGOTIPO elementos institucionais i d e t i d a d e v i s u a l SÍMBOLO secundários COR ALFABETO 78. 127

primeiro passo: bater um longo PAPO COM O CLIENTE (conhecer a empresa/produto); QUESTIONÁRIO BÁSICO conhecer o tipo negócio da empresa do cliente; PESQUISA reunir a maior quantidade de elementos para a elaboração da logomarca; etapas de criação l o g o m a r c a BRAINSTORM/EXPLOSÃO DE IDÉIAS qualquer palavra que tenha relação com o tema; (CONSULTA REGISTRO DE NOMES site do INPI/www.inpi.gov.br) (CONSULTA REGISTRO DE DOMÍNIO PARA USO NA INTERNET FAPESP/www.registro.br) ROUGH: colocar as primeiras idéias no papel; COMPUTADOR E OU SCANNER: aperfeiçoamento das idéias; TESTE: cores e tipologias; LAYOUT: primeira impressão da logomarcas; LAYOUT FINAL: última impressão,com correções e ajustes; APRESENTAÇÃO AO CLIENTE ajustes finais (ou não) junto ao cliente e aprovação do trabalho pelo mesmo.

cliente C R E A 1 9 9 9

cliente C A S A D E C A R N E S M A R A C A J U 1 9 9 9

cliente W E S T C E N T E R I N F O R M Á T I C A 1 9 9 9

cliente C L Í N I C A F I S I O T E R A P I A 2 0 0 0

cliente A G Ê N C I A E X P E R I M E N T A L 2 0 0 1

cliente P A S T I F Í C I O D E L L A F O R T U N A 2 0 0 2

cliente B O G A R I C A P I T A L 2 0 0 8

cliente C L I P P I N G S 2 0 0 8

33 39 cliente P O S T H U R A 2 0 0 8

33 39 cliente I N O V A M U S 2 0 1 1

33 39 cliente A L A C A R T E B R A S I L 2 0 1 1

Castle T Freestyle Script

cliente A L A C A R T E B R A S I L 2 0 1 1 125. 127

127. 127