DESIGN PARA QUEM

NÃO É DESIGNER

Noções básicas de planejamento visual

Retirado do livro: Design para quem não

é designer. Willians, Robin. 7ª edição,
São Paulo : Callis. 1995.
 Princípios Básicos
Vejamos a seguir uma capa de um
Tudo o Que relatório comum (e sem criatividade):
centralizada, com espaços iguais para
Vai Volta preencher a página. Se você não soubesse
ler em português, pensaria que são seis
Lições para viajar de tópicos separados na página, pois cada
linha parece ser um elemento individual.
carona pelo país

Robin Willians

1º de Janeiro de 2001
A seguir aplicaremos os quatro princípios
básicos, acompanhando os resultados:
 Proximidade
Se os itens estiverem relacionados entre si, agrupe-os
em proximidade. Separe-os, se eles não estiverem
Tudo o Que diretamente ligados.
Vai Volta Varie o espaço entre os itens para indicar a
proximidade.
Lições para viajar
de carona pelo país

Aproximando o título do subtítulo, criamos uma

unidade bem-definida, no lugar de seis unidades
segmentadas. Ficou nítido que os dois tópicos
estão ligados entre si.
Distanciando o nome do autos e a data, fica claro
que estas informações não fazem parte do título.
Robin Willians
1º de Janeiro de 2001
 Proximidade
- CD-ROMs O maior problema desta CD ROMs
CD-ROMs lista é que tudo está CD ROMs
CDs para crianças próximo de tudo, CDs para crianças
CDs educacionais
CDs educacionais dificultando uma relação CDs de lazer
CDs de lazer ou organização. Discos laser
Discos laser
- Educacional Educacional
Aprendizado inicial Idiomais
Idiomas Ciências
Matemática
Ciências
Matemática Material do Professor
- Material do Professor Livros
Material do professor
Livros
Vídeos
Material do professor A mesma lista foi criada
Vídeos através de grupos visuais. Hardware & Acessórios
- Hardware e Acessórios Cabos
Acrescentando um Dispositivo de entrada
Cabos
contraste aos títulos e a Armazenamento
Dispositivo de entrada Memória
linha divisória dá-se mais Modems
Armazenamento
Memória
legibilidade, o que torna Impressoras e acessórios
Modems
mais fácil uma relação Vídeo e som

Impressoras e acessórios entre o título e seus

Vídeo e som tópicos.
 Alinhamento
Fique atento a cada elemento que você colocar na
Tudo o Que página. Alinhe cada objeto com uma parte lateral de
outro, para que a página inteira fique unificada.
Vai Volta
Lições para viajar de
carona pelo país

Mesmo que o nome do autor esteja distante do

título, existe uma conexão visual entre os dois
elementos, criada através do alinhamento.
O exemplo anterior também está alinhado: o
alinhamento é a centralização. Mas como você
pode ver, alinhando à esquerda ou à direita (como
Robin Willians este exemplo) você cria uma lateral mais
1º de Janeiro de 2001 marcante, mais fácil de seguir com os olhos.
 Repetição
Repetição é uma forma mais marcante de criar
consistência em um material. Avalie se é apropriado
Tudo o Que fazer com que um dos elementos fique mais
Vai Volta marcante e utilize-o como o elemento repetitivo.
Lições para viajar de
carona pelo país

A fonte diferenciada do título se repete no nome do

autor, fortalecendo a conexão entre ambos. Os
pequenos triângulos foram especialmente
acrescentados para criar uma repetição. Apesar de
cada um deles apontar para uma direção diferente, a
forma triangular é suficientemente específica para ser
reconhecida em todas as suas incidências na página.
Robin Willians
A repetição ajuda a unificar elementos separados
do design (da diagramação).
 Contraste
Você concorda com o fato de que o exemplo deste slide
atrai seus olhos muito mais do que o anterior?
Tudo o Que Neste caso, o responsável é o contraste do preto contra
Vai Volta o branco. Há várias maneiras de criar contrastes: linhas,
Lições fontes, cores, relações espaciais, direções, etc.
para
viajar
de
carona O trabalho com o contraste neste exemplo foi apenas o
pelo de acrescentar a caixa preta. Realce um pouco a letra
país colocando o subtítulo em itálico, contrastando-o com a
letra normal (sem italização) do título e do nome do
autor.

Robin Willians
 Tipologia
A combinação de fontes diferentes visa aperfeiçoar a comunicação,
porém, algumas vezes esta combinação pode confundi-la. Tome
cuidado ao utilizar vários tipos de fontes, crie sempre um contraste
para melhorar o entendimento. Há seis maneiras claras e diferentes
de contrastar a tipologia:

