Unidade 3

Princpios de Design
composio unidade harmonia equilbrio contraste

Composio
o que classificao sintaxe visual percepo e significado dirigindo olhar

O que composio?
O processo de composio o passo mais crucial na soluo dos problemas visuais. Ele que determina o objetivo e o significado da manifestao visual influenciando diretamente o que recebido pelo espectador. nessa etapa do processo criativo que o comunicador visual exerce o mais forte controle sobre seu trabalho e tem a maior oportunidade de expressar, o estado de esprito que a obra se destina a transmitir. O modo visual, porm, no oferece sistemas estruturais definitivos e absolutos. Uma boa estrutura de design o resultado de uma combinao inteligente dos elementos que a compe. Em design ns temos vrios elementos e devemos descobrir que cada elemento serve a determinado propsito e que eles no so intercambiveis. Os melhores resultados sero alcanados atravs da combinao do uso dos princpios com a criatividade.

Classificao
Uma composio pode ser formal ou simtrica, informal ou assimtrica.
Formal ou simtrica

repousada e digna, porm esttica. Traando-se uma linha vertical imaginria pelo centro da composio, os elementos de ambos os lados so anlogos.

figura 94

Informal ou assimtrica

dinmica e facilita a variedade. Equilbrio dos elementos sobre uma vertical, assimetricamente dispostos. o mais usado em publicidade, por sua dinmica e interesse natural.

figura 95

Sintaxe visual
Diferentemente da sintaxe lingistica, na visual as regras no so absolutas. O que existe um alto grau de compreenso do que vai acontecer em termos de significado, se fizermos determinadas ordenaes das partes. Muitos dos critrios decorrem da investigao do processo da percepo humana.

Percepo e significado
Na criao de mensagens visuais, o significado se encontra nos efeitos cumulativos e no mecanismo perceptivo universalmente compartilhado pelo organismo humano. A Gestalt tem buscando conhecer a importncia dos padres visuais e descobrir como o organismo humano v e organiza a dinmica visual. Os componentes fsico e o psicolgico so relativos, todo padro visual tem uma qualidade dinmica que no pode ser definida apenas intelectual, emocional ou mecanicamente, atravs de tamanho, direo, forma ou distncia. Esses estmulos visuais so, na verdade, foras psicofsicas que modificam o espao e ordenam ou perturbam o equilbrio; criando a percepo de um design, de um ambiente ou de um objeto. No entanto, por mais abstratos que possam ser os elementos psicofisiolgicos da sintaxe visual, possvel se definir seu carter geral. Seu significado coloca o intelecto em curto circuito, estabelecendo o contato diretamente com as emoes e os sentimentos. A informao visual tambm pode ter uma forma definvel, seja atravs de significados incorporados, em forma de smbolos, ou de experincias compartilhadas no ambiente e na vida, levando-nos a uma resposta conforme seu significado.

Dirigindo o olhar
O designer deve usar cuidadosamente a colocao dos elementos para dirigir o olhar do leitor atravs da pea. Uma falha neste aspecto leva ao bloqueio da comunicao do conceito. As ferramentas que nos ajudaro incluem a posio dos elementos e seu tamanho, contedo, valor e cor. Alm de ser influenciada pelas relaes elementares com o traado estrutural, a tenso visual maximizada de duas outras maneiras: o olho favorece a zona inferior esquerda de qualquer campo visual. Traduzido em forma de representao diagramtica, isso significa que existe um padro primrio de varredura do campo que reage aos referentes verticais-horizontais, e um padro secundrio de varredura que reage ao impulso perceptivo inferior-esquerdo.

figura 96

Unidade
o que modulao do espao ponto de ateno proporo diagrama proximidade alinhamento repetio unidade e contraste o que considerar

O que unidade?
O todo maior que a soma de suas partes. Em uma composio possvel se usar cada elemento - linha, letras, forma e textura... - de forma independente, mas existe uma fora maior quando se coordena de maneira inteligente estes elementos. Outras vezes, mesmo sendo os elementos independentemente adequados, no o so quando juntos. Existem vrios aspectos da composio que podem ser trabalhados para se alcanar a unidade entre eles: a modulao do espao, a proximidade, o alinhamento e a repetio.

Modulao do espao
So as diversas formas possveis de organizao dos elementos compositivos no suporte, na pgina. Sempre houve, na histria do design, a pesquisa de sistemas e frmulas que pudessem auxiliar o artista na busca de solues para seus problemas. Os egpcios e os maias aplicavam forma princpios matemticos que at hoje ainda esto por ser completamente esclarecidos. Os designers clssicos da Acrpole de Atenas fizeram elaboradas utilizaes da diviso urea: no estabelecimento das propores de suas obras arquitetnicas, bem como os japoneses, lanaram mo de sistemas modulares em suas telas e na sua arquitetura domstica. Ainda buscando desenvolver formas equilibradas, foram desenvolvidos vrios estudos para se construir formas ureas. So chamadas formas ureas as formas geomtricas construdas a partir da regra de ouro. Essa regra uma aplicao universal utilizada para regular a proporo de uma forma. Ela tem como mdulo a proporo matemtica pi. Entre essas formas a mais conhecida e utilizada a do retngulo ureo

Ponto de ateno
Do estudo das formas geomtricas surgiram outros conceitos que ajudam a modular o espao da composio grfica. O centro geomtrico o ponto onde se cruzam as diagonais de qualquer forma geomtrica. O centro real ou centro ptico de um projeto grfico no o

geomtrico, est situado acima daquele. Sua altura varivel, dependendo da relao entre a largura e a altura.

figura 97

Proporo
Proporo significa a harmonia das partes componentes do todo, de que derivam as leis de simetria. (Vitruvio)

