O design equilibrado1

4

Click here to load reader

description

Cores

Transcript of O design equilibrado1

Page 1: O design equilibrado1

O design equilibrado As proporccedilotildees

Devemos ter em conta a definiccedilatildeo a utilizar os elementos graacuteficos e as proporccedilotildees

Na hora de comeccedilar uma composiccedilatildeo o primeiro que devemos saber eacute o tamanho

que esta teraacute

Se o suporte final de nosso grafismo vai ser o papel poderemos desenhar para

uma grande variedade de tamanhos desde os menores (cartotildees de visita

pequenos folhetos) ateacute os maiores (posters cartazes para anuacutencios publicitaacuterios)

embora quase sempre desenharemos am algum dos formatos DIN

Medidas papel formato DIN

modelo tamanho relaccedilatildeo

DIN A4 210297 00625 msup2(xy=0707)

DIN A3 420297 0125 msup2 (xy=14142)

DIN A2 420594 025 msup2 (xy=0707)

DIN A1 840594 05 msup2 (xy=14142)

DIN A0 8401188 10 msup2 (xy=0707)

A relaccedilatildeo visual entre os diferentes formatos DIN eacute a seguinte

No caso de uma paacutegina web os tamanhos possiacuteveis satildeo muito poucos geralmente

dois (800x600 e 1024x768 pixels) poreacutem eacute de suma importacircncia decidir para qual

deles se vai trabalhar jaacute que embora seja possiacutevel desenhar uma paacutegina para que

seja compatiacutevel com ambas resoluccedilotildees somente em uma delas se visualizaraacute tal

como a desenhamos

O segundo passo seraacute escolher os elementos graacuteficos e textuais que usaremos na

composiccedilatildeo Esta escolha se deve basear em variaacuteveis como a pessoa ou empresa

que deseja transmitir a mensagem a proacutepria mensagem o tipo de espectadores

destinataacuterios da composiccedilatildeo e as caracteriacutesticas funcionais e comunicativas de cada

elemento

Agora devemos definir que partes da aacuterea do desenho devem estar ocupadas por

elementos e que partes vatildeo ficar vazias sem nenhum conteuacutedo Se deixarmos

muitos espaccedilos vazios a composiccedilatildeo pode ser descordenada jaacute que seraacute difiacutecil

estabelecer relaccedilotildees globais entre os elementos ou entre os grupos deles Poreacutem

se o nuacutemero de componentes for elevado podemos obter uma obra sobrecarregada

difiacutecil de entender na qual natildeo se distingue com clareza o que eacute cada coisa e qual eacute

a mensagem que quer transmitir

Comeccedilaremos a situar entatildeo os elementos em cena como se fossem atores de

nossa particular obra de teatro combinando-os de diferentes formas ateacute obtermos

um resultado satisfatoacuterio Neste ponto eacute muito importante ter em conta que cada

elemento visual tem uma funccedilatildeo determinada dentro da composiccedilatildeo

A informaccedilatildeo visual que traz um elemento pode mudar segundo o faccedilam as

propriedades do mesmo como seu tamanho forma ou cor poreacutem sobretudo sua

proporccedilatildeo o peso visual que tiver no total da composiccedilatildeo

Indubitavelmente a forma mais direta de marcar proporccedilotildees eacute mediante o

tamanho relativo dos elementos Os elementos maiores altos ou longos tecircm uma

carga visual superior aos menores curtos ou finos criando zonas de atraccedilatildeo mais

intensas

Tambeacutem podemos delimitar proporccedilotildees em um grafismo mediante a cor com a

qual podemos definir diferentes aacutereas de tons uacuteteis para distribuir de forma

adequada toda a informaccedilatildeo graacutefica Neste sentido as cores puras e saturadas tecircm

um maior peso visual que as secundaacuterias neutras e estas maior que as terciaacuterias

pouco saturadas

Outra teacutecnica para definir proporccedilotildees eacute o uso de agrupamentos de elementos e a

correta distribuiccedilatildeo destas no cenaacuterio o que nos vai permitir estruturar de uma

forma ou outra a composiccedilatildeo

Proporccedilatildeo por agrupamentos

Este sistema costuma dar bons resultados sempre que natildeo abusemos dele criando

