FUNDAMENTOS DO

DESIGN
OS PRINCÍPIOS BÁSICOS DO DESIGN
william.design.011@gmail.com
OS PRINCÍPIOS BÁSICOS DO DESIGN

• O design é repleto de teorias agregadas e princípios.

Alguns livros chegam a relatar mais de cem!

• Mas tantos princípios assim desnorteiam os iniciantes,

que às vezes não sabem por onde começar e muito
menos quando aplicar cada um deles.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• Portanto, agora veremos os 4 princípios básicos do

Design:
 Proximidade;
 Alinhamento;
 Contraste e;
 Repetição.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
Neste princípio temos a base de que informações
similares devem estar próximas, ou seja, manter o título da
arte próximo das informações secundárias, novamente
voltando ao fato de que o leitor que irá interpretar a arte
não precise pensar muito, a mensagem deve ser passada
diretamente de modo claro.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
Reparem como no primeiro exemplo
as informações estão espalhadas pelo
cartão e assim não dá para organizar
todos os dados do cartão, deixando
tudo confuso!
Exemplo 1
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
Você não vai querer que o leitor fique se questionando se a
arte está correta, ou se as informações separadas são uma
forma de chamar a atenção ou alguma palavra-chave na arte.
Enfim, manteremos uma distância pequena entre elementos
que se tratem do mesmo assunto, o que vale para informações
não similares, estas não devem ficar próximas. Ninguém quer
que a arte fique sem nexo e confusa para o leitor.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
Agora vejam como no segundo
exemplo as informações formam uma
unidade visual tornando mais fácil de
entender o cartão de forma rápida.

Exemplo 2
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
Itens relacionados entre si devem ser agrupados e
aproximados uns dos outros, para que sejam vistos como
um conjunto coeso e não como um emaranhado de partes
sem ligação.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
Veja alguns exemplos:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
 Imagine essa lista de compras:  Assim fica complicado de nos localizarmos.
Salsicha Agora imagine essa mesma lista dessa forma:
Sabonete
Cebola Higiene pessoal Cachorro-quente
Shampoo Sabonete Cebola
Shampoo Tomate
Ketchup
Creme dental Salsicha
Creme dental Ketchup
Sabão em pó Limpeza Pimentão
Pimentão Sabão em pó
Água sanitária Água sanitária
Tomate
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
 Dicas:
 Evite muitos elementos separados em uma tela;
 Não coloque os itens somente nos cantos e no meio
da página;
 Não relacione elementos que não devam ser
agrupados, se eles não estiverem relacionados,
separe-os.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 1. PROXIMIDADE:
 Dicas:
 O Propósito básico da proximidade é o de organizar.
 Como resultado da organização da comunicação,
também se cria brancos (espaços vazios) mais
atrativos (mais organizados).
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 2. ALINHAMENTO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 2. ALINHAMENTO:
Segundo o princípio do alinhamento, nada deve
ser colocado arbitrariamente em uma página. Cada
item deve ter uma conexão visual com algo na
página.
O princípio do alinhamento obriga a pessoa a ser
mais consciente: já não se pode simplesmente jogar
as coisas nos lugares onde houver espaço.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 2. ALINHAMENTO:
Mesmo quando os elementos estiverem
fisicamente separados uns dos outros, se estiverem
alinhados, haverá uma linha invisível conectando-os.
O objetivo principal do alinhamento é criar uma
conexão entre os elementos do layout, comunicando
diretamente com o princípio da proximidade.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 2. ALINHAMENTO:
Veja alguns exemplos:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 2. ALINHAMENTO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 2. ALINHAMENTO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 2. ALINHAMENTO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 2. ALINHAMENTO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 3. REPETIÇÃO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 3. REPETIÇÃO:
Algum aspecto do design deve repetir-se no
material inteiro.

O elemento repetitivo pode ser uma fonte em bold

(negrito), um fio (linha) grosso, algum sinal de tópico,
um elemento do design, algum formato especifico,
relações especiais, etc.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 3. REPETIÇÃO:
Veja alguns exemplos:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 3. REPETIÇÃO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 3. REPETIÇÃO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 3. REPETIÇÃO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 3. REPETIÇÃO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 3. REPETIÇÃO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 3. REPETIÇÃO:
A repetição de elementos visuais no design unifica
e fortalece o material, agrupando partes que seriam
separadas, acrescentando interesse visual.
O recurso da repetição é muito útil em peças de
uma só tela e é essencial em documentos de muitas
telas (neste caso, a repetição é considerada como
consistência)
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 3. REPETIÇÃO:
Pense sobre a possibilidade de acrescentar
elementos apenas para criar uma repetição.

Em primeiro lugar, você deve encontrar as repetições

que já existem e reforça-las.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
Para que o contraste seja realmente eficaz, ele
deve ser forte. Não seja tímido.

Se dois itens não forem exatamente os mesmo,

diferencie-os completamente.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
Exemplo:
Uma fonte pequena contrastada com uma grande,
um fio fino com um grosso, cor fria com cor quente,
textura áspera com uma lisa, elemento horizontal
com um vertical, linhas espaçadas com linhas bem
próximas, uma figura pequena com uma grande.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
Veja alguns exemplos:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
Se você colocar dois elementos diferentes em uma
página (como duas fontes ou duas espessuras de fio),
eles não devem ser similares. Para que o contraste
cumpra totalmente suas funções, os dois elementos
devem ser muito diferentes.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• 4. CONTRASTE:
Dois propósitos:
Criar interesse sobre a tela; se ela tiver uma
aparência interessante, atrairá mais a leitura.
O outro é auxiliar na organização das informações.
OS PRINCÍPIOS BÁSICOS DO DESIGN

• RESUMO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• RESUMO:
OS PRINCÍPIOS BÁSICOS DO DESIGN

• RESUMO:
 PROXIMIDADE
OS PRINCÍPIOS BÁSICOS DO DESIGN

• RESUMO:
 ALINHAMENTO
OS PRINCÍPIOS BÁSICOS DO DESIGN

• RESUMO:
 REPETIÇÃO
OS PRINCÍPIOS BÁSICOS DO DESIGN

• RESUMO:
 CONTRASTE