Design para quem no designer

noes bsicas de planejamento visual

e resumo do livro homnimo de Robin Willians
material elaborado para o projeto

O que o design?
Design (se fala dizaini) a idealizao, criao, desenvolvimento,
configurao, concepo, elaborao e especificao de artefatos,
normalmente produzidos industrialmente ou por meio de sistema de
produo seriada que demanda padronizao dos componentes e desenho
normalizado.
Essa uma atividade estratgica, tcnica e criativa, normalmente
orientada por uma inteno ou objetivo, ou para a soluo de um
problema.
O termo deriva, originalmente do latim designare, sendo mais tarde
adaptado para o ingls design.

fonte: pt.wikipedia.org

Categorias de aplicao do design

Uma importante preocupao do design unir a forma e a funo de objetos,
e o modo como ele se relaciona com o usurio. Da, temos hoje uma gama
enorme subdividindo e especializando o design. Veja algumas reas:
Design estratgico, Design de comunicao, Design de som, Design visual,
Design grfico, Tipografia, Design editorial, Design institucional, Design
digital, Design de hipermdia, Web design, Design de jogos, Design de produto,
Design automobilstico, Design de embalagem, Design de mobilirio, Design de
moda, Design de joias, Design de estampa, Design de ambientes, Design de
interiores, Design de iluminao, Design de sinalizao, design de mveis,
Design de interao, Design de interfaces, Design de servios, Hair designer,
Cake designer e o Body Designer.

fonte: pt.wikipedia.org

no contexto gambiolgico...
Graas combinao entre design e obsolescncia programada, temos
atualmente linhas infindveis de produtos que realizam a mesma funo com
poucas diferenas entre seus pares, gerando um acmulo impressionante de
matrias-primas em locais de descarte.
"Um dos maiores problemas da atualidade so os resduos slidos e o lixo
o nico recurso em crescimento no planeta" (Boufleur, 2006)
Dentro deste contexto de CRISE, temos com premissa de Gambilogos, nos
tornarmos DESIGNERS DE RECICLAGEM.

Princpio da ica
H muitos anos recebi um livro de identificao de rvores como presente de Natal.
Estava na casa de meus pais e depois que todos os presentes haviam sido abertos
decidi sair e identificar as rvores da vizinhana. Antes de sair, li uma parte do livro.
A primeira rvore do livro era a ica, pois, para identific-la, s era necessrio duas
pistas. Ora, a ica tem realmente uma aparncia muito estranha. Olhei para a foto e
pensei: Mas este tipo de rvore no existe no norte da Califrnia. Ela diferente. Eu
saberia se j tivesse visto uma rvore assim e nunca vi uma antes. Peguei meu livro e
sa. Meus pais viviam em um condomnio fechado de seis casas. Dessas seis, quatro
tinham icas em seus jardins. Vivi naquela casa durante 13 anos e nunca havia visto
aquelas rvores. Caminhei pelo quarteiro e imaginei que na poca em que os
proprietrios estavam fazendo os jardins de suas casas, deve ter havido alguma
liquidao: pelo menos 80% das casas tinham icas. E eu nunca havia visto uma
antes! Quando me conscientizei da existncia da rvore, quando pude classific-la,
passei a v-la em todos os lugares. Esse o X da questo; onde eu queria chegar: o
fato de podermos dar nome a algo significa que estamos conscientes deste algo
Robin Willians

Os prncipios bsicos do design

Segundo Robin Willians, podemos potencializar nossos projetos visualmente,
seguindo alguns princpios bsicos:

Proximidade
Alinhamento
Repetio
Contraste

fonte: Willians, Robin, Design para quem no designer

Proximidade
Quando vrios itens estiverem prximos, eles formaro uma unidade visual,
e no vrias unidades individuais. Os tens que tm relao entre si, devem
ser agrupados.
Fique atento para onde seus olhos se dirigem. Qual o caminho que eles
percorrem? Onde termina a leitura? Aps a leitura, para onde seus olhos
vo?
O propsito bsico da proximidade organizar. Os outros prncipios que
estudaremos tambm tm suas funes, mas agrupar elementos cria
automaticamente uma organizao.
Informaes organizadas tornam uma obra mais fcil de ser lida. E como
resultado, cria-se espaos brancos, ou reas de silncio, deixando o
material criado muito mais atraente.

Proximidade

Proximidade

Proximidade

Proximidade

Proximidade

Algumas dicas:
Pisque os olhos e conte o nmero de elementos visuais na pgina, a partir de
onde seus olhos param: se houver mais de 3 a 5 tens, revise o projeto para
ver se mais algum elemento pode ser agrupado por proximidade, melhorando
a unidade visual.
Evite muitos elementos separados numa pgina.
No relacione elementos que no devem ser agrupados. Se eles no tiverem
relaco entre si, separe-os.

Alinhamento
Alinhamento o processo onde criamos relao entre as informaes a partir
de sua posio no espao de trabalho.
Segundo o princpio do alinhamento, nada deve ser colocado arbitrariamente
em uma pgina. Cada item deve ter uma conexo visual com algum outro item
existente na pgina. Deste modo, o princpio do alinhamento, nos obriga a ter
conscincia de todo nosso espao, pois simplesmente no no permite apenas
jogar as informaes nos locais onde ainda h espao.
Quando alinhamos informaes, cria-se uma unidade mais forte no conjunto.
Mesmo que estejam distantes uns dos outros, o alinhamento acaba como que
criando uma linha invisvel entre os elementos, conectando-os, tanto em
relao aos olhos, como na mente do leitor.
Mesmo posicionando elementos separadamente utilizando o princpio da
proximidade, o princpio do alinhamento que avisar ao leitor que, mesmo
no estando prximos, alguns itens fazem parte de um mesmo material.