um excessivo nuacutemero de blocos significativos jaacute que entatildeo se diminuiria

importacircncia uns a outros e se perderia a proporcionalidade buscada

Mais regras praacuteticas referentes agrave proporccedilatildeo satildeo

As formas regulares tecircm menor peso que as irregulares

As formas alongadas e angulares alongam o campo de visatildeo criando zonas

dominantes

Sejam quais forem os elementos usados em uma composiccedilatildeo deveremos sempre

buscar umas proporccedilotildees adequadas entre eles com o objetivo de que cada um

cumpra seu papel comunicativo de forma adequada

Autoria e outras referecircncias sobre este artigo

Dentro deste artigo + 1 manual relacionado + 2 Categorias relacionadas

Informe de Luciano Moreno URL httpwwwhtmlwebnet

Acrescentar um comentaacuterio do artigo

Manuais relacionados com este artigo

Dentro de Curso praacutetico de Web Design

Seguinte O design equilibrado A escala

Anterior O design equilibrado Introduccedilatildeo

lt Iacutendice de Curso praacutetico de Web Design

Categorias relacionadas Atraveacutes das categorias do nosso diretoacuterio podem ser encontrados outros tipos de recursos relacionados com este artigo

+ Entrar em Design

+ Entrar em Guias de desenho

Page 2: O design equilibrado1

O segundo passo seraacute escolher os elementos graacuteficos e textuais que usaremos na

composiccedilatildeo Esta escolha se deve basear em variaacuteveis como a pessoa ou empresa

que deseja transmitir a mensagem a proacutepria mensagem o tipo de espectadores

destinataacuterios da composiccedilatildeo e as caracteriacutesticas funcionais e comunicativas de cada

elemento

Agora devemos definir que partes da aacuterea do desenho devem estar ocupadas por

elementos e que partes vatildeo ficar vazias sem nenhum conteuacutedo Se deixarmos

muitos espaccedilos vazios a composiccedilatildeo pode ser descordenada jaacute que seraacute difiacutecil

estabelecer relaccedilotildees globais entre os elementos ou entre os grupos deles Poreacutem

se o nuacutemero de componentes for elevado podemos obter uma obra sobrecarregada

difiacutecil de entender na qual natildeo se distingue com clareza o que eacute cada coisa e qual eacute

a mensagem que quer transmitir

Comeccedilaremos a situar entatildeo os elementos em cena como se fossem atores de

nossa particular obra de teatro combinando-os de diferentes formas ateacute obtermos

um resultado satisfatoacuterio Neste ponto eacute muito importante ter em conta que cada

elemento visual tem uma funccedilatildeo determinada dentro da composiccedilatildeo

A informaccedilatildeo visual que traz um elemento pode mudar segundo o faccedilam as

propriedades do mesmo como seu tamanho forma ou cor poreacutem sobretudo sua

proporccedilatildeo o peso visual que tiver no total da composiccedilatildeo

Indubitavelmente a forma mais direta de marcar proporccedilotildees eacute mediante o

tamanho relativo dos elementos Os elementos maiores altos ou longos tecircm uma

carga visual superior aos menores curtos ou finos criando zonas de atraccedilatildeo mais

intensas

Tambeacutem podemos delimitar proporccedilotildees em um grafismo mediante a cor com a

qual podemos definir diferentes aacutereas de tons uacuteteis para distribuir de forma

adequada toda a informaccedilatildeo graacutefica Neste sentido as cores puras e saturadas tecircm

um maior peso visual que as secundaacuterias neutras e estas maior que as terciaacuterias

pouco saturadas

Outra teacutecnica para definir proporccedilotildees eacute o uso de agrupamentos de elementos e a

correta distribuiccedilatildeo destas no cenaacuterio o que nos vai permitir estruturar de uma

forma ou outra a composiccedilatildeo

Proporccedilatildeo por agrupamentos

Este sistema costuma dar bons resultados sempre que natildeo abusemos dele criando

um excessivo nuacutemero de blocos significativos jaacute que entatildeo se diminuiria

importacircncia uns a outros e se perderia a proporcionalidade buscada

Mais regras praacuteticas referentes agrave proporccedilatildeo satildeo

As formas regulares tecircm menor peso que as irregulares

As formas alongadas e angulares alongam o campo de visatildeo criando zonas