As linhas compositivas primrias so as diagonais e as perpendiculares a estas baixadas dos vrtices que implantam a proporo. Esse traado constitui a estrutura bsica, destacando-se como ponto de interesse para a composio as intersees normais dessas linhas. As linhas compositivas secundrias so as paralelas e perpendiculares aos lados, desde que no dividam a superfcie em partes iguais.

Diagrama
Diagrama a estrutura que apia o design. Na grande maioria das vezes, essa estrutura no aparente. O conceito de unidade est fortemente relacionado com a idia de um diagrama. Isto quer dizer, uma estrutura sobre a qual os elementos so ordenados. Pode-se considerar que o diagrama est por trs do design, e geralmente ser invisvel no final. Por causa do diagrama e porque estamos utilizando elementos semelhantes, pode-se observar uma coerncia ao se colocar estes padres lado a lado.

figura 98

De um modo geral, um diagrama uma soluo planejada para solucionar determinados problemas de composio, sem, contudo, se basear num conjunto preestabelecido de propores. O diagrama de um designer, organiza um contedo especfico em relao ao espao que ele ir ocupar. Quando funciona, o diagrama permite ao designer criar diferentes layouts contendo uma variedade de elementos, sem, todavia, fugir da estrutura predeterminada. Utilizado no design de uma publicao, numa campanha de propaganda, no planejamento de uma coleo, o diagrama proporcionar um sentido de seqncia, de unidade, mesmo que haja variaes considerveis no contedo de cada unidade. O conceito de diagrama tem sido aplicado a uma variedade muito ampla de problemas de design: livros, revistas, catlogos, relatrios anuais, jornais, folhetos, sistemas de sinalizao e campanhas de publicidade. A chave criativa para o diagrama de um designer a relao cuidadosamente planejada entre as divises horizontais e verticais e, como estas se relacionam no aspecto global do design. Ao determinar as melhores propostas de um diagrama, o designer pode depender inteiramente da sua intuio ou pode basear seu sistema na diviso do espao. Um diagrama pode criar unidade de vrias formas: com o uso de uma moldura forte, com a largura da coluna de texto, com o mesmo espao entre as colunas, com o tamanho das letras, com a posio da numerao, com um layout comum a cada abertura de seo. O diagrama, quando seguido rigidamente funciona para unificar o desenho bsico, s vezes comprometendo a liberdade de expresso do designer.

Uma vez que a estrutura bsica esteja no lugar, o designer criativo pode escapar do diagrama para dar vida ao design. O diagrama pode ser muito simples ou muito complexo, com um lugar pr-determinado para quase todo elemento.

Proximidade
Uma pgina onde os elementos esto espalhados, ocupando espaos e preenchendo cantos, eliminando espaos livres, assume uma aparncia desordenada e possibilita maior inacessibilidade ao leitor.

figura 99

Segundo o princpio da proximidade, itens relacionados entre si devem ser agrupados e aproximados uns dos outros, para que sejam vistos como um conjunto coeso Itens ou conjuntos de informaes que no esto relacionados entre si no deveriam estar prximos; isso oferece ao leitor uma pista visual imediata da organizao e do contedo da pgina. O propsito bsico da proximidade o de organizar, tornando a leitura e a memorizao mais fcil. Como resultado da organizao da comunicao, tambm se criam brancos(espaos negativos) mais atraentes e mais organizados. Quando vrios itens esto prximos entre si, eles se tornam uma unidade visual e no vrias unidades separadas.

figura 100

Vrias coisas acontecem quando elementos similares so agrupados em uma unidade. A pgina fica mais organizada. possvel saber por onde comear a leitura e onde termin-la. Alm disso, o espao em branco tambm fica mais organizado. Na criao de um anncio, folheto, boletim ou de outro material, j se sabe desde o incio, pela lgica, quais informaes esto conectadas, quais informaes devem ser enfatizadas e o que pode ser abrandado. s vezes, ao agrupar itens relacionados, torna-se necessrio fazer algumas alteraes, como de tamanho, peso, posicionamento de texto ou de figuras. O conceito de proximidade significa que os elementos logicamente conectados, com algum tipo de ligao, deveriam estar visualmente conectados. Outros elementos separados ou conjuntos de elementos no deveriam estar juntos. A proximidade ou sua falta indica a relao. Se houver muitos itens separados, temos que ver quais deveriam ser colocados mais prximos entre si. Se houver reas da pgina nas quais a organizao no est perfeitamente clara, vejamos se existem itens deslocados. Realmente, a proximidade apenas uma questo de nos conscientizarmos e fazermos o que j se faz naturalmente, mas com conscincia das relaes entre as linhas de texto Uma vez cientes da importncia das relaes entre as linhas de texto, comearemos a ter conscincia deste efeito. Lembre-se: Quando vrios itens estiverem prximos, eles formaro uma unidade visual e no vrias unidades individuais. Os itens relacionados entre si devem ser agrupados. Veja para onde os olhos se dirigem. Qual o caminho que eles seguem? Onde termina a leitura? Aps a leitura, para onde os olhos vo? Devemos seguir uma progresso lgica durante a leitura da pgina, tendo noo definida do incio e do fim.
O que evitar

1. Vamos evitar muitos elementos separados em uma pgina.

2. No colocar os itens somente nos cantos e no meio da pgina. 3. Evitar deixar quantidades iguais de espaos em branco entre os elementos, a no ser que cada conjunto seja parte de um subgrupo. 4. Evitar criar qualquer dvida quanto relao dos elementos entre si, ou seja, cada subttulo, legenda, imagem etc. devem estar junto a seu respectivo par. Vamos criar uma relao entre os elementos atravs da proximidade. 5. No relacionar elementos que no devam estar agrupados! Se eles no estiverem relacionados, vamos separ-los.

