EQUILÍBRIOEduardo Novais - UFC - 03.11
EQUILÍBRIODe forma semelhante aos objetos físicos, os elementos de um                  layout possuem peso.
A simetria em umacomposição se produzquando massas iguais eopostas se situam em ambosos lados de um eixohorizontal ou vert...
Há duas formas principais de equilíbrio visual:simétrica e assimétrica.
EQUILÍBRIO  SIMÉTRICOAcontece quando oselementos de umacomposição são os mesmosem ambos os lados de umalinha axial.       ...
Como o equilíbrio simétrico funciona em um layout?
EQUILÍBRIO SIMÉTRICO• Não  é prático para todos os clientes e designs• Pode ser aplicado aos layouts centralizando-se o co...
vejamos outros exemplos de equilíbrio simétrico.
EQUILÍBRIOASSIMÉTRICOEm vez de preocupar-se comimagens reflexas em ambosos lados do layout, o balançoassimétrico envolve ob...
vejamos outros exemplos de equilíbrio assimétrico.
UNIDADE•É a forma com que os diferentes elementos de uma composição interagem.•A unidade em um layout pode ser empregada d...
PROXIMIDADEObjetos posicionadospróximos uns dos outros emdeterminado layout criam umponto focal pelo qual o olhose orienta...
REPETIÇÃOA repetição de cores, formas,texturas ou objetossemelhantes ajuda a manter acoerência do design da página.       ...
EXERCÍCIO
Analise os seguintes layout de páginas e aplicativos para iPhone,destacando suas características quanto ao equilíbrio euni...
REFERÊNCIAS
BEAIRD, Jason. Princípios do Web Design Maravilhoso. Alta Books: Rio de Janeiro, 2008.Simplifying Interfaces. Expertise. D...
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
[dig - 2011.1] 08 - equlíbrio e unidade
Upcoming SlideShare
Loading in …5
×

[dig - 2011.1] 08 - equlíbrio e unidade

1,450 views

Published on

Apresentação da aula 08 da Disciplina de Design de Interfaces Gráficas sobre Equilíbrio e Unidade.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,450
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
91
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • [dig - 2011.1] 08 - equlíbrio e unidade

    1. 1. EQUILÍBRIOEduardo Novais - UFC - 03.11
    2. 2. EQUILÍBRIODe forma semelhante aos objetos físicos, os elementos de um layout possuem peso.
    3. 3. A simetria em umacomposição se produzquando massas iguais eopostas se situam em ambosos lados de um eixohorizontal ou vertical.Uma composição é ditaequilibrada quando o pesodos elementos se compensa. Nenúfares - Claude Monet (1904)
    4. 4. Há duas formas principais de equilíbrio visual:simétrica e assimétrica.
    5. 5. EQUILÍBRIO SIMÉTRICOAcontece quando oselementos de umacomposição são os mesmosem ambos os lados de umalinha axial. Contemplation - David Lanham
    6. 6. Como o equilíbrio simétrico funciona em um layout?
    7. 7. EQUILÍBRIO SIMÉTRICO• Não é prático para todos os clientes e designs• Pode ser aplicado aos layouts centralizando-se o conteúdo ou organizando-o proporcionalmente em colunas
    8. 8. vejamos outros exemplos de equilíbrio simétrico.
    9. 9. EQUILÍBRIOASSIMÉTRICOEm vez de preocupar-se comimagens reflexas em ambosos lados do layout, o balançoassimétrico envolve objetosde diferentes tamanhos, Starry Night - Van Gogh (1889)formas, tonalidades ouposicionamento.
    10. 10. vejamos outros exemplos de equilíbrio assimétrico.
    11. 11. UNIDADE•É a forma com que os diferentes elementos de uma composição interagem.•A unidade em um layout pode ser empregada de duas formas: proximidade e repetição.
    12. 12. PROXIMIDADEObjetos posicionadospróximos uns dos outros emdeterminado layout criam umponto focal pelo qual o olhose orienta. Dalmatian - Melissa Mariko Kieselburg
    13. 13. REPETIÇÃOA repetição de cores, formas,texturas ou objetossemelhantes ajuda a manter acoerência do design da página. Sky and Water I - M. C. Escher (1938)
    14. 14. EXERCÍCIO
    15. 15. Analise os seguintes layout de páginas e aplicativos para iPhone,destacando suas características quanto ao equilíbrio eunidade.
    16. 16. REFERÊNCIAS
    17. 17. BEAIRD, Jason. Princípios do Web Design Maravilhoso. Alta Books: Rio de Janeiro, 2008.Simplifying Interfaces. Expertise. Disponível em: http://www.simplifyinginterfaces.com/category/expertise/Astheria. The Elements of Design Applied to the Web. Disponível em: http://astheria.com/design/the-elements-of-design-applied-tothewebSmashing Magazine. Five More Principles Of Effective Web Design. Disponível em:http://www.smashingmagazine.com/2008/04/24/5-more-principles-of-effective-web-design/

    ×