SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
Universidade Federal do Rio Grande do Sul
Faculdade de Arquitetura
Departamento de Design e Expressão Gráfica




Técnicas Visuais
Aplicadas ao Design:
Simplicidade, Clareza e Coerência


Ana Paula Freitas Margarites
Julho, 2010
Técnicas Visuais
Aplicadas ao Design
«Fornecem subsídios valiosos para procedimentos
criativos com relação à concepção de trabalhos e
desenvolvimento de projetos de qualquer natureza»
(FILHO, 2000)

«As técnicas visuais oferecem ao designer uma grande
variedade para expressão visual do conteúdo. Existem
como polaridades de um continuum, ou como
abordagens desiguais e antagônicas do significado»
(DONDIS, 2003)
Simplicidade
Baixo número de informações/unidades visuais.
Leitura rápida e de fácil assimilação.
Simplicidade
- Organizações formais fáceis de serem assimiladas, lidas
e compreendidas.

- Técnica visual associada principalmente às técnicas de
minimidade e clareza.

- Também pode estar associada, excepcionalmente, a
objetos complexos, desde que estes apresentem uma
configuração formal bem organizada visualmente.
Clareza
Facilidade de leitura e rapidez na decodificação.
Compreensão imediata.
Clareza
- Manifestações visuais bem organizadas, unificadas, e,
portanto, harmoniosas e equilibradas.

- Decodificação e compreensão imediata do todo.

- Pode se manifestar independente da quantidade de
unidades formais.
Coerência
Organização e compatibilidade de estilo de
linguagem formal.
Coerência
- Utilização de linguagens visuais harmoniosas, nas
partes ou no todo compositivo.

- Geralmente, os objetos apresentam resultados formais
articulados, integrados e harmônicos.
Referências
DONDIS, Donis. Sintaxe da Linguagem Visual. São Paulo:
Martins Fontes, 2003.

FILHO, João Gomes. Gestalt do objeto: Sistema de leitura
visual da forma. São Paulo: Escrituras Editora, 2000.

HULBURT, Allen. Layout: O design da página impressa. São
Paulo: Editora Nobel, 1986.
http://
tecnicasvisuais.
wordpress.
com
Técnicas Visuais Aplicadas ao Design

Mais conteúdo relacionado

Mais procurados

LINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUALLINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUAL
Andrea Dalforno
 
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
DESIGN DIGITAL UNIARA 2012
 
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
Andrea Dalforno
 
Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1
Dhione Oliveira
 

Mais procurados (20)

A linguagem visual
A linguagem visualA linguagem visual
A linguagem visual
 
LINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUALLINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUAL
 
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
 
Elementos linguagem visual
Elementos linguagem visual Elementos linguagem visual
Elementos linguagem visual
 
Sintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IISintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte II
 
Sintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte ISintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte I
 
Ler imagens (Gestalt e composição para Design de Interfaces)
Ler imagens (Gestalt e composição para Design de Interfaces)Ler imagens (Gestalt e composição para Design de Interfaces)
Ler imagens (Gestalt e composição para Design de Interfaces)
 
Aula 3 - Direção de Arte
Aula 3  - Direção de ArteAula 3  - Direção de Arte
Aula 3 - Direção de Arte
 
Aula 01 linguagem visual
Aula 01   linguagem visualAula 01   linguagem visual
Aula 01 linguagem visual
 
AULA 1: Psicologia da Forma
AULA 1: Psicologia da FormaAULA 1: Psicologia da Forma
AULA 1: Psicologia da Forma
 
Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 
Aula 4 - Direção de Arte
Aula 4 - Direção de ArteAula 4 - Direção de Arte
Aula 4 - Direção de Arte
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.
 
Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1
 
Expressão e composição da forma
Expressão e composição da formaExpressão e composição da forma
Expressão e composição da forma
 
Gestalt - Teoria do Design
Gestalt - Teoria do DesignGestalt - Teoria do Design
Gestalt - Teoria do Design
 
Princípios de design
Princípios de designPrincípios de design
Princípios de design
 

Destaque

Teoria do design da comunicação visual
Teoria do design da comunicação visualTeoria do design da comunicação visual
Teoria do design da comunicação visual
Ines_Moreira
 
LINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUALLINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUAL
Andrea Dalforno
 
Sintaxe Da Linguagem Visual Donis A Dondis 72dpi
Sintaxe Da Linguagem Visual Donis A Dondis 72dpiSintaxe Da Linguagem Visual Donis A Dondis 72dpi
Sintaxe Da Linguagem Visual Donis A Dondis 72dpi
guest5f2981b5
 
Apostila de Artes Visuais (revisada e ampliada 2014)
Apostila de Artes Visuais (revisada e ampliada 2014)Apostila de Artes Visuais (revisada e ampliada 2014)
Apostila de Artes Visuais (revisada e ampliada 2014)
Secretaria de Educação do Maranhão e Imagética Consultoria e Design
 
