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

Elementos Visuais da Forma
Elementos Visuais da FormaElementos Visuais da Forma
Elementos Visuais da FormaSara Veludo
 
Sintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IISintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IICíntia Dal Bello
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialGabriel Ferraciolli
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fábio Gonçalves
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das CoresAline Okumura
 
Elementos linguagem visual
Elementos linguagem visual Elementos linguagem visual
Elementos linguagem visual melzynhabessa
 
Design historia
Design historiaDesign historia
Design historiaEtna
 
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
 
elementos da linguagem visual
elementos da linguagem visualelementos da linguagem visual
elementos da linguagem visualguest1c7f7f
 
Perceção da forma
Perceção da formaPerceção da forma
Perceção da formaPaulo Gaspar
 
3º - Sintaxe visual
3º - Sintaxe visual3º - Sintaxe visual
3º - Sintaxe visualCaio Cæsar
 

Mais procurados (20)

Aula EE - composicao
Aula EE - composicaoAula EE - composicao
Aula EE - composicao
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Elementos Visuais da Forma
Elementos Visuais da FormaElementos Visuais da Forma
Elementos Visuais da Forma
 
Design Digital Técnicas Visuais
Design Digital Técnicas VisuaisDesign Digital Técnicas Visuais
Design Digital Técnicas Visuais
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
A comunicação visual
A comunicação visualA comunicação visual
A comunicação visual
 
Sintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IISintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte II
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Aula 01 linguagem visual
Aula 01   linguagem visualAula 01   linguagem visual
Aula 01 linguagem visual
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Elementos linguagem visual
Elementos linguagem visual Elementos linguagem visual
Elementos linguagem visual
 
Design historia
Design historiaDesign historia
Design historia
 
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 da linguagem visual
elementos da linguagem visualelementos da linguagem visual
elementos da linguagem visual
 
Técnicas visuais
Técnicas visuaisTécnicas visuais
Técnicas visuais
 
Perceção da forma
Perceção da formaPerceção da forma
Perceção da forma
 
3º - Sintaxe visual
3º - Sintaxe visual3º - Sintaxe visual
3º - Sintaxe visual
 
Design
Design Design
Design
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e 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 visualInes_Moreira
 
Tecnicas para composição.
Tecnicas para composição.Tecnicas para composição.
Tecnicas para composição.Denise Lima
 
LINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUALLINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUALAndrea Dalforno
 
Comunicacao Visual
Comunicacao VisualComunicacao Visual
Comunicacao Visualricreis
 
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 72dpiguest5f2981b5
 
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 digitaisJumpEducation
 
Desenho Gráfico - Pesquisa
Desenho Gráfico - PesquisaDesenho Gráfico - Pesquisa
Desenho Gráfico - Pesquisabiraoli
 
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çãoA Bordo da Comunicação
 
Teoria da comunicação visual
Teoria da comunicação visualTeoria da comunicação visual
Teoria da comunicação visualFabio L. Scaletta
 
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 DesignOdair Cavichioli
 
Desenvolvimento De Projeto
Desenvolvimento De ProjetoDesenvolvimento De Projeto
Desenvolvimento De ProjetoRodrigo Guglieri
 
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ócioNosdaComunicacao
 
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
 
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 - 04Prof.Valdir Soares
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTEangelicaferraz
 
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ípiosAlan 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
 
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
 
Bauhaus
BauhausBauhaus
Bauhaus
 

Semelhante a Técnicas Visuais Aplicadas ao Design

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 AVAJuliana Lisboa
 
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 tutorialUFPE
 
Identidade Visual Design UFRGS - O Processo
Identidade Visual Design UFRGS - O ProcessoIdentidade Visual Design UFRGS - O Processo
Identidade Visual Design UFRGS - O ProcessoCadeUFRGS
 
Dai guião 14_15
Dai guião 14_15Dai guião 14_15
Dai guião 14_15Rui Raposo
 
Gestao processos criativos ciped 09
Gestao processos criativos ciped 09Gestao processos criativos ciped 09
Gestao processos criativos ciped 09António Filipe
 
Workshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - CuiabáWorkshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - CuiabáJonathas Scott
 
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í?Rodrigo Medeiros
 
Design Instrucional e producao de material
Design Instrucional e producao de materialDesign Instrucional e producao de material
Design Instrucional e producao de materialAndreza Lopes
 
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 aprendizagemElton Vinicius Silva
 
Os ambientes virtuais de aprendizagem
Os ambientes virtuais de aprendizagemOs ambientes virtuais de aprendizagem
Os ambientes virtuais de aprendizagemFernandaBichof
 
Introducao material didatico
Introducao material didaticoIntroducao material didatico
Introducao material didaticoAndreza Lopes
 
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áticoAndreza Lopes
 
Usabilidade para sistemas
Usabilidade para sistemasUsabilidade para sistemas
Usabilidade para sistemasanatofol
 
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.