Issuu on Google+

EQUILรBRIO Eduardo Novais - UFC - 03.11

terรงa-feira, 3 de maio de 2011


EQUILÍBRIO De forma semelhante aos objetos físicos, os elementos de um layout possuem peso. terça-feira, 3 de maio de 2011


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)

terça-feira, 3 de maio de 2011


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

terça-feira, 3 de maio de 2011


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

terça-feira, 3 de maio de 2011

Contemplation - David Lanham


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


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

terça-feira, 3 de maio de 2011


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

terça-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


vejamos outros exemplos de equilíbrio simétrico.

terça-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


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. terça-feira, 3 de maio de 2011

Starry Night - Van Gogh (1889)


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


vejamos outros exemplos de equilíbrio assimétrico.

terça-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


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.

terça-feira, 3 de maio de 2011


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

ter莽a-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


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)

terça-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


EXERCรCIO

terรงa-feira, 3 de maio de 2011


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

terça-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


terรงa-feira, 3 de maio de 2011


REFERรŠNCIAS

terรงa-feira, 3 de maio de 2011


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/

terça-feira, 3 de maio de 2011


Equilibrio