Desenho Gráfico - Pesquisa
Desenho Gráfico - PesquisaDesenho Gráfico - Pesquisa
Desenho Gráfico - Pesquisa
biraoli
 
Desenvolvimento De Projeto
Desenvolvimento De ProjetoDesenvolvimento De Projeto
Desenvolvimento De Projeto
Rodrigo Guglieri
 
IED-Estrategia e Comunicação Empresarial- Aula 3
IED-Estrategia e Comunicação Empresarial- Aula 3 IED-Estrategia e Comunicação Empresarial- Aula 3
IED-Estrategia e Comunicação Empresarial- Aula 3
Lais Carvalho
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTE
angelicaferraz
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
Alan Vasconcelos
 

Destaque (20)

Teoria do design da comunicação visual
Teoria do design da comunicação visualTeoria do design da comunicação visual
Teoria do design da comunicação visual
 
Tecnicas para composição.
Tecnicas para composição.Tecnicas para composição.
Tecnicas para composição.
 
LINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUALLINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUAL
 
Linguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos CompositivosLinguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos Compositivos
 
Comunicacao Visual
Comunicacao VisualComunicacao Visual
Comunicacao Visual
 
Sintaxe Da Linguagem Visual Donis A Dondis 72dpi
Sintaxe Da Linguagem Visual Donis A Dondis 72dpiSintaxe Da Linguagem Visual Donis A Dondis 72dpi
Sintaxe Da Linguagem Visual Donis A Dondis 72dpi
 
elementos da linguagem visual
elementos da linguagem visualelementos da linguagem visual
elementos da linguagem visual
 
Apostila de Artes Visuais (revisada e ampliada 2014)
Apostila de Artes Visuais (revisada e ampliada 2014)Apostila de Artes Visuais (revisada e ampliada 2014)
Apostila de Artes Visuais (revisada e ampliada 2014)
 
Planejamento de comunicação em meios digitais
Planejamento de comunicação em meios digitaisPlanejamento de comunicação em meios digitais
Planejamento de comunicação em meios digitais
 
Desenho Gráfico - Pesquisa
Desenho Gráfico - PesquisaDesenho Gráfico - Pesquisa
Desenho Gráfico - Pesquisa
 
Grupos de ativismo e as estratégias de comunicação
Grupos de ativismo e as estratégias de comunicaçãoGrupos de ativismo e as estratégias de comunicação
Grupos de ativismo e as estratégias de comunicação
 
Teoria da comunicação visual
Teoria da comunicação visualTeoria da comunicação visual
Teoria da comunicação visual
 
HE77ER-reduzido
HE77ER-reduzidoHE77ER-reduzido
HE77ER-reduzido
 
Produção Gráfica - Estratégia de Design
Produção Gráfica - Estratégia de DesignProdução Gráfica - Estratégia de Design
Produção Gráfica - Estratégia de Design
 
Desenvolvimento De Projeto
Desenvolvimento De ProjetoDesenvolvimento De Projeto
Desenvolvimento De Projeto
 
Comunicação na web - novas estratégias de negócio
Comunicação na web - novas estratégias de negócioComunicação na web - novas estratégias de negócio
Comunicação na web - novas estratégias de negócio
 
IED-Estrategia e Comunicação Empresarial- Aula 3
IED-Estrategia e Comunicação Empresarial- Aula 3 IED-Estrategia e Comunicação Empresarial- Aula 3
IED-Estrategia e Comunicação Empresarial- Aula 3
 
Gestão em Design - Estratégias - 04
Gestão em Design - Estratégias - 04Gestão em Design - Estratégias - 04
Gestão em Design - Estratégias - 04
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTE
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
 

Semelhante a Técnicas Visuais Aplicadas ao Design

Dai guião 14_15
Dai guião 14_15Dai guião 14_15
Dai guião 14_15
Rui Raposo
 
Etapas de produção de um objeto de aprendizagem
Etapas de produção de um objeto de aprendizagemEtapas de produção de um objeto de aprendizagem
Etapas de produção de um objeto de aprendizagem
Elton Vinicius Silva
 
Palestra design instrucional e elaboracao de materiais didaticos digitais o...
Palestra   design instrucional e elaboracao de materiais didaticos digitais o...Palestra   design instrucional e elaboracao de materiais didaticos digitais o...
Palestra design instrucional e elaboracao de materiais didaticos digitais o...
regist
 

Semelhante a Técnicas Visuais Aplicadas ao Design (20)

Design Didático, interfaces, imagens e acessibilidade em AVA
Design Didático, interfaces, imagens e acessibilidade em AVADesign Didático, interfaces, imagens e acessibilidade em AVA
Design Didático, interfaces, imagens e acessibilidade em AVA
 
