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.
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
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
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.
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.
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)
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/