Alinhamento
A unidade um conceito muito importante no design. Para que todos os elementos da pgina tenham uma esttica unificada, conectada e interrelacionada, preciso que haja amarras visuais entre os elementos separados. Mesmo que eles no estejam prximos fisicamente na pgina, podem parecer conectados, relacionados, unificados, simplesmente devido ao seu posicionamento. Uma pgina compara-se a uma cozinha. No muito difcil arrumar uma cozinha um pouco bagunada, assim como no muito difcil arrumar uma pgina confusamente diagramada, com alinhamentos mal-determinados.

figura 101

Segundo o princpio do alinhamento, nada deve ser colocado arbitrariamente em uma pgina. Cada item deve ter uma conexo visual com algo na pgina. O propsito bsico do alinhamento o de unificar e organizar a pgina. O resultado um pouco similar ao que acontece quando pegamos todos os brinquedos de um beb que estavam espalhados pelo cho da sala e os colocamos em uma caixa de brinquedos. Normalmente um alinhamento marcante que cria uma aparncia sofisticada, formal, engraada ou sria.

Temos que estar conscientes do posicionamento dos elementos na pgina. Encontrando sempre algo a mais na pgina para fazer o alinhamento, mesmo que os dois objetos estejam fisicamente distantes.

figura 102

O princpio do alinhamento obriga a pessoa a ser mais consciente: j no se pode simplesmente jogar as coisas na pgina nos lugares onde houver espao. Quando os itens so alinhados na pgina, h uma unidade coesa, mais forte. Mesmo quando os elementos estiverem fisicamente separados uns dos outros, se estiverem alinhados, haver uma linha invisvel conectando-os, tanto em relao aos seus olhos quanto a sua mente

figura 103

O alinhamento centralizado o mais usado pelos iniciantes: muito seguro e a sensao de us-lo de conforto. Este alinhamento cria uma aparncia mais formal, mais comum e sem brilho. Vamos dar uma olhada em algumas diagramaes. A maioria dos materiais com uma esttica sofisticada no est

centralizada. s vezes possvel dar uma pitada de graa opo centralizada, como, por exemplo, centralizar o texto colocando o prprio bloco de texto fora de centro. Outra opo colocar as letras mais acima na pgina, para criar mais tenso; podemos tambm usar uma fonte muito casual e engraada, com um alinhamento muito formal, centralizado. Devemos utilizar apenas um alinhamento de texto por pgina, ou seja, o texto deve ser todo alinhado esquerda, alinhado direita ou centralizado. s vezes possvel utilizar os alinhamentos direita e esquerda na mesma pgina, mas importante que se certifique de alinhar os elementos de alguma maneira.

figura 104

Quando colocarmos outros itens na pgina, importante que cada um deles tenha um alinhamento visual com outro item da pgina. Se as linhas de texto estiverem horizontais, alinhemos suas linhas de base. Se houver vrios blocos de texto separados, vamos alinhar suas laterais direitas ou esquerdas. Se houver figuras, alinhar suas laterais com outras laterais existentes na pgina. Nada deve ser posicionado arbitrariamente na pgina!

figura 105

Provavelmente a falta de alinhamento seja a maior causa de materiais com uma aparncia antiesttica. Os olhos gostam de ver tudo em ordem, pois isso cria uma sensao de calma e segurana. Em qualquer material com um bom design possvel desenhar linhas sobre os objetos alinhados, mesmo que as apresentao do material seja composta por itens muito diferentes. Um inconveniente com os materiais criados por pessoas que no conhecem design a sutil falta de alinhamento, como ttulos centralizados e subttulos com pargrafos de endentao.

figura 106

Estes pequenos desalinhamentos contribuem para que a pgina fique visualmente desorganizada. Os primeiros pargrafos costumam ser deixados sem endentao. O objetivo de endentar um pargrafo o de indicar o incio de um novo pargrafo, mas sempre se sabe que o primeiro tambm um pargrafo. Em uma mquina de escrever, a endentao comum de cinco espaos. No caso das letras proporcionais utilizadas no computador, a endentao tipogrfica padro se assemelha a dois espaos. Ateno ao contorno irregular da letra. Ajustemos as linhas de maneira que a lateral direita fique o mais suave possvel. Se houver fotos ou ilustraes, vamos alinh-las com urna das laterais e/ou com a linha de base.

figura 107

Mesmo em um material que tenha uma abertura bem diagramada e um bom design, uma sutil inexistncia de alinhamento costuma ser o problema-chave para a falta de esttica mais profissional. Ateno no caso de ilustraes que ficam um pouco desalinhadas para fora da margem, de legendas que estiverem centralizadas sob as fotos, de ttulos que no estiverem alinhados com o texto, ou de uma combinao de texto centralizado com texto alinhado esquerda. Lembre-se: Nada deve ser colocado arbitrariamente em uma pgina. Cada elemento deveria ter alguma conexo visual com outro elemento da pgina.

Repetio
Como dar unidade ao design sem usar um diagrama? Um jeito usar elementos que so semelhantes. Mas isto, levado ao extremo, pode criar um desenho com pouco apelo visual, ao eliminar o contraste. O princpio da repetio afirma que algum aspecto do design deve repetir-se no material inteiro. O elemento repetitivo pode ser uma fonte em negrito, um fio (linha) grosso, algum sinal de tpico, um elemento do design, algum formato especfico, relaes espaciais etc. Pode ser qualquer item que o leitor reconhea visualmente. O propsito bsico da repetio unificar e acrescentar interesse visual. No podemos subestimar o interesse visual de uma pgina: se ela for interessante, sua leitura ser mais agradvel e provavelmente mais lida. Ns utilizamos a repetio nos nossos trabalhos: quando criamos ttulos com mesmo tamanho e mesmo peso, quando colocamos um fio no final de cada pgina, quando usamos o mesmo sinal de tpico em cada listagem referente ao mesmo trabalho. Estes so todos exemplos de repetio. Ela a consistncia, o que d a coeso.

figura 108

