SlideShare uma empresa Scribd logo
1 de 17
Fundamentos
do Design
Equilíbrio x tensão


      Professor Gabriel Arroyo
A mais importante influência tanto
psicológica como física sobre a percepção
humana é a necessidade que o homem
tem de EQUILÍBRIO.
Equilíbrio
 É a referência visual mais forte e
firme do homem. O processo de
estabelecer o eixo vertical e a base
horizontal atrai o olho com maior
intensidade para ambos os campos

Processo denominado “Eixo Sentido”
Eixo Sentido
  Todos os padrões visuais têm um centro de
gravidade que pode ser tecnicamente calculável.
Nenhum método de calcular é tão RÁPIDO,
   EXATO e AUTOMÁTICO quanto o senso
intuitivo de equilíbrio inerente às percepções do
                     homem.
Para o emissor e o receptor da informação visual, a falta de
equilíbrio e regularidade é um fator de desorientação/tensão.
A desorientação ou seja falta de
TENSÃO   equilíbrio é o meio visual mais
         eficaz para criar um efeito a
         resposta da mensagem.

         Efeito que tem um potencial direto
         de transmitir a informação visual.
Um raio em ponta no interior de um círculo provoca uma
 maior tensão visual porque o raio não se ajusta ao "eixo
  visual" invisível, perturbando, portanto, o equilíbrio.




   O elemento visual que mais atrairá a atenção do
             espectador será sempre o
     inesperado, o mais irregular e instável.
Em formas mais complexas, também estabelecemos o
eixo sentido, pois sempre o olho busca este equilíbrio.
A área do eixo de qualquer campo é sempre aquilo
que olhamos primeiro, é onde esperamos ver alguma
                       coisa.
Ela
                                                não
                                                    én




                                       O.
                                                       em




                                     SÃ
                                                          boa
                                                              nem




                                   EN
                                                                  rui
                                                                     m.




                                 àT
                    zo
                 j uí
                        de
                           va
                             lor  TENS ÃO
                           Na t
                   ir




                               eori
                                    a da
               i bu




                           com           perc
                               oé             epçã
           a tr




                                   usa            o, se
                                       do n             u va
                                           a co
             e




                                                mun          lor e
          qu




                                                    i ca ç         stá n
                                                          ão v           om
                                                                            odo
       or




                                                               isua
                                                                    l.
     áp
  oh
Nã
Equilíbrio
Tensão
Equilíbrio
Equilíbrio
Tensão
Trabalho
       (2,0 pontos na média)

- Definir as características de Tensão e Equilíbrio
- Separar 5 imagens de Tensão e Equilíbrio
- Desenhar o Eixo Sentido nas imagens
- Identificar os elementos de tensão e equilíbio
- classificar a imagem como equilíbrio ou tensão

Mais conteúdo relacionado

Mais procurados

Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensional
Kadu Sp
 
3º - Sintaxe visual
3º - Sintaxe visual3º - Sintaxe visual
3º - Sintaxe visual
Caio Cæsar
 
Artes visuais
Artes visuaisArtes visuais
Artes visuais
ilcirene
 
Elementos básicos da comunicação visual
Elementos básicos da comunicação visualElementos básicos da comunicação visual
Elementos básicos da comunicação visual
vivi_belon
 
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
 
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
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
pacobr
 
Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao Design
anamargarites
 
LINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTELINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTE
Andrea Dalforno
 

Mais procurados (20)

Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensional
 
Percepção visual
Percepção visualPercepção visual
Percepção visual
 
3º - Sintaxe visual
3º - Sintaxe visual3º - Sintaxe visual
3º - Sintaxe visual
 
Artes visuais
Artes visuaisArtes visuais
Artes visuais
 
Elementos básicos da comunicação visual
Elementos básicos da comunicação visualElementos básicos da comunicação visual
Elementos básicos da comunicação visual
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 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
 
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 fundamentais da linguagem visual
Elementos fundamentais da linguagem visualElementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visual
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
 
PERCEPÇÃO VISUAL
PERCEPÇÃO VISUALPERCEPÇÃO VISUAL
PERCEPÇÃO VISUAL
 
Aula 02 linguagem visual
Aula 02   linguagem visualAula 02   linguagem visual
Aula 02 linguagem visual
 
Planos e ângulos
Planos e ângulosPlanos e ângulos
Planos e ângulos
 
Sixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosSixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercícios
 
Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao Design
 
Elementos Básicos da Linguagem Visual. Prof. Garcia Junior
Elementos Básicos da Linguagem Visual. Prof. Garcia JuniorElementos Básicos da Linguagem Visual. Prof. Garcia Junior
Elementos Básicos da Linguagem Visual. Prof. Garcia Junior
 
Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
LINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTELINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTE
 
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
 
Aula de educação visual e plástica
Aula de educação visual e plásticaAula de educação visual e plástica
Aula de educação visual e plástica
 

Mais de DESIGN DIGITAL UNIARA 2012

WebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 BimestreWebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 Bimestre
DESIGN DIGITAL UNIARA 2012
 
Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design Digital
DESIGN DIGITAL UNIARA 2012
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visual
DESIGN DIGITAL UNIARA 2012
 
Design Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação VisuaçDesign Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação Visuaç
DESIGN DIGITAL UNIARA 2012
 

Mais de DESIGN DIGITAL UNIARA 2012 (20)

Horario 2012
Horario 2012Horario 2012
Horario 2012
 
Programação para Web I Calendario 2012
Programação para Web I Calendario 2012Programação para Web I Calendario 2012
Programação para Web I Calendario 2012
 
Planos de Ensinos de Design Digital 2012
Planos de Ensinos de Design Digital 2012Planos de Ensinos de Design Digital 2012
Planos de Ensinos de Design Digital 2012
 
Programacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de EnsinodocProgramacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de Ensinodoc
 
Programacao para Web I 03 HTML
Programacao para Web I 03 HTMLProgramacao para Web I 03 HTML
Programacao para Web I 03 HTML
 
Programacao para Web I 02 Internet
Programacao para Web I 02  InternetProgramacao para Web I 02  Internet
Programacao para Web I 02 Internet
 
Programacao para Web I 01 a Historia
Programacao para Web I 01 a HistoriaProgramacao para Web I 01 a Historia
Programacao para Web I 01 a Historia
 
Programacao para Web I Projeto do site
Programacao para Web I Projeto do siteProgramacao para Web I Projeto do site
Programacao para Web I Projeto do site
 
WebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 BimestreWebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 Bimestre
 
Tipografia ii
Tipografia iiTipografia ii
Tipografia ii
 
Design digital i_exercicio_tipografia
Design digital i_exercicio_tipografiaDesign digital i_exercicio_tipografia
Design digital i_exercicio_tipografia
 
Tipografia 01
Tipografia 01Tipografia 01
Tipografia 01
 
Percepcao e comunicacao_visual
Percepcao e comunicacao_visualPercepcao e comunicacao_visual
Percepcao e comunicacao_visual
 
Design Digital Fundamentos do Design
Design Digital Fundamentos do DesignDesign Digital Fundamentos do Design
Design Digital Fundamentos do Design
 
Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design Digital
 
Design Digital Tipografia II
Design Digital Tipografia IIDesign Digital Tipografia II
Design Digital Tipografia II
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visual
 
Design digital i_fundamentos
Design digital i_fundamentosDesign digital i_fundamentos
Design digital i_fundamentos
 
Design Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação VisuaçDesign Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação Visuaç
 
07 trabalho 7pontos
07 trabalho 7pontos07 trabalho 7pontos
07 trabalho 7pontos
 

Design Digital Fundamentos do Design Equilibrio x Tensão

  • 1. Fundamentos do Design Equilíbrio x tensão Professor Gabriel Arroyo
  • 2. A mais importante influência tanto psicológica como física sobre a percepção humana é a necessidade que o homem tem de EQUILÍBRIO.
  • 3. Equilíbrio É a referência visual mais forte e firme do homem. O processo de estabelecer o eixo vertical e a base horizontal atrai o olho com maior intensidade para ambos os campos Processo denominado “Eixo Sentido”
  • 4. Eixo Sentido Todos os padrões visuais têm um centro de gravidade que pode ser tecnicamente calculável.
  • 5. Nenhum método de calcular é tão RÁPIDO, EXATO e AUTOMÁTICO quanto o senso intuitivo de equilíbrio inerente às percepções do homem.
  • 6. Para o emissor e o receptor da informação visual, a falta de equilíbrio e regularidade é um fator de desorientação/tensão.
  • 7. A desorientação ou seja falta de TENSÃO equilíbrio é o meio visual mais eficaz para criar um efeito a resposta da mensagem. Efeito que tem um potencial direto de transmitir a informação visual.
  • 8. Um raio em ponta no interior de um círculo provoca uma maior tensão visual porque o raio não se ajusta ao "eixo visual" invisível, perturbando, portanto, o equilíbrio. O elemento visual que mais atrairá a atenção do espectador será sempre o inesperado, o mais irregular e instável.
  • 9. Em formas mais complexas, também estabelecemos o eixo sentido, pois sempre o olho busca este equilíbrio.
  • 10. A área do eixo de qualquer campo é sempre aquilo que olhamos primeiro, é onde esperamos ver alguma coisa.
  • 11. Ela não én O. em SÃ boa nem EN rui m. àT zo j uí de va lor TENS ÃO Na t ir eori a da i bu com perc oé epçã a tr usa o, se do n u va a co e mun lor e qu i ca ç stá n ão v om odo or isua l. áp oh Nã
  • 17. Trabalho (2,0 pontos na média) - Definir as características de Tensão e Equilíbrio - Separar 5 imagens de Tensão e Equilíbrio - Desenhar o Eixo Sentido nas imagens - Identificar os elementos de tensão e equilíbio - classificar a imagem como equilíbrio ou tensão