4 ERGONOMIA Design Grafico
-
Upload
deivisom-franca-de-assis -
Category
Documents
-
view
465 -
download
4
Transcript of 4 ERGONOMIA Design Grafico
![Page 1: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/1.jpg)
DESIGN INDUSTRIAL
Disciplina:
ERGONOMIA Aplicada ao Design Gráfico
Sistema técnico de leitura ergonômicaDESIGN GRÁFICODESIGN GRÁFICO
Prof. Dr. João Gomes Filho
![Page 2: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/2.jpg)
DESIGN GRÁFICODESIGN GRÁFICOLeitura Ergonômica
EXEMPLOS
![Page 3: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/3.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Design Gráfico• Comunicação social• Comunicação digitalComunicação digital• Identidade corporativa• Comunicação visual /
meio ambiente urbano
Signos Visuais- Identificação- OrientaçãoOrientação- Publicitário- Simbólico- Naturais / Marcos visuais
Códigos Visuais- Tipográfico- MorfológicoMorfológico- Cromático- Tecnológico
![Page 4: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/4.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códigos VisuaisTIPOGRÁFICO > Textos, subtextos, títulos, vinhetas, etc.
• Família de letras, números e outros sinais e caracteres.• Conceito de uso funcional, artístico, decorativo, etc.
MORFOLÓGICO > Organização visual da informaçãoO O ÓG CO O ga ação sua da o ação
• Composição e diagramação da comunicação visual• Gestalt do Objeto
CROMÁTICO > definição e utilização de cores
• Cores quentes, frias, pasteis, etc• Função psicológica no uso das coresç p g• Uso institucional
TECNOLÓGICO > Processos de produção, reprodução e transmissão da informação
• Materiais. Tipos de substratos• Processos de produção
![Page 5: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/5.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
Jornal
![Page 6: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/6.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
RevistaRevista
![Page 7: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/7.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códi Vi i Ti áfi / M f ló i / C áti / T ló iCódigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
LivroLivro
![Page 8: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/8.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códi Vi i Ti áfi / M f ló i / C áti / T ló i
Percurso cognitivo das informaçõesT t í l i
Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
Textos e ícones: claros e concisosImagens adequadas e compatíveis com o assuntoDesenhos, ilustrações, gráficos, esquemas, etc
Manual
Guia NIKON de Fotografia Digital
![Page 9: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/9.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
Dicionário AurélioDicionário Aurélio
![Page 10: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/10.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códi Vi i Ti áfi / M f ló i / C áti / T ló iCódigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
Anúncio / Cartaz
![Page 11: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/11.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códi Vi i Ti áfi / M f ló i / C áti / T ló iCódigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
Outdoor
![Page 12: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/12.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códi Vi i Ti áfi / M f ló i / C áti / T ló iCódigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
CD musical
![Page 13: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/13.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
Quadrinhos
![Page 14: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/14.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
InterfacesInterfacesGráficas
![Page 15: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/15.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
Comunicação Digital
![Page 16: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/16.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
OrientaçãoSinalizaçãoSinalização
![Page 17: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/17.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
Identidade visualIdentidade visualMarcasLogotiposg p
![Page 18: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/18.jpg)
DESIGN GRÁFICO Leitura Ergonômica
Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico
Identidade visualMarcas / Logotipos
A li ã- Aplicação
![Page 19: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/19.jpg)
Design gráficoEstudo de caso completoSistema de Informações Visuaisg g çNo Meio Ambiente Urbano
Requisitos de Projeto Tar- Seg- Conf- Est Pop- Env Alc- Pos Corp- Aplic For- Mat Ações de manejo Man Oper- Limp- Man- Arr EspAções de Percepção Tip- Cro- Morf- Tec - Perc: Visual- Aud- Tát- Cine- Vibr
![Page 20: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/20.jpg)
Design gráficoEstudo de caso completoSistema de Informações Visuaisg g çNo Meio Ambiente Urbano
Requisitos de Projeto Tar- Seg- Conf- Est Pop- Env Alc- Pos Corp- Aplic For- Mat Ações de manejo Man Oper- Limp- Man- Arr EspAções de Percepção Tip- Cro- Morf- Tec - Perc: Visual- Aud- Tát- Cine- Vibr
![Page 21: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/21.jpg)
BIBLIOGRAFIA
João Gomes [email protected]
Escrituras Editora.
www.escrituras.com.br
São Paulo.SP. 2004
255 páginas255 páginas
![Page 22: 4 ERGONOMIA Design Grafico](https://reader035.fdocument.pub/reader035/viewer/2022081801/54ff68e74a7959e6728b4803/html5/thumbnails/22.jpg)
ObrigadoObrigado pela atenção!pela atenção!