design - bases

7/28/2019 Design - Bases

1/47

DESIGN PARA QUEMNO DESIGNER

Noes bsicas de planejamento visual

Retirado do livro: Design para quem no designer. Willians, Robin. 7 edio,

So Paulo : Callis. 1995.


2/47

!2


3/47

Princpios Bsicos

Tudo o Que

Vai VoltaLies para viajar de

carona pelo pas

Robin Willians

1 de Janeiro de 2001 A seguir aplicaremos os quatroprincpios bsicos, acompanhando osresultados:


4/47

Proximidade

Tudo o QueVai Volta

Lies para viajar de carona pelo pas

Robin Willians1 de Janeiro de 2001

Se os itens estiverem relacionados entre si,agrupe-os em proximidade. Separe-os, seeles no estiverem diretamente ligados.Varie o espao entre os itens para indicar aproximidade.

Aproximando o ttulo do subttulo,criamos uma unidade bem-denida, nolugar de seis unidades segmentadas.

Ficou ntido que os dois tpicos estoligados entre si.Distanciando o nome do autos e a data,ca claro que estas informaes nofazem parte do ttulo.


5/47


6/47


7/47


8/47


9/47


10/47


11/47


12/47


13/47


14/47


15/47


16/47

Proximidade

Tudo o QueVai Volta

Lies para viajar de carona pelo pas


O objetivo da proximidade organizar.

Se a informao est organizada, maior sua

chance de ser lida e memorizada.

Uso de espaos em branco auxilia a criar umdesign mais atrativo.

Estreite os olhos. Conte o nmero deelementos visuais na pgina e o nmero devezes em que seu olho se detm em algo.Veja se h informaes que devam seraproximadas.


17/47

Alinhamento

Tudo o QueVai Volta

Lies para viajar decarona pelo pas


Fique atento a cada elemento que voccolocar na pgina. Alinhe cada objeto comuma parte lateral de outro, para que apgina inteira que unicada.

Mesmo que o nome do autor estejadistante do ttulo, existe uma conexovisual entre os dois elementos, criadaatravs do alinhamento.O exemplo anterior tambm estalinhado: o alinhamento acentralizao. Mas como voc pode ver,alinhando esquerda ou direita (comoeste exemplo) voc cria uma lateral maismarcante, mais fcil de seguir com os

olhos.


18/47


19/47


20/47


21/47


22/47


23/47


24/47

Este texto estalinhado esquerda.


25/47

Este textoest

centralizado.


26/47

Este textoest alinhado

direita.


27/47

Este texto estjusticado. No useao menos que asl i n h a s t e n h a mc u m p r i m e n t os u c i en t e p a r a

e v i t a r e s p a o sdesiguais entre aspalavras.


28/47


29/47


30/47


31/47


32/47


33/47


34/47

Alinhamento

Tudo o QueVai Volta

Lies para viajar de

carona pelo pas


Nada deve ser colocado na pginaarbitrariamente.

Cada elemento deve ter uma conexovisual com outro elemento na pgina.

Unidade um conceito importante emdesign.

O objetivo bsico do alinhamento unicare organizar.

Evite usar mais de um alinhamento napgina.


35/47

Repetio

Tudo o QueVai VoltaLies para viajar decarona pelo pas

Robin Willians

Repetio uma forma mais marcante decriar consistncia em um material. Avalie se apropriado fazer com que um doselementos que mais marcante e utilize-ocomo o elemento repetitivo.

A repetio ajuda a unicar elementosseparados do design (da diagramao).


36/47


37/47


38/47


39/47


40/47

Repetio

Tudo o QueVai VoltaLies para viajar decarona pelo pas

Robin Willians

O objetivo da repetio de elementosvisuais no design unicar e fortalecer umapea.

essencial no design editorial, pois o qued consistncia ao trabalho.

Ateno: evite o excesso de repetio.

A repetio ajuda a unicar elementosseparados do design (da diagramao).


41/47

Contraste

Robin Willians

Voc concorda com o fato de que o exemplodeste slide atrai seus olhos muito mais do queanterior?Neste caso, o responsvel o contraste dopreto contra o branco. H vrias maneiras decriar contrastes: linhas, fontes, cores, relaesespaciais, direes, etc.

O trabalho com o contraste neste exemplo foiapenas o de acrescentar a caixa preta.Realce um pouco a letra colocando o subttuloem itlico, contrastando-o com a letra normal(sem italizao) do ttulo e do nome do autor.

Tudo o QueVai Volta

Lies para

viajar de

carona pelo pas


42/47


43/47


44/47


45/47

Contraste

Robin Willians

Nossos olhos so atrados pelo contraste.Se colocamos dois elementos numa pgina queso diferentes, eles no devem parecer iguais.Objetivos do contraste: criar interessem em

uma pgina e organizar a informao.

Tudo o QueVai Volta

Lies para

viajar de

carona pelo pas


46/47

Trabalho em dupla Escolha uma revista qualquer e aponte todos os elementos de

alinhamento, proximidade, repetio e contraste em seu projetoeditorial. Avalie as escolhas em tipograa.

Valor: 2,0 pontos Partes do trabalho: Introduo (histria da revista, pblico-alvo,

linha editorial, editorias); Estudo (descrio do design daspartes da revista: o que h em cada pgina?)

Os trabalhos sero apresentados (10 min) em sala nos dias 18 e25 de setembro.

Ps: cada dupla deve fazer sobre uma revista diferente.


47/47

Grupos1) Veja

2) Bravo

3) Caras

4) poca

5) Isto

6) Exame

7) Voc SA8) Ana Maria

9) Boa Forma

10) Vida Simples

11) Capricho

12) Gloss

13) Mundo Estranho

14) Nova

15) Quadro Rodas

16) Placar17) Super Interessante

18) National Geographic

design - bases

Documents