dominantes

Sejam quais forem os elementos usados em uma composiccedilatildeo deveremos sempre

buscar umas proporccedilotildees adequadas entre eles com o objetivo de que cada um

cumpra seu papel comunicativo de forma adequada

Autoria e outras referecircncias sobre este artigo

Dentro deste artigo + 1 manual relacionado + 2 Categorias relacionadas

Informe de Luciano Moreno URL httpwwwhtmlwebnet

Acrescentar um comentaacuterio do artigo

Manuais relacionados com este artigo

Dentro de Curso praacutetico de Web Design

Seguinte O design equilibrado A escala

Anterior O design equilibrado Introduccedilatildeo

lt Iacutendice de Curso praacutetico de Web Design

Categorias relacionadas Atraveacutes das categorias do nosso diretoacuterio podem ser encontrados outros tipos de recursos relacionados com este artigo

+ Entrar em Design

+ Entrar em Guias de desenho

Page 3: O design equilibrado1

tamanho relativo dos elementos Os elementos maiores altos ou longos tecircm uma

carga visual superior aos menores curtos ou finos criando zonas de atraccedilatildeo mais

intensas

Tambeacutem podemos delimitar proporccedilotildees em um grafismo mediante a cor com a

qual podemos definir diferentes aacutereas de tons uacuteteis para distribuir de forma

adequada toda a informaccedilatildeo graacutefica Neste sentido as cores puras e saturadas tecircm

um maior peso visual que as secundaacuterias neutras e estas maior que as terciaacuterias

pouco saturadas

Outra teacutecnica para definir proporccedilotildees eacute o uso de agrupamentos de elementos e a

correta distribuiccedilatildeo destas no cenaacuterio o que nos vai permitir estruturar de uma

forma ou outra a composiccedilatildeo

Proporccedilatildeo por agrupamentos

Este sistema costuma dar bons resultados sempre que natildeo abusemos dele criando

um excessivo nuacutemero de blocos significativos jaacute que entatildeo se diminuiria

importacircncia uns a outros e se perderia a proporcionalidade buscada

Mais regras praacuteticas referentes agrave proporccedilatildeo satildeo

As formas regulares tecircm menor peso que as irregulares

As formas alongadas e angulares alongam o campo de visatildeo criando zonas

dominantes

Sejam quais forem os elementos usados em uma composiccedilatildeo deveremos sempre

buscar umas proporccedilotildees adequadas entre eles com o objetivo de que cada um

cumpra seu papel comunicativo de forma adequada

Autoria e outras referecircncias sobre este artigo

Dentro deste artigo + 1 manual relacionado + 2 Categorias relacionadas

Informe de Luciano Moreno URL httpwwwhtmlwebnet

Acrescentar um comentaacuterio do artigo

Manuais relacionados com este artigo

Dentro de Curso praacutetico de Web Design

Seguinte O design equilibrado A escala

Anterior O design equilibrado Introduccedilatildeo

lt Iacutendice de Curso praacutetico de Web Design

Categorias relacionadas Atraveacutes das categorias do nosso diretoacuterio podem ser encontrados outros tipos de recursos relacionados com este artigo

+ Entrar em Design

+ Entrar em Guias de desenho

Page 4: O design equilibrado1

As formas alongadas e angulares alongam o campo de visatildeo criando zonas

dominantes

Sejam quais forem os elementos usados em uma composiccedilatildeo deveremos sempre

buscar umas proporccedilotildees adequadas entre eles com o objetivo de que cada um

cumpra seu papel comunicativo de forma adequada

Autoria e outras referecircncias sobre este artigo

Dentro deste artigo + 1 manual relacionado + 2 Categorias relacionadas

Informe de Luciano Moreno URL httpwwwhtmlwebnet

Acrescentar um comentaacuterio do artigo

Manuais relacionados com este artigo

Dentro de Curso praacutetico de Web Design

Seguinte O design equilibrado A escala

Anterior O design equilibrado Introduccedilatildeo

lt Iacutendice de Curso praacutetico de Web Design

Categorias relacionadas Atraveacutes das categorias do nosso diretoacuterio podem ser encontrados outros tipos de recursos relacionados com este artigo

+ Entrar em Design

+ Entrar em Guias de desenho