4 ERGONOMIA Design Grafico

22
DESIGN INDUSTRIAL Disciplina: ERGONOMIA Aplicada ao Design Gráfico Sistema técnico de leitura ergonômica DESIGN GRÁFICO DESIGN GRÁFICO Prof. Dr. João Gomes Filho

Transcript of 4 ERGONOMIA Design Grafico

Page 1: 4 ERGONOMIA Design Grafico

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

DESIGN GRÁFICODESIGN GRÁFICOLeitura Ergonômica

EXEMPLOS

Page 3: 4 ERGONOMIA Design Grafico

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

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

DESIGN GRÁFICO Leitura Ergonômica

Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico

Jornal

Page 6: 4 ERGONOMIA Design Grafico

DESIGN GRÁFICO Leitura Ergonômica

Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico

RevistaRevista

Page 7: 4 ERGONOMIA Design Grafico

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

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

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

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

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

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

DESIGN GRÁFICO Leitura Ergonômica

Códigos Visuais: Tipográfico / Morfológico / Cromático / Tecnológico

Quadrinhos

Page 14: 4 ERGONOMIA Design Grafico

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

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

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

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

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

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

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

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

ObrigadoObrigado pela atenção!pela atenção!