Porm, a repetio vai alm da simples consistncia: um esforo consciente para unificar todos os elementos do design. Se voc estiver trabalhando com um material forte, consistente, poder utilizar alguns elementos-surpresa. Sugesto: guardar essas surpresas para o uso em itens sobre os quais queiramos atrair muito a ateno do leitor. A repetio ajuda a organizar as informaes. Ela ajuda a guiar o leitor pelas pginas e a unificar partes distintas do design (da diagramao) do material. Mesmo que o documento tenha apenas uma pgina, a repetio dos elementos

estabelece uma continuidade sofisticada. Se estivermos criando vrios documentos de uma nica pgina que faam parte de um pacote unificado, extremamente importante usar a repetio. Se houver um elemento que agrade, vamos trabalhar com ele! Talvez seja um clip art ou uma fonte mais desenhada. Sinta-se livre para acrescentar um item completamente novo apenas para criar a repetio ou, ainda, escolher um simples elemento e utiliz-lo de vrias maneiras: em diferentes tamanhos, cores ou ngulos.

figura 109

s vezes os elementos repetidos no so exatamente os mesmos objetos, mas so to interligados e relacionados que sua conexo se torna bvia . Em geral podemos usar elementos repetitivos que nada tm a ver com o objetivo da pgina criada. Por exemplo, colocando alguns petrglifos ou alguns pssaros estranhos em um relatrio. Escolhendo caracteres particularmente bonitos da fonte que estiver utilizando e colocando-os em tamanhos maiores, em cinza ou em uma segunda cor mais luminosa. Vamos aplique-los em vrios ngulos no material.

figura 110

Lembre-se: A repetio de elementos visuais no design unifica e fortalece o material, agrupando partes que seriam separadas. O recurso da repetio muito til em peas de uma s pgina e essencial em documentos de muitas pginas (neste caso, a repetio considerada como consistncia).
O que evitar

Evite repetir o elemento em demasia, para que ele no se torne enfadonho ou excessivo. Estejamos conscientes do valor do contraste; excessivo, torna-se espalhafatoso confundindo o foco.

Unidade x Contraste
Geralmente, quanto mais o mesmo alguma coisa , mais experimentamos a monotonia. Ento, a unidade importante, mas no s custas do contraste, que proporciona o interesse. Obter um bom equilbrio entre unidade e contraste um caso de habilidade e sensibilidade. De um lado temos o contraste total - que pode ser definido como caos - e de outro a total unidade, que pode ser definida como uma mesmice que enjoa. Atravs da prtica achamos o ponto mgico de equilbrio, que permite que o design mantenha o interesse sem parecer desconectado.

O que considerar na busca de unidade

1. O design pede por um diagrama?

2. Quo complexo o diagrama deve ser? 3. Pode ser bom sair fora do diagrama ? 4. Obtivemos unidade atravs do uso de elementos semelhantes? 5. O design dirige o olhar? 6. Foram eliminados os elementos desnecessrios?

Harmonia
o que ordem regularidade desarmonia desordem irregularidade

O que harmonia?
A harmonia diz respeito disposio formal bem organizada no todo ou entre as partes de um todo. Na harmonia, predominam os fatores de equilbrio, de ordem e de regularidade visual inscritos no objeto ou na composio possibilitando, geralmente, uma leitura simples e clara. A harmonia , em sntese, o resultado de uma perfeita articulao visual na integrao e coerncia formal das unidades ou partes daquilo que apresentado, daquilo que visto.

figura 111

Ordem
A harmonia por ordem acontece quando se produz concordncias e uniformidades entre as unidades que compem as partes do objeto ou o prprio objeto como um todo. Obtm-se ordem pela presena de relaes ordenadas naquilo que visto ou, ainda, por compatibilidade de linguagens formais. Ou seja, quando no existem alteraes ou conflitos formais no padro ou no estilo do objeto.

figura 112

Regularidade
A obteno da harmonia por regularidade consiste, basicamente, em favorecer a uniformidade de elementos no desenvolvimento de uma ordem tal onde no se permitam irregularidades, desvios ou desalinhamentos e, na qual, o objeto ou composio alcance um estado absolutamente nivelado em termos de equilbrio visual.

figura 113

Desarmonia
A desarmonia a formulao oposta da harmonia. A desarmonia , em sntese, o resultado de uma desarticulao na integrao das unidades ou partes constitutivas do objeto, daquilo que visto. Ela se caracteriza pela apresentao de desvios, irregularidades e desnivelamentos visuais, em partes ou no objeto como um todo.

figura 114

Desordem
A desarmonia por desordem visual acontece quando se produz discordncias entre elementos ou unidades dentro de partes de um todo ou do prprio objeto como um todo. A desarmonia por desordem se caracteriza tambm pela ausncia de relaes ordenadas naquilo que visto ou por incompatibilidades de linguagens formais ou, ainda, quando os desvios so bastante fortes para alterar o padro ou estilo visual do objeto.

figura 115

Irregularidade
A desarmonia por irregularidade um fator oposto ao de regularidade. Ela se caracteriza pela ausncia de ordem e de nivelamento. No obstante, este conceito pode ser utilizado como um fator muitas vezes estratgico, com o propsito de causar efeitos visuais inesperados ou inslitos do ponto de vista psicolgico.

figura 116

Equilbrio
o que peso e direo simetria assimetria desequilbrio tenso o que considerar

O que equilbrio?
A mais importante influncia tanto psicolgica como fsica sobre a percepo humana a necessidade que o homem tem de equilbrio, de ter os ps firmemente plantados no solo e saber que vai permanecer ereto. O equilbrio , ento, a referncia visual mais forte e firme do homem, sua base consciente e inconsciente para fazer avaliaes visuais. O equilbrio o estado no qual as foras, agindo sobre um corpo, compensam-se mutuamente. Ele conseguido, na sua forma mais simples, por meio de duas foras de igual resistncia que puxam em direes opostas. Esta definio fsica aplicvel tambm ao equilbrio visual. O sentido da viso experimenta equilbrio quando as foras fisiolgicas correspondentes no sistema nervoso se distribuem de tal modo que se compensam mutuamente. O equilbrio, tanto fsico como visual, o estado de distribuio no qual toda a ao chegou a uma pausa. Por exemplo, numa composio equilibrada todos os fatores como configurao direo e localizao determinam-se mutuamente de tal modo que nenhuma alterao parece possvel e o todo assume o carter de necessidade de todas as partes. Ele to fundamental na natureza quanto no homem. o estado oposto ao colapso, ou caos.