Alinhamento

Alinhamento

Alinhamento

para demonstrao,
este texto foi
diagramado
com alinhamento
esquerda

para demonstrao,
este texto foi
diagramado
com alinhamento
centralizado

para demonstrao,
este texto foi
diagramado
com alinhamento
direita

para demonstrao, este texto foi diagramado com

alinhamento justificado, que um modo de alinhar textos
mais longos, encaixando o alinhamento a partir das
laterais esquerda e direita.

Alinhamento

Alinhamento

Alinhamento
Algumas dicas:
A falta de alinhamento a maior causa de materiais com aparncia antiesttica. Nossos olhos gostam de ver tudo em ordem, para criar uma situaco
de calma e segurana.
Faa um teste em revistas, jornais e outros materiais de comunicao: pegue
uma rgua e descubra as linhas que conectam as informaces a paartir de
alinhamentos.
Desalinhamentos sutis passam a sensao de uma material feito por pessoas
que no conhecem design, contribuindo para que a informao fique
visualmente desorganizada.
Encontre uma linha guia, e utilize-a, mesmo que a origem seja uma foto ou
um bloco de texto. Busque sempre o alinhamento entre laterais ou centros.
Existe uma regra para o descumprimento de regras: para quebrar a regra
preciso conhec-la a fundo :)

Repetio
O prncipio de repetio diz que algum elemento do design deve se repetir em
todo material. O elemento pode ser uma fonte em Negrito, um fio (linha),
algum sinal de tpico, figura, ou uma relao espacial. Qualquer elemento que
o leitor da obra possa reconhecer visualmente.
Quando voc cria ttulos com o mesmo tamanho de letra (tipo) por exemplo,
isso um exemplo de repetio. O que se deve fazer como iniciante ir alm,
transformando o elemento de repetio imperceptvel em um elemento
chave que unifique visualmente seu material.
Usar a repetio, tornar o seu material consistente: ao olhar para um
jornalzinho de oito ou mais pginas, justamente a repetio de alguns
elementos (sua consistncia) que faz cada pgina do jornal pertencer quele
jornal. Se na pgina 7 no tiver o elemento de repetio da pgina 6, todo o
jornal perder sua consistncia.
A repetio uma arma poderosa para a criao grfica, pois demonstra um
esforo consciente do designer, em unificar todo campo visual.

Repetio

Repetio

Repetio

Repetio

Repetio

Repetio
Algumas dicas:
O propsito bsico da repetio unificar e acrescentar interesse visual.
Nunca subestime o interesse visual de uma obra: se ela for interessante, sua
leitura ser muito mais agradvel.
Considere a repetio como seu elemento de consistncia: transforme estes
elementos em parte integrante do seu design.
Pense sempre na possibilidade de acrescentar elementos apenas para criar
repetio. Elementos grficos, tipo invertidos ou com estilos diferentes,
rotaes e tranformaes do material existente so exemplos de
possibilidades. Abuse destes elementos para aperfeioar seu design, mas
cuidado para no perder a clareza das informaes.
Cuidado para no tornar sua repetio muito enfadonha ou excessiva. Esteja
sempre consciente do valor do contraste (estudaremos no prximo item)
dentro do seu campo visual.

Constraste
Contraste uma das maneiras mais eficazes de acrescentar algum atrativo
visual a uma pgina, criando uma hierarquia organizacional entre
diferentes elementos. A regra importante do contraste que para o
contraste ser realmente eficaz, ele deve ser forte. Ento no seja tmido!
O contraste aparece quando dois elementos so diferentes. Se eles no so
to diferentes, o contraste no acontecer e sim teremos um conflito. Se dois
itens no forem exatamente o mesmo, diferencie-os completamente.
Podemos atingir o contraste de vrias maneiras: uma letra grande pode ser
contrastada com uma pequena; uma fonte com estilo antigo com uma fonte
negrito sem serifa; um fio fino com um fio grosso; uma cor quente com outra
cor quente; uma textura spera com uma outra lisa, e assim por diante.
No seja tmido, e ouse! Contraste de preto com marrom escuro no
funciona, assim como um fio de meio ponto com um fio de um ponto no
funcionar.

Constraste

Constraste

Constraste

Constraste

Constraste

Constraste

Constraste
Algumas dicas:
O contraste em uma pgina faz com que seus olhos se virem para ela.
Colocando dois elementos diferentes em uma pgina, eles nunca devem ser
similares. Para o contraste cumprir sua funo, os dois elementos devem ser
muito diferentes.
Utilizar este princpio, igual a fazer um retoque na pintura de uma parede:
ou voce encontra a cor exata, ou ter de pintar toda a parede novamente.
Este princpio tem duas funes bsicas: o primeiro aumentar o interesse
do observador para com a obra. O segundo auxiliar na organizao das
idias.
Se voc for trabalhar com contraste, no seja tmido: execute esta ao com
fora. Evite fazer contrastes com elementos ou cores muito prximas, ou ele
nunca funcionar.

referncia bibliogrfica

WILLIANS, Robin. Design para quem no designer.

Callis Editora, 1.995.