Um contraste de tamanho nem sempre significa que

você deva fazer com que o tipo fique grande; significa
Não seja

TÍMID
que deve haver um contraste. Por exemplo: quando
você vê uma pequena linha isolada em uma página
grande de jornal, fica com vontade de lê-la, certo?
Grande parte do que o convida a fazê-lo é o contraste Exponha suas idéias!

O
do tipo muito pequeno colocado em uma página
grande.
 O peso de uma fonte refere-se à espessura dos traços. A maioria das famílias é
desenhada com vários pesos: regular, bold (negrito), light, etc. O contraste dos
pesos é uma das melhores maneiras de aumentar a estética visual de uma
página sem redesenhar algo, mas você nunca poderá alcançar o contraste belo e
forte se não tiver uma fonte com traços grandes e fortes.

Outro Newsletter Outro Newsletter

Título nonononononono Título nonononononono

nonononononono
nonononononono
nononononononon nonononononono nononononononon nonononononono
ononononononono nonononononono ononononononono nonononononono
nononononononon nOnononononon nononononononon nOnononononon
ononononononono ononononononon ononononononono ononononononon
nononononOnonon ononononononon nononononOnonon ononononononon
ononononononono ononononononon
Arial
ononononononono ononononononon
nononononononon onononono.. nononononononon onononono..
ononononononono ononononononono
nononononono.. Subtítulo nononononono.. Subtítulo
Outro Título nonononononono Título nonononononono

Arial Medium
nonononononono nonononononono
nononononononon nononononomno nononononononon nononononomno
ononononononono nonononononono ononononononono nonononononono
nononononononon nonononononono nononononononon nonononononono
ononononononono nonOnonononon ononononononono nonOnonononon
nononononononon ononononononon

Arial Black (bold)

nononononononon ononononononon
ononononOnonono ononononononon ononononOnonono ononononononon
nononononononon ononononononon nononononononon ononononononon
ononononononono ononononono.. ononononononono ononononono..
nononononononon nononononononon
ononononono.. ononononono..
Estrutura
Serifas Não há serifas

Serifado Contraste grosso-fino

Sem Serifa
Não há contraste grosso-fino nos traços

Existem ainda as categorias: Moderno, Manuscrito, Decorativo, Estilo Antigo.

A estrutura refere-se à maneira através de qual uma letra é construída e, como podemos
ver através deste exemplo, a estrutura de cada categoria é bastante distinta.

Dica importante: nunca coloque duas

Ode Ode Ode
fontes de mesma categoria na mesma
Ode Ode Ode página. Não há como disfarçar suas
similaridades. Além disso, existem tantas
Ode Ode Ode
opções! Por que dificultar as coisas?
 Forma
A forma de uma letra refere-se ao seu formato. Os caracteres podem ter a mesma estrutura, mas suas “formas”
podem ser diferentes. Por exemplo, a letra “G” (em caixa-alta) tem a mesma estrutura da letra “g” (em caixa-
baixa) da mesma família. Entretanto, suas verdadeiras formas – ou formatos – são muito diferentes. Este é um
tipo de contraste muito prático, e aumenta a legibilidade e ênfase de uma palavra ou frase.

As formas de cada
Usar caixa-alta algumas vezes (não exagere!) faz surgir um
uma destas letras G g
maiúsculas são
CONTRASTE completamente
diferente das
A a
minúsculas. Portanto, B b
caixa-alta versus
girafa tartaruga caixa-baixa é outra H h
maneira de
contrastar os tipos. E e
GIRAFA TARTARUGA
 r e ç ão
D i
Girar, inclinar, inverter, etc, as vezes podem ser uma boa maneira de enfatizar e
contrastar uma parte de seu texto.

O tipo
A! inclinado
CI M Título longo nas duas colunas Ás vezes um

RA para cima Nononononono Nonononononono redirecionamento

PA cria uma nonononononono

nonononononono
nonononononono
nonononononono
marcante do tipo
cria um impacto
energia nonononononono nonononononono

newsletter
nonononononono nonononononono dramático ou um
positiva. nonononononono
nonononononono
nonononono.
formato único, o
Nonononono
nonononononono nonononononono que justifica
nonononononono
nonono.
nonononononono plenamente seu
nonononononono
Subtítulo nonononononono uso.
nonononononono
nononononon nonononono..
ononononononon
onononoonnonon
onononononono.
Segundo Título interessante