figura 117

Peso e direo
Sempre h mais de uma maneira de se alcanar o equilbrio. Peso e direo so propriedades que exercem influncia particular sobre o equilbrio. O peso sempre um efeito dinmico. Imagine uma pessoa sentada numa gangorra com o assento em que ela est apoiada na terra e o outro no ar. Qual o tipo de peso que ela precisa para equilibrar o dela? A resposta lgica seria uma pessoa do mesmo peso. Mas no a nica, poderiam, por exemplo, ser duas pessoas com a metade do peso. Uma pessoa menor tambm equilibra o peso, se estiver mais perto do centro. Alis, se ela estiver no centro no precisa da ajuda de outra pessoa. Ainda, se deslocar a barra que sustenta a gangorra, pode criar um novo centro de equilbrio. Assim sendo, o peso sofre influncia da localizao. Uma posio forte no esquema estrutural pode sustentar mais peso do que uma localizada fora do centro ou afastada da vertical ou horizontal centrais. Isto significa, por exemplo, que um objeto colocado no centro pode ser contrabalanado por outros menores colocados fora dele.

figura 118

Quanto maior for a profundidade alcanada por uma rea do campo visual, maior ser o seu peso.

figura 119

O peso conseguido atravs da cor pode ser contrabalanado, por exemplo, pelo peso atravs da localizao.

figura 120

A direo da forma pode ser equilibrada pelo movimento em direo a um centro de atrao. Cada uma das direes visuais tem um forte significado associativo e so uma valiosa ferramenta tanto para solues projetuais de objetos como para a composio de mensagens visuais. O ordenamento horizontal-vertical constitui a relao bsica do homem com seu meio ambiente. Essa conscincia interiorizada da firme verticalidade em relao a uma base estvel externamente expressa pela configurao visual, por uma relao horizontal-vertical do que est sendo visto e por seu peso relativo em relao a um estado de equilbrio. Mas alm do equilbrio simples e esttico existe

o processo de ajustamento a cada variao de peso, que se d atravs de uma reao de contrapeso. Em design o equilbrio tem peso porque ns estamos nos equilibrando em quase tudo que fazemos. Equilibrar os elementos no design no significa necessariamente usar a simetria com elementos pares - pense por exemplo no trip - que se equilibra num nmero mpar de pernas.

Simetria.
A simetria um equilbrio axial que pode acontecer em um, ou mais de um eizo. nas posies: horizontal, vertical, diagonal ou inclinada. uma configurao que d origem a formulaes visuais iguais, ou seja, as unidades de um lado so idnticas s do outro lado. Agrupamentos simetricamente organizados tendem a ser percebidos mais facilmente do que agrupamentos assimtricos. Sua utilizao pode resultar em algo enfadonho, sem graa e esttico. Nesse caso, deve-se jogar com outros conceitos formais de equilbrio, para tornar a composio ou o objeto mais interessante.

figura 121

Ao usar uma linha, se nosso objetivo alcanar simetria total - isto , um desenho que est centralizado em todos os sentidos - ficamos muito limitados. Agora vamos usar a mesma linha num ngulo de 45, no d a mesma sensao de simetria, mas ainda est em equilbrio. A linha para o outro lado sugere uma mudana muito sutil.

Assimetria
A assimetria a ausncia de simetria. Ou seja, nenhum dos lados opostos so iguais, ou mesmo semelhantes, em nenhum dos eixos de referncia: horizontal, vertical ou diagonal. A sua utilizao para se conseguir equilbrio visual geralmente complexa. Para se obter um resultado interessante com o fator assimtrico, requer-se o ajuste de muitas foras que, quando conseguido, valoriza extraordinariamente o objeto ou a composio do ponto de vista plstico ou de instigao psicolgica. Assim sendo, o equilbrio no requer, necessariamente, perfeita simetria. De fato, se os desenhos simetricamente perfeitos podem ser muito atraentes, as possibilidades se ampliam quando usamos o equilbrio para criar interesse sem nos prender a isto. Por exemplo: escolhendo uma linha com mais ou menos a mesma massa de uma bola, no podemos criar um desenho perfeitamente simtrico com estes dois elementos. O nico modo de criar uma perfeita simetria introduzindo outra bola ou linha. Quando uma linha no est centralizada na pgina o design fica fora de equilbrio; ao mesmo tempo cria uma sensao que o desenho equilibrado no traz. Por vezes o interesse conquistado pela falta de equilbrio refora o impacto do design.

Desequilbrio
a formulao oposta do equilbrio. Ou seja, o estado no qual as foras agindo sobre um corpo no conseguem se equilibrar mutuamente.

figura 122

Uma composio ou um objeto formal ou visualmente desequilibrado parece acidental, transitrio e, portanto, instvel. Numa composio ou num objeto, os

elementos constitutivos apresentam uma tendncia para mudar de lugar ou forma, a fim de conseguir um estado que melhor se relacione com a estrutura total. Naturalmente, esta instabilidade pode ser utilizada como uma tcnica compositiva para provocar, inquietar, surpreender ou chamar a ateno do observador. O desequilbrio pode ter diferentes nveis de tenso.