Recursos educacionais abertos: materiais auxiliares à prática tutorial
Recursos educacionais abertos: materiais auxiliares à prática tutorialRecursos educacionais abertos: materiais auxiliares à prática tutorial
Recursos educacionais abertos: materiais auxiliares à prática tutorial
 
Identidade Visual Design UFRGS - O Processo
Identidade Visual Design UFRGS - O ProcessoIdentidade Visual Design UFRGS - O Processo
Identidade Visual Design UFRGS - O Processo
 
Dai guião 14_15
Dai guião 14_15Dai guião 14_15
Dai guião 14_15
 
Gestao processos criativos ciped 09
Gestao processos criativos ciped 09Gestao processos criativos ciped 09
Gestao processos criativos ciped 09
 
Planos de ensino Design Digital 2012 UNIARA
Planos de ensino Design Digital 2012 UNIARAPlanos de ensino Design Digital 2012 UNIARA
Planos de ensino Design Digital 2012 UNIARA
 
Service Design v2.0
Service Design v2.0Service Design v2.0
Service Design v2.0
 
Workshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - CuiabáWorkshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - Cuiabá
 
Quero ser designer de interação em Recife. E aí?
Quero ser designer de interação em Recife. E aí?Quero ser designer de interação em Recife. E aí?
Quero ser designer de interação em Recife. E aí?
 
Design Instrucional e producao de material
Design Instrucional e producao de materialDesign Instrucional e producao de material
Design Instrucional e producao de material
 
Etapas de produção de um objeto de aprendizagem
Etapas de produção de um objeto de aprendizagemEtapas de produção de um objeto de aprendizagem
Etapas de produção de um objeto de aprendizagem
 
Os ambientes virtuais de aprendizagem
Os ambientes virtuais de aprendizagemOs ambientes virtuais de aprendizagem
Os ambientes virtuais de aprendizagem
 
Fase apresentação
Fase apresentaçãoFase apresentação
Fase apresentação
 
Introducao material didatico
Introducao material didaticoIntroducao material didatico
Introducao material didatico
 
Competências multidisciplinares na produção de material didático
Competências multidisciplinares na produção de material didáticoCompetências multidisciplinares na produção de material didático
Competências multidisciplinares na produção de material didático
 
Usabilidade para sistemas
Usabilidade para sistemasUsabilidade para sistemas
Usabilidade para sistemas
 
Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
Palestra design instrucional e elaboracao de materiais didaticos digitais o...
Palestra   design instrucional e elaboracao de materiais didaticos digitais o...Palestra   design instrucional e elaboracao de materiais didaticos digitais o...
Palestra design instrucional e elaboracao de materiais didaticos digitais o...
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Aula4b
Aula4bAula4b
Aula4b
 

Técnicas Visuais Aplicadas ao Design

  • 1. Universidade Federal do Rio Grande do Sul Faculdade de Arquitetura Departamento de Design e Expressão Gráfica Técnicas Visuais Aplicadas ao Design: Simplicidade, Clareza e Coerência Ana Paula Freitas Margarites Julho, 2010
  • 2. Técnicas Visuais Aplicadas ao Design «Fornecem subsídios valiosos para procedimentos criativos com relação à concepção de trabalhos e desenvolvimento de projetos de qualquer natureza» (FILHO, 2000) «As técnicas visuais oferecem ao designer uma grande variedade para expressão visual do conteúdo. Existem como polaridades de um continuum, ou como abordagens desiguais e antagônicas do significado» (DONDIS, 2003)
  • 3. Simplicidade Baixo número de informações/unidades visuais. Leitura rápida e de fácil assimilação.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9. Simplicidade - Organizações formais fáceis de serem assimiladas, lidas e compreendidas. - Técnica visual associada principalmente às técnicas de minimidade e clareza. - Também pode estar associada, excepcionalmente, a objetos complexos, desde que estes apresentem uma configuração formal bem organizada visualmente.
  • 10. Clareza Facilidade de leitura e rapidez na decodificação. Compreensão imediata.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Clareza - Manifestações visuais bem organizadas, unificadas, e, portanto, harmoniosas e equilibradas. - Decodificação e compreensão imediata do todo. - Pode se manifestar independente da quantidade de unidades formais.
  • 17. Coerência Organização e compatibilidade de estilo de linguagem formal.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. Coerência - Utilização de linguagens visuais harmoniosas, nas partes ou no todo compositivo. - Geralmente, os objetos apresentam resultados formais articulados, integrados e harmônicos.
  • 27. Referências DONDIS, Donis. Sintaxe da Linguagem Visual. São Paulo: Martins Fontes, 2003. FILHO, João Gomes. Gestalt do objeto: Sistema de leitura visual da forma. São Paulo: Escrituras Editora, 2000. HULBURT, Allen. Layout: O design da página impressa. São Paulo: Editora Nobel, 1986.