Equilibrio

EQUILÍBRIOEduardo Novais - UFC - 03.11

terça-feira, 3 de maio de 2011

EQUILÍBRIODe forma semelhante aos objetos físicos, os elementos de um

layout possuem peso.


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)


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


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


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 conteúdo ou organizando-o proporcionalmente em colunas


vejamos outros exemplos de equilíbrio simétrico.


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, formas, tonalidades ou posicionamento.

Starry Night - Van Gogh (1889)


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 de duas formas: proximidade e repetição.


PROXIMIDADEObjetos posicionados próximos uns dos outros em determinado layout criam um ponto focal pelo qual o olho se orienta.

Dalmatian - Melissa Mariko Kieselburg


http://gderanidaye.deviantart.com/art/Gestalt-proximity-Dalmatian-100917910

http://gderanidaye.deviantart.com/art/Gestalt-proximity-Dalmatian-100917910

REPETIÇÃOA 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)


EXERCÍCIO


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


REFERÊNCIAS


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/


http://www.simplifyinginterfaces.com/category/expertise/




http://astheria.com/design/the-elements-of-design-applied-totheweb




http://www.smashingmagazine.com/2008/04/24/5-more-principles-of-effective-web-design/

http://www.smashingmagazine.com/2008/04/24/5-more-principles-of-effective-web-design/

Equilibrio

Documents

Transcript of Equilibrio