Tenso
Muitas coisas no meio ambiente parecem no ter estabilidade. Essa sensao de falta de estabilidade chamada de tenso. Para criar uma sensao diferente, podemos experimentar usar os mesmos elementos ignorando intencionalmente o equilbrio. Todos eles podem atuam no espao do formato de maneiras diversas criando tenso. s vezes a tenso til para comunicar uma sensao, vezes ela adicionada para criar interesse ao deixar o desenho fora de equilbrio. Mesmo formas geomtricas simples como o crculo apresentam um certo nvel de tenso. No entanto, no ato de ver, buscamos conferir estabilidade impondo a qualquer forma ou composio eixos imaginrios. O eixo vertical que analisa e determina seu equilbrio enquanto forma, e, em seguida a base horizontal como referncia que completa a sensao de estabilidade. Constitui um processo inconsciente. As opes visuais para qualquer composio so polaridades expressas em termos de regularidade e simplicidade de um lado, e de variao complexa e inesperada de outro. A escolha entre essas opes determina a resposta do espectador, tanto em termos de repouso e relaxamento quanto de tenso.

figura 123

A tenso no boa nem m. Na teoria da percepo, seu valor est no modo como usada na comunicao visual, isto , de que maneira refora o significado, o propsito e a inteno, e, alm disso, como pode ser usada como base para a interpretao e a compreenso. A tenso e o processo de estabelecer o eixo vertical e horizontal e as reas primrias e secundrias de ateno, so responsveis pela ateno e o predomnio compostivo. O processo de estabelecer o eixo vertical e a base horizontal atrai o olho com muito maior intensidade para ambos os campos visuais, dando-lhes automaticamente uma maior importncia em termos compositivos. Assim, um elemento visual colocado no local onde se encontra o eixo sentido, v-se automaticamente enfatizado. Com relao a importncia da localizao dos elementos na pgina observa-se que a informao visual contida no painel central predomina, em termos compositivos, em relao aos painis laterais. A rea axial de qualquer campo sempre aquilo para o que olhamos em primeiro lugar; em seguida para metade inferior do campo, a referncia horizontal.

figura 124

O que considerar na busca pelo equilbrio.

1. A idia pede por simetria ou por um equilbrio assimtrico? 2. O design pede tenso? 3. Que elementos usar para obter equilbrio? 4. O equilbrio est sugerindo uma sensao que refora a idia? 5. O conceito e a arte esto bem coordenadas no que diz respeito ao equilbrio?

Contraste
o que expresso atrao visual conflito dirigindo o olhar contradio tipos o que considerar
Urna obra de arte uma composio de tenses e resolues, equilbrio e desequilbrio, coerncia rtmica: uma unidade precria, porm contnua. A vida um processo natural composto por essas tenses, equilbrios e ritmos; isso o que sentimos, quando calmos ou emocionados, como o pulso de nossa prpria vida. Susanne Langer, em seu ensaio The Dynamic Image

O que contraste?
A importncia e o significado do contraste comeam no nvel bsico da viso atravs da presena ou ausncia da luz. a fora que torna visvel as estratgias da composio visual. de todas as tcnicas, a mais importante para o controle visual de uma mensagem bi ou tridimensional. tambm um processo de articulao visual e uma fora vital para a criao de um todo coerente. Em todas as artes, o contraste uma poderosa ferramenta de expresso, o meio para intensificar o significado e, portanto, para simplificar a comunicao. Na verdade, assim que adicionamos qualquer elemento a uma pgina em branco j estamos utilizando o contraste. Ele automtico. O contraste , tambm, uma contra-fora tendncia do equilbrio absoluto, ele desequilibra, sacode, estimula e atrai a ateno. Os objetivos bsicos do contraste so criar interesse sobre uma pgina e auxiliar na organizao das informaes. O leitor deveria ser capaz de compreender instantaneamente a maneira atravs da qual as informaes so estruturadas, o fluxo lgico de um item para outro. Os elementos contrastantes nunca deveriam confundir o leitor ou criar um foco que no seja o correto.

figura 125

Expresso
O contraste, como estratgia visual para aguar o significado, no s excita e atrai a ateno do observador, como tambm, capaz de dramatizar esse significado para faz-lo mais importante e mais dinmico. Esta intensificao do significado consiste na supresso do desnecessrio levando ao natural enfoque do essencial.

figura 126

O contraste um instrumento essencial da estratgia de controle dos efeitos visuais, e, conseqentemente, do significado. Mas o contraste , ao mesmo tempo, um instrumento, uma tcnica e um conceito. Em termos bsicos, nossa compreenso do liso mais profunda quando o contrapomos ao spero. Ao compararmos o dessemelhante, aguamos o significado de ambos os opostos. O contraste um caminho fundamental para a clareza do contedo em arte e comunicao. Mas o impulso demonstrado pelo contraste entre os opostos deve ser manipulado com delicadeza tendo em vista o principal objetivo de uma manifestao visual, sua expresso, a transmisso de idias, informaes e sentimentos. O contraste o aguador de todo significado, o definidor bsico das idias. Entendemos muito mais uma qualidade quando a contrapomos seu contrrio. O amor, por exemplo, pode ser sugerido por curvas, formas circulares, cores quentes, texturas macias e propores semelhantes. O dio, como seu oposto, poderia ser intensificado por ngulos, formas retas, cores agressivas, texturas speras e propores dessemelhantes. Podemos explicar mais facilmente o alto se o compararmos com o baixo, sobretudo quando so usados estmulos visuais.

Atrao visual
O contraste pode ser utilizado, no nvel bsico de construo e decodificao do objeto, com todos os elementos bsicos: linhas, tonalidades, cores, direes, contornos, movimentos e, sobretudo, com a proporo e a escala. Todas essas foras so valiosas na ordenao dos input e output visuais, realando a importncia do contraste para o controle do significado e da organizao visual . uma maneira eficaz para acrescentar algum atrativo visual a uma pgina , criando uma hierarquia organizacional entre diferentes elementos. O que de v ser lembrado que para o contraste ser realmente eficaz, ele deve ser forte. A proporo importante na manipulao compositiva do campo. Assim, para expressar a nfase na dessemelhana, o ponto principal deve ocupar a maior proporo do espao a ele dedicado. A maneira mais fcil de acrescentar contraste a um material para torn-lo interessante trabalhar com as fontes. Mas no podemos nos esquecer dos fios, do espaamento entre os elementos, das texturas etc. Se utilizarmos colunas altas e estreitas no boletim, faamos alguns ttulos mais fortes para criar um direcionamento horizontal contrastante na pgina.

