O documento discute os princípios de equilíbrio e unidade no design de layouts. Apresenta duas formas principais de equilíbrio visual: simétrico e assimétrico. No equilíbrio simétrico, os elementos são iguais em ambos os lados de uma linha central. No equilíbrio assimétrico, os objetos podem ser de tamanhos e formas diferentes. A unidade é criada pela proximidade dos elementos ou repetição de cores e formas.

1. EQUILÍBRIO
Eduardo Novais - UFC - 03.11

2. EQUILÍBRIO
De forma semelhante aos objetos físicos, os elementos de um
layout possuem peso.

3. A simetria em uma
composição se produz
quando massas iguais e
opostas se situam em ambos
os lados de um eixo
horizontal ou vertical.
Uma composição é dita
equilibrada quando o peso
dos elementos se compensa.
Nenúfares - Claude Monet (1904)

4. Há duas formas principais de equilíbrio visual:
simétrica e assimétrica.

5. EQUILÍBRIO
SIMÉTRICO
Acontece quando os
elementos de uma
composição são os mesmos
em ambos os lados de uma
linha axial.
Contemplation - David Lanham

10. Como o equilíbrio simétrico funciona em um layout?

11. 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

16. vejamos outros exemplos de equilíbrio simétrico.

20. EQUILÍBRIO
ASSIMÉTRICO
Em vez de preocupar-se com
imagens reflexas em ambos
os lados do layout, o balanço
assimétrico envolve objetos
de diferentes tamanhos, Starry Night - Van Gogh (1889)
formas, tonalidades ou
posicionamento.

29. vejamos outros exemplos de equilíbrio assimétrico.

33. 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.

34. PROXIMIDADE
Objetos posicionados
próximos uns dos outros em
determinado layout criam um
ponto focal pelo qual o olho
se orienta.
Dalmatian - Melissa Mariko Kieselburg

43. REPETIÇÃO
A repetição de cores, formas,
texturas ou objetos
semelhantes ajuda a manter a
coerência do design da página.
Sky and Water I - M. C. Escher (1938)

48. EXERCÍCIO

49. Analise os seguintes layout de páginas e aplicativos para iPhone,
destacando suas características quanto ao equilíbrio e
unidade.

57. REFERÊNCIAS

58. 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-totheweb
Smashing 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/