4 ERGONOMIA Design Grafico

Post on 10-Mar-2015

468 views 4 download

Transcript of 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

DESIGN GRÁFICODESIGN GRÁFICOLeitura Ergonômica

EXEMPLOS

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

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

DESIGN GRÁFICO Leitura Ergonômica

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

Jornal

DESIGN GRÁFICO Leitura Ergonômica

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

RevistaRevista

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

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

DESIGN GRÁFICO Leitura Ergonômica

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

Dicionário AurélioDicionário Aurélio

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

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

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

DESIGN GRÁFICO Leitura Ergonômica

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

Quadrinhos

DESIGN GRÁFICO Leitura Ergonômica

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

InterfacesInterfacesGráficas

DESIGN GRÁFICO Leitura Ergonômica

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

Comunicação Digital

DESIGN GRÁFICO Leitura Ergonômica

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

OrientaçãoSinalizaçãoSinalização

DESIGN GRÁFICO Leitura Ergonômica

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

Identidade visualIdentidade visualMarcasLogotiposg p

DESIGN GRÁFICO Leitura Ergonômica

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

Identidade visualMarcas / Logotipos

A li ã- Aplicação

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

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

BIBLIOGRAFIA

João Gomes FilhojogoX@terra.com.br

Escrituras Editora.

www.escrituras.com.br

São Paulo.SP. 2004

255 páginas255 páginas

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