Conflito
Cria-se o contraste quando dois elementos so diferentes. Se eles diferirem um pouco mas no muito acontecer um conflito. Assim, se dois itens no forem exatamente os mesmos, diferencie-os completamente.

Aplique contraste nas opes de tipologia, nas espessuras das linhas, nas cores, nas formas, nos tamanhos, nos espaos etc. Criar elementos marcantes a maneira de criar interesse visual.

Dirigindo o olhar
O contraste um ponto crtico na organizao das informaes; o leitor sempre deveria ser capaz de, primeira passada de olhos sobre um material, compreender imediatamente o que ele representa.

figura 127

Contradio
Enquanto os elementos do design so geralmente utilizados para apoiar o contedo da mensagem, o contraste pode ser usado para criar uma contradio.

figura 128

Tipos de contraste
O contraste pode ser criado com o uso do tamanho, da cor, da forma, da textura, da tipologia, etc., escolhendo a combinao que melhor representa a idia que vamos comunicar.
Contraste de luz e tom

O contraste por luz e tom baseia-se nas sucessivas oposies de claro-escuro. O efeito da luz, reproduzindo-se sobre os objetos, cria a noo de volume. figura 62. Na pgina impressa, o contraste de valor assume muitas formas: a relao do negrito e a linha branca na composio; a imagem negativa ou reversa jogada contra a imagem positiva; a imagem de um escuro intenso colocada no espao branco. O contraste pode ser expresso nos valores ou tonalidades de uma nica figura. H dois fatores de percepo visual que intensificam a efetividade do contraste: a iluso de que um objeto escuro nos parece mais prximo do que um objeto claro; e o modo pelo qual um objeto escuro parece ainda mais escuro numa superfcie clara. Entre a luz e a escurido, h uma grande variao de tons. Numa representao monocromtica, pode-se utilizar uma escala de cinzas que vai do branco ao preto, obtida pelo uso de retculas e padres. Um mesmo tom muda seu valor conforme outro que se lhe associe, dentro de certas relaes contextuais. O contraste por luz e tom um recurso visual bastante explorado, por exemplo, na fotografia, na pintura e artes cnicas. A diviso do espao da pgina tambm gera uma modificao tonal que deve submeter-se s leis do contraste.

figura 129

Contraste de cor

A cor a parte mais emotiva do processo visual. Pode ser empregada para expressar e reforar a informao visual. As cores, dependendo de como se organizam, podem fazer um elemento recuar ou avanar. O peso e o volume do objeto pode ser alterado pelo uso da cor, influindo no equilbrio da composio. A cor no s tem um significado universalmente compartilhado atravs da experincia, como tambm tem um valor independente informativo, atravs dos significados que se lhe adicionam simbolicamente. A cor pode ser explorada para diversas finalidades funcionais, psicolgicas, simblicas, mercadolgicas, cromoterpicas e outras. Quando se trata de imagens coloridas, o designer deve considerar tanto contrastes cromticos como os de valor. O contraste se verifica entre as cores neutras e as cores de alta intensidade; entre cores frias e cores quentes; e na justaposio deliberada de cores complementares. Das trs dimenses da cor (matiz, tom e croma), o tom a que predomina em nossa relao com o meio ambiente.

figura 130

Depois do tonal, outro importante contraste de cor seja o quente-frio. A natureza recessiva da gama azul-verde sempre foi usada para indicar distncia, enquanto a qualidade dominante da gama vermelho-amarelo tem sido usada para expressar expanso. Essas qualidades podem afetar a posio espacial, uma vez que a temperatura da cor pode sugerir proximidade ou distncia.
Contraste de direo

Um objeto de certo tamanho, forma ou cor, visualmente ter mais peso, quando colocado mais alto. Portanto, o equilbrio na direo vertical no pode ser conseguido colocando-se objetos iguais em diferentes alturas. Significa, por

exemplo, que se quisermos que duas metades sejam percebidas visualmente idnticas, deve-se fazer a metade superior mais curta. De modo geral, as formas horizontais passam a sensao de maior solidez e de maior estabilidade, enquanto que, com as verticais passam a sensao de leveza e menos estabilidade, tendendo a se elevar.

figura 131

Contrastes de movimento

O movimento visual definido como sendo funo de velocidade e direo. Ele est relacionado com o sistema nervoso que cria a sensao de mobilidade e rapidez. Pode-se afirmar que daro impresso de movimento, qualquer imagem visual que apresenta os objetos por meio de qualidades perceptivas, tais como: forma de cunha, direo oblqua, superfcie sombreada, e outras.

figura 132

O contraste por dinamismo um movimento dinmico, ou seja, um movimento mais exacerbado, mais forte ou mais veloz. Pode-se considerar como dinmica uma composio visual em que predominem as sensaes de movimentos e ritmos, de forma exacerbada, no objeto como um todo, ou em partes do objeto. Reflete sobretudo mobilidade e ao. O ritmo um movimento que pode ser caracterizado como um conjunto de sensaes de movimentos encadeados ou de conexes visuais ininterruptas, uniformemente contnuas, seqenciais, semelhantes ou alternadas.
Contraste de passividade

A passividade definida como o estado natural de um ser que sofre ao sem reagir, inerte e submisso. A tcnica de representao passiva produz uma fora imvel, mediante um equilbrio absoluto. Pode-se tambm considerar como passiva ou esttica qualquer composio ou objeto que apresente um equilbrio absoluto.

