design gráfico: um resumo
TRANSCRIPT
![Page 1: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/1.jpg)
DESIGN GRÁFICOum resumo
Flávia Peluzzo • rafo Barbosa • Renata Gibson
![Page 2: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/2.jpg)
1. Composição2. Estratégias de Layout3. Cor4. Tipografia5. Formato6. Papel7. Impressão
TÓPICOS ABORDADOS
![Page 3: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/3.jpg)
?O QUE É
![Page 4: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/4.jpg)
design
![Page 5: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/5.jpg)
_Denomina-se design qualquer processo técnico e criativo relacionado à elaboração de um artefato.pt.wikipedia.org/wiki/Design
_Ferramenta de comunicação de marketing que trabalha com formas, traços e cores.www.dicionariopublicitario.net/d.php
_Aparência estética de um produto ou de parte dele.www.ip4inno.eu/index.php
_Diz respeito tanto a peças de propaganda quanto ao desenvolvimento de embalagens, logotipos e ações de identidade corporativa.www.estadao.com.br/noticias/economia,pequeno-glossario-de-termos-publicitarios,185990,0.htm
![Page 6: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/6.jpg)
DESIGN REFERE-SE AO PROJETO
VISUAL E FUNCIONAL DE UM PRODUTO. É ADAPTAR UM PRODUTO À NECESSIDADE DOS SEUS USUÁRIOS,
CATIVAR O SEU USO ATRAVÉS DA ESTÉTICA,
ATRIBUIR CONCEITOS À SUA FORMA.
![Page 7: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/7.jpg)
TEORIA
FUNÇÃOFORMA/ ESTÉTICA
ARTE/ABSTRAÇÃO
CONCEITO
DESIGN
CONTEÚDO
infográfico: rafo Barbosa
![Page 8: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/8.jpg)
infográfico: IDEO
![Page 9: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/9.jpg)
TERMINOLOGIAS BÁSICAS
página lâmina
![Page 10: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/10.jpg)
COMPONENTES DE UM PROJETO GRÁFICO:
![Page 11: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/11.jpg)
O estudo composicional de um projeto gráfico visa a melhor maneira de organizar os elementos visuais (imagens, cores, textos, formas, texturas).
Para tanto, precisamos identificar quais são os elementos e como relacioná-los.
COMPOSIÇÃO
![Page 12: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/12.jpg)
PONTO:Qualquer ponto, independente da forma arredondada, apresenta uma grande força de atração sobre o olho.
ELEMENTOSdaCOMPOSIÇÃO
![Page 13: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/13.jpg)
banco de imagens
![Page 14: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/14.jpg)
pag 34 e 35 do livro LayOut.
![Page 15: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/15.jpg)
Claude Monet
![Page 16: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/16.jpg)
LINHA:A linha é definida como uma sucessão de pontos. Apresenta uma sensação de direcionamento.VERTICAL / HORIZONTAL / DIAGONAL / ORGÂNICA
![Page 17: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/17.jpg)
Elliott Erwitt
![Page 18: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/18.jpg)
Les Demoiselles d’AvignonPablo Picasso(1907)
![Page 19: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/19.jpg)
William Morris(final do séc. XIX)
![Page 20: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/20.jpg)
Still Life: Le JourGeorges Braque(1929)
![Page 21: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/21.jpg)
Alexander Rodchenko
![Page 22: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/22.jpg)
Podemos considerar uma imagem ou uma mancha de texto como um “ponto” em uma lâmina ou em uma página:
ABRIR DESIGN DO LIVRO
![Page 23: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/23.jpg)
REGRA dos TERÇOSUma regra simples que determina os pontos que chamam mais atenção, proporcionando uma composição mais interessante e dinâmica do que a tradicional, centralizada.
![Page 24: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/24.jpg)
![Page 25: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/25.jpg)
![Page 26: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/26.jpg)
Direcionamento do olhar (ocidental)
![Page 27: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/27.jpg)
Em que lugar da lâmina você colocaria estas duas imagens?
imagem A imagem B
![Page 28: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/28.jpg)
![Page 29: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/29.jpg)
![Page 30: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/30.jpg)
forma e contraforma
![Page 31: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/31.jpg)
![Page 32: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/32.jpg)
![Page 33: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/33.jpg)
![Page 34: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/34.jpg)
A curiosidade e o olhar
Cassandre (1931)
![Page 35: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/35.jpg)
Cassandre (1925)
![Page 36: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/36.jpg)
Cassandre (1932)
![Page 37: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/37.jpg)
![Page 38: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/38.jpg)
![Page 39: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/39.jpg)
![Page 40: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/40.jpg)
![Page 41: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/41.jpg)
Tendência de seguir o olhar e direções
Josef Koudelka
![Page 42: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/42.jpg)
Não vemos partes separadas, vemos RELAÇÕES.
O cérebro interpreta o que vemos.
![Page 43: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/43.jpg)
![Page 44: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/44.jpg)
Por que vemos as coisas como as vemos?
![Page 45: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/45.jpg)
ESCOLA GESTALT teorias da forma
A Gestalt surgiu no início do século XX na Universidade de Frankfurt, Alemanha. Segundo a Gestalt, o cérebro é um sistema dinâmico no qual se produz uma interação entre os elementos, através de princípios de organização perceptual.
Gestalt do ObjetoSistema de Leitura
Visual da FormaJoão Gomes Filho
![Page 46: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/46.jpg)
Todo o processo consciente, toda a forma psicologicamente percebida está estreitamente relacionada a forças integradoras do processo fisiológico cerebral. Postulado da Gestalt
![Page 47: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/47.jpg)
Vemos as coisas como as vemos por causa da organização (forças internas) que se desenvolve a partir do estímulo próximo (forças externas).
![Page 48: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/48.jpg)
Forças externas: agentes luminosos percebidos pela retinaForças internas: tendência do cérebro de organizar, estruturar esses estímulos.
![Page 49: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/49.jpg)
A partir de observações da percepção visual do homem, o movimento gestaltista criou as seguintes leis:
· UNIDADES· SEGREGAÇÃO· FECHAMENTO· CONTINUIDADE· PROXIMIDADE· SEMELHANÇA· PREGNÂNCIA
![Page 50: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/50.jpg)
U N I D A D E SÚnico elemento ou conjuto de mais de um elemento que configura um “todo”. As unidades são percebidas por meio da verificação de relações (formais, dimensionais, cromáticas, etc).
![Page 51: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/51.jpg)
Capacidade perceptiva de separar, identificar, evidenciar ou destacar unidades. Pode-se separar uma ou mais unidades em função das forças de um ou mais tipos de contrastes.
alto contrastemédio contrastebaixo contraste
GAÇÃO
![Page 52: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/52.jpg)
![Page 53: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/53.jpg)
![Page 54: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/54.jpg)
Andreas Gursky
![Page 55: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/55.jpg)
Elementos próximos uns dos outros tendem a se agruparem.O posicionamento próximo de elementos distintos possui maior força de atração do que elementos similares que estão distantes entre si.
PROXIMIDADE
![Page 56: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/56.jpg)
Elementos similares tendem a se agrupar. A similaridade pode ocorrer devido a características de cor, forma, textura, ou dimenção dos elementos.
SEmeLHança
![Page 57: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/57.jpg)
Gordon Parks
![Page 58: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/58.jpg)
Rodchenko
![Page 59: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/59.jpg)
Doisneau
![Page 60: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/60.jpg)
Está relacionada à coincidência de direções, ou alinhamento, das formas dispostas. Se vários elementos de um quadro apontam para o mesmo canto, por exemplo, o resultado final “fluirá” mais naturalmente.
Continuidade
![Page 61: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/61.jpg)
![Page 62: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/62.jpg)
Tendência do cérebro de completar a imagem. Princípio em que a forma fecha sobre si mesma
![Page 63: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/63.jpg)
Margaret Bourke-White
![Page 64: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/64.jpg)
Marc Riboud
![Page 65: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/65.jpg)
A lei da simplicidade, que favorece a harmonia e o equilíbrio visual.
Quanto melhor for a organização visual da forma do objeto, em termos de facilidade de compreensão e rapidez de leitura ou interpretação, maior será o seu grau de pregnância.
PREGNÂNCIA
![Page 66: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/66.jpg)
Diane Arbus
![Page 67: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/67.jpg)
Edward Weston
![Page 68: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/68.jpg)
Edward Weston
![Page 69: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/69.jpg)
David Lachapelle
![Page 70: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/70.jpg)
Edward Steichen
![Page 71: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/71.jpg)
![Page 72: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/72.jpg)
O que seria ideala) Arte com baixa pregnânciab) Arte com alta pregnância
![Page 73: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/73.jpg)
ESTRUTURAS COMPOSICIONAIS
As leis da Gestalt apresentam um caráter objetivo, devido ao embasamento científico de estudos psicológicos.
Porém, existem considerações baseadas em conceitos subjetivos que complementam a análise estrutural da imagem, como conceitos de Harmonia, Equilíbrio e Contraste.
![Page 74: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/74.jpg)
Harmonia DesarmoniaDisposição formal bem organizada.
Ordem / Regularidade
Resultado de uma desarticulação na integração das unidades.
Desordem / Irregularidade
ESTRUTURAScomposicionaisINTUITIVAS
![Page 75: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/75.jpg)
Equilíbrio(estável)
Desequilíbrio(instável)
As forças, agindo sobre um corpo, se compensam mutuamente (ação e reação).Peso e direção / Simetria
As forças não se compensam, gerando a sensação de instabilidade.
![Page 76: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/76.jpg)
AshleyHavinden
![Page 77: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/77.jpg)
![Page 78: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/78.jpg)
Laszlo Moholy-Nagy
![Page 79: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/79.jpg)
Contraste
Luz e Tom
Proporção Forma e Contra-Forma(relação figura e fundo)
Cor
![Page 80: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/80.jpg)
![Page 81: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/81.jpg)
Robert Mapheltorp
![Page 82: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/82.jpg)
Contraste de proporção
Banco de imagem
![Page 83: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/83.jpg)
![Page 84: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/84.jpg)
ANÁLISE DAS ESTRUTURAS COMPOSICIONAIS:
![Page 85: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/85.jpg)
![Page 86: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/86.jpg)
![Page 87: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/87.jpg)
![Page 88: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/88.jpg)
![Page 89: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/89.jpg)
![Page 90: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/90.jpg)
![Page 91: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/91.jpg)
![Page 92: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/92.jpg)
![Page 93: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/93.jpg)
![Page 94: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/94.jpg)
Afinal, o que é certo ou errado
![Page 95: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/95.jpg)
Formato
![Page 96: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/96.jpg)
Cores
A cor é a forma mais imediata de comunicação não verbal
![Page 97: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/97.jpg)
Pense em um vermelho...
![Page 98: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/98.jpg)
![Page 99: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/99.jpg)
O que diferencia um vermelho do outro?Cada cor tem um “valor”, determinado por sua matiz, saturação e brilho.
MATIZ | CORA cor em si.Formada pelos diferentes comprimentos de onda da luz.
SATURAÇÃO | CROMAPureza da cor.Tendência da cor ir em direção ou se afastar do cinza.Saturação máxima (0% de cinza): Cores vivasPouca saturação (>0% de cinza): Cores opacas.
BRILHOSe a cor é clara ou escura.A mudança de brilho ocorre com mistura da cor em proporções diferentes de preto ou branco.
![Page 100: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/100.jpg)
Cores e seus nomes
http://pt.wikipedia.org/wiki/Lista_de_cores
azul Yves Klein
UrucumTijolo refratário
RoxoPúrpura
NavalOrquídea escura
Azul realRosa forte
FúschiaRosa chocanteRosa profundoRosa brilhante
SalmonAbóbora
CoralMilho
AmareloVerde claro
Verme gramaVerde Paris
Verde florestaVerde escuro
HortelãVerde amarelado
JadeAzul céu profundo
Azul açoAzul furtivo
Azul
Vermelho
Roxo
Rosa
Laranja
Amarelo
Verde
Azul
Nomes das cores se você for mulher
Nomes das cores se você for homem
![Page 101: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/101.jpg)
![Page 102: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/102.jpg)
Simbolismo das CoresAs cores possuem a capacidade de suscitar reações emocionais no homem.
Porém devido ao contexto cultural e social, uma mesma cor pode apresentar diversos significados. http://www.mariaclaudiacortes.com/colors/Colors.html
![Page 103: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/103.jpg)
Percepção das cores
“A cor é o meio mais relativo dentre os utilizados na arte.”
Josef Albers
Toulouse-Lautrec
“isso não é uma mulher; é uma pintura!”
![Page 104: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/104.jpg)
Em uma pintura é quase impossível ver uma cor isolada, separada e sem relação com as outras.
Seurat
![Page 105: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/105.jpg)
![Page 106: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/106.jpg)
Também é importante compreender o comportamento das cores diante de outras cores e de demais objetos. Duas cores distintas podem parecer iguais, dependendo da interação. Da mesma forma, duas cores iguais podem parecer diferentes, dependendo de onde estão inseridas.
![Page 107: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/107.jpg)
![Page 108: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/108.jpg)
![Page 109: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/109.jpg)
![Page 110: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/110.jpg)
O olho humano assimila qualquer uma das 3 cores primárias: vermelho | amarelo | azul
Ao olhar fixamente para uma dessas 3 cores, o olho se cansa e busca compensar com a mistura das outras 2 cores ,o que geraria a cor complementar.
Por que as cores enganam?
![Page 111: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/111.jpg)
![Page 112: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/112.jpg)
![Page 113: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/113.jpg)
SISTEMA ADITIVORGB (Red, Green, Blue) • COR LUZ
Chama-se aditivo porque a adição das três cores primárias formam a luz branca.
![Page 114: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/114.jpg)
SISTEMA SUBTRATIVOCMYK (Ciano, Magenta, Amarela, Preto)
COR PIGMENTO
O sistema subtrativo leva esse nome tendo em vista que a mistura de suas cores primárias tendem ao preto, ou seja, ausência de luz.
![Page 115: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/115.jpg)
![Page 116: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/116.jpg)
![Page 117: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/117.jpg)
![Page 118: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/118.jpg)
![Page 119: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/119.jpg)
![Page 120: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/120.jpg)
“the quick brown fox jumps over the lazy dog”
Tipografia
![Page 121: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/121.jpg)
caixa alta caixa baixa
![Page 122: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/122.jpg)
Elementos da letra
ascendentedescendentelinha de basealtura-xcaixa altacaixa baixa
SerifadaSans-serifScript, ManuscritaSlab, EgípciaBodoniDecorativaFraktur, GóticaDingbats
1 Ascendente2 Altura de x3 Linha de base4 Descendente
serifa
![Page 123: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/123.jpg)
![Page 124: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/124.jpg)
Famílias tipográficas mais comuns
ascendentedescendentelinha de basealtura-xcaixa altacaixa baixa
SerifadaSans-serifScript, ManuscritaSlab, EgípciaBodoniDecorativaFraktur, GóticaDingbats
Serifada
Sans-serif
Script, Manuscrita
Slab, Egípcia
Monospace
Decorativa
Gótica
Dingbats
![Page 125: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/125.jpg)
I HATE YOU
I love you
![Page 126: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/126.jpg)
![Page 127: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/127.jpg)
![Page 128: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/128.jpg)
![Page 129: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/129.jpg)
![Page 130: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/130.jpg)
![Page 131: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/131.jpg)
TIPOGRAFIA COMO ILUSTRAÇÃO
![Page 132: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/132.jpg)
![Page 133: Design Gráfico: Um resumo](https://reader031.vdocuments.site/reader031/viewer/2022021921/58ed5a4b1a28ab83548b4607/html5/thumbnails/133.jpg)