figura 133

Contraste de proporo

Contrastando o tamanho dos elementos o desenho ganha uma nova dimenso, e esta mais uma ferramenta disposio do designer. As relaes entre as medidas do contorno de um campo visual ou de um objeto e as medidas das partes ocupadas por elementos nele dispostos ou montados, podem ser arbitrrias, obedecer a uma ordem matemtica ou determinada intuitivamente.

figura 134

Contraste de escala

Este tipo de contraste pode ser conseguido de duas maneiras: pela modificao dos tamanhos relativos de duas ou mais imagens na pgina impressa, ou pela comparao de objetos reais diferentes, dentro de uma mesma composio. A imagem grande parecer ainda maior quando colocada ao lado de uma pequena imagem. Os elementos ou unidades formais definem-se uns em relao aos outros. Um elemento grande ou pequeno, claro ou escuro, pesado ou leve, frio ou quente, etc., sempre comparativamente a outro. Essa relao chama-se escala,

e um meio para reproduzir realisticamente, as relaes existentes entre os objetos, sejam elas dimensionais, tonais, trmicas ou outras. A escala sempre vai estabelecer uma certa proporo entre os referidos elementos ou categorias - escala natural, reduzida ou ampliada, dimensional. A distoro da escala, por exemplo, pode chocar o olho ao manipular fora a proporo dos objetos e contradizer tudo aquilo que, em funo de nossa experincia, esperamos ver.

figura 135

A importncia do contraste de tamanho pode parecer bvia. No entanto, grande parcela de designs medocres pode ser atribuda uniformidade de escala das imagens.
Contraste de agudeza

Est intimamente relacionado com a clareza e com a acuidade visual, que a capacidade de discriminar estmulos visuais a fim de se obter nitidez de expresso da forma.

figura 136

Predomina sobretudo, em organizaes formais geomtricas. A agudeza se consubstancia por meio de contornos retos, precisos, de formas pontiagudas, rgidas, penetrantes e cortantes dos objetos. A agudeza, amide, produz uma sensao de tenso e, quase sempre, de grande impacto visual.
Contraste de forma

Contraste na forma pode sugerir extravagncia ou criar um tom sombrio. Comparemos a sustica de Hitler com os cartazes da gerao flower power.

figura 137

A necessidade que todo o sistema perceptivo do ser humano tem de nivelar, de atingir um equilbrio absoluto e o fechamento visual a tendncia contra a qual o contraste desencadeia uma ao neutralizante. Atravs da criao de uma fora compositiva antagnica, a dinmica do contraste poder ser prontamente demonstrada em cada exemplo de elemento visual bsico que dermos. Se o objetivo for atrair a ateno do observador, a forma regular, simples e resolvida, dominada pela forma irregular, imprevisvel. Ao serem justapostas as texturas desiguais intensificam o carter nico de cada uma . Os mesmos fatores de justaposio de qualidades desproporcionais e diferenciadas se fazem notar no emprego de todos os elementos visuais quando se tem por objetivo aproveitar o valor do contraste na definio do significado visual. A funo principal da tcnica aguar, atravs do efeito dramtico, mas ela pode, ao mesmo tempo e com muito xito, dar maior requinte atmosfera e s sensaes que envolvem uma manifestao visual. O contraste deve intensificar as intenes do designer.

Contraste no uso da tipologia

Podemos contrastar diferentes fontes com muito cuidado. At saber como usar este recurso com sensibilidade, pode ser melhor experimentar apenas com duas ou trs. Ao colocar letras em seu formato, para reforar a idia podemos considerar a possibilidade de contrastar o tamanho, as fontes ou o peso. Podemos variar o espao entre as linhas e entre as letras. Podemos tambm variar a largura das colunas ou o alinhamento.

figura 138

Nem todos os contrastes devem ser dramticos, s vezes pode ser melhor usar um contraste mais sutil, desde que este no desaparea ou seja to pequeno que chegue a parecer um erro. O contraste enriquece a percepo das diferenas em nossa vida diria. O design apenas uma extenso do nosso dia-a-dia, que nos permite comunicar conceitos visuais e idias aos outros.
Outros contrastes

Um deles o contraste de sentimentos que se verifica quando um mesmo painel de design contm estmulos emocionais opostos: agressivo e suave, alegre e

melanclico, srio e humorstico. Por fim, pode-se estabelecer contraste pelas relaes entre formas e intensidades: curvas e retas horizontais e verticais, cncavas e convexas. Este tipo de contraste pode influir em nossa percepo de espao. Uma nfase vertical pode fazer o espao parecer mais alto ao passo que a nfase nas linhas horizontais pode torn-lo aparentemente mais largo. Variaes de ngulos e de formatos dentro de determinado espao tambm podem produzir iluses de profundidade e dimenses e at de impulso e movimento.

O que considerar ao se buscar contraste.

1- Os contrastes que escolhemos reforam a idia? 2- Consideramos todas as possibilidades de criar contraste? 3- As escolhas de contraste na tipologia tornam o texto mais legvel? 4- Usamos todo o potencial de contraste ao utilizar as ilustraes? 5- Consideramos as possibilidades de contraste menos acentuado?

Bibliografia utilizada
Donis A. Dondis - A sintaxe da linguagem visual. Martins Fontes. So Paulo, 1991. Gomes Filho, Joo - Gestalt do objeto. Sistema de leitura visual da forma. Escrituras Editora. So Paulo, 2000. Hulburt, Allen - Layout: O design da pgina impressa. Editora Nobel. So Paulo, 1986. Peterson, Bryan L. - Using Design basics to get creative results. North Light Books. Cincinnati, 1997 Ribeiro, Milton - Planejamento Visual Grfico. Lnha Grfica Editora. Braslia, 1987. Williams. Robin - Design para quem no designer. Ed. Callis, 1995.