TÉCNICAS

e RECURSOS
DE DESIGN!
20 recursos para você
libertar o seu design!
01- LINHAS
Linhas podem canalizar certas ideias.
As retas podem evocar ordem e clareza;
onduladas podem criar movimento; e as
- Ajudam a direcionar o olhar; linhas em ziguezague podem implicar
tensão ou entusiasmo.
- Criam ênfase;
Uma técnica muito aplicada no design
- Proporcionam a sensação de é o uso de linhas de orientação, que
fazem exatamente o que afirmam –
movimento.
orientam o olhar. Os atos de identificar
e enfatizar linhas de orientação em sua
obra permitem que você direcione o olhar
do observador por todo o design, ou para
certas partes dele.

Dica Extra: Ícones e elementos com

linhas deixam o design mais sofisticado e
moderno
02- ESCALA
- Chama atenção para certos
elementos;
- Cria ênfase/drama
- Gera sensações
- Ajuda na hierarquia de
informações
A escala é natural quando você pôe um
elefante do lado de uma formiga... é
natural que o elefante seja muito maior...
porém no design, a escala pode ser usada
de forma deliberada, sem se basear no
realismo. Você brincar com isso.
A escala também serve para você mostrar
para o leitor do seu projeto quais as partes
mais importantes, onde você quer gerar
impacto, qual informação você quer que o
leitor ache mais importante.
Além de poder ser usada como
composição de background, layout
e trnasfomar algo PADRÃO em algo
DIFERENTE!
03- COR
- Crie uma paleta de cores
marcante;
- Use “elementos coloridos”
para compor o design;
- Use as cores, e a ausência
delas pra criar um material
impactante;
- Cria Unidade e Identidade!
- Use contraste!!!!
Cor é primordial. Ela cria humores
específicos, climas e canaliza emoções
– e cada tonalidade possui conotações
específicas associadas a ela. Em suma,
a cor pode determinar o sucesso ou o
fracasso do seu design.
Em uma marca por exemplo, a cor pode
ser tão marcante, que vire símbolo da
marca... como o vermelho do netflix e da
coca-cola, o amarelo do Mac Donalds, o
verde do Starbucks...
DICA: ESTUDE MUITO PSICOLOGIA e
TEORIA DAS CORES. Entenda como elas
funcionam e agem no cérebro humano.
04- REPETIÇÃO
Pense em qualquer marca de grande
nome, Google, Apple, Nike; tenho certeza
de que você pode visualizar os logotipos
- Ajuda a vincular vários dessas empresas em sua mente, suas
elementos; paletas de cores e o tom de voz da marca.
Tudo isso por conta da repetição.
- Crucual para a consistência
visual. A repetição é um elemento crucial
quando se fala em design de branding,
tanto para manter a consistência da
- Use patterns!! marca quanto para conectar seus
produtos.
- Repita elementos, mescle com
a escala. A repetição é uma peça-chave do
branding, mas também pode criar lindos
designs avulsos. Por exemplo, a repetição
é um ingrediente fundamental quando se
trata de estampas e texturas.
05- SIMETRIA
- Cria uma sensação de calma
- O material ganha harmonia
- Use simetria em materiais
em que você precisa passar
seriedade ou sobriedade.
- Pode mostrar que você é um
designer organizado.
Os seres humanos são atraídos
por simetria, e isso foi comprovado
cientificamente. Geralmente, achamos
rostos, estampas e designs simétricos
mais atraentes, eficientes e belos.
A simetria é muito usada em logotipos,
a fim de criar um design harmonioso e
equilibrado. Alguns exemplos de marcas
famosas com logotipos simétricos são
Target, McDonald’s, Chanel, Starbucks etc.
Você também pode utilizar a simetria em
diagramação de textos, organização de
imagens e elementos...
06- ASSIMETRIA
- Pode ser o “pulo do gato” no
seu próximo projeto.
A arte de gerar o CAOS de maira
organizada. A proporção dos objetos e o
espaço entre eles devem ser distribuídos
de maneira que a estética seja
harmoniosa.

- Gera estranheza e impacto; A assimetria confere uma dinâmica no

layout e faz nossos olhos passearem pelo
layout ou pelo logotipo. Essa dinâmica é
- É extremamente poderoso nas
totalmente diferente da simetria
redes sociais.

- Use a assemetria para

distinguir o seu design, mas
NÃO USE SEMPRE OU EM TUDO,
use com sabedoria.
07-OPACIDADE
A opacidade, ou transparência, tem a ver
com a translucidez do elemento. Quanto
menor a opacidade, mais suave e menos
- Ajuda na interação dos perceptível é o elemento, e quanto maior
elementos. a opacidade, mais sólido é o elemento.

- Pode criar movimento Brincar com efeitos de transparência

permite a você enfatizar camadas e
formas de um jeito único e surpreendente.
- Brinque a opacidade dos
elementos Com os “blend modes” você pode criar
coisas inimagináveis mesclando camadas
- Use os “blend modes” ou no software. TESTE, TESTE e TESTE!
“modo de mesclagem”
Dica extra: Transparência é também uma
ótima técnica para criar movimento em
imagens estáticas.
08-TEXTURA
- Oferece um efeito táctil;
- Proporciona profundidade;
- Use com moderação e com um
objetivo na cabeça.
- Eu amo NOISE!
Designs limpos, bem definidos e lisos
podem ser incríveis. Porém, às vezes,
deixá-los um pouco mais rústicos, com
ajuda da textura, pode ser ainda melhor.
A textura proporciona tatilidade e
profundidade, bem como adiciona alguns
efeitos interessantes ao seu design.
Porém, assim como tudo na vida,
certifique-se de usar esta técnica com
moderação, pois muitas texturas podem
sobrecarregar o seu design. Lembre-se:
há uma linha tênue que separa o aspecto
rudimentar chique do rudimentar real.
Use o PODER DO NOISE (ruído) nos seus
designs quando.
09-BALANÇO
- Cada elemento tem um peso e
você precisa euilibrá-los dentro
do layout.
- Use escala e composição para
equilibrar.
- Pare, se distancie e olhe de fora
o material que você criou, veja
se ele não pende para um lado
ou soa desiquilibrado.
Balanço é algo muito importante na vida,
e igualmente importante no mundo do
design.
Uma maneira de dominar o tema é
imaginar que cada elemento tem um
peso. De caixas de texto a imagens e
blocos de cor, considere o tamanho, a
forma e o peso que cada um deles tem
em relação a outros elementos da página.
Uma boa técnica para avaliar o balanço
é imaginar o que aconteceria com seu
design se ele fosse impresso no ar, e você
colocasse ele de pé sobre a pesa... ele
ficaria estático ou penderia para um lado.
BALANÇO
10-
HIERARQUIA
- Instrui o leitor a navegar pelo
seu design;
- Sinaliza a importância dos
elementos;
- Use as técnicas já ditas pra
mostrar hierarquia, como:
escala, linhas, cores...
Hierarquia em design é muito semelhante
à hierarquia na cultura, pois ambos são
construídos com base em ideias similares.
No topo de uma escala hierárquica, temos
as coisas mais importantes, os reis. Esses
elementos devem ser “vestidos” de modo
mais extravagante e demandam mais
atenção.
Use e abuse da hierarquia na tipografia,
use o contraste entre os pesos das
fontes, cores e tamanhos para mostrar a
hierarquia do texto, títulos, informações
importantes... inclusive, tirar o destaque de
textos sem importância.
11-
CONTRASTE
- Claro vs. escuro, grosso vs.
fino, grande vs. pequeno...
- ajuda a criar ênfase.
- Dá vida ao Design
- O excesso ou a falta de
contraste, quando intencional,
pode mudar o rumo do seu
design.
O contraste é, muitas vezes, o ingrediente
mágico para fazer com que seus designs
se sobressaiam, que é uma demanda (por
vezes frustrante) de muitos clientes.
É considerado o princípio mais básico do
Design.
Algumas formas comuns de contraste são
escuro vs. claro, fino vs. grosso, grande vs.
pequeno etc.
O contraste também tem um grande
efeito sobre a legibilidade. Por isso, se
você estiver usando tipografia, certifique-
se de intensificar o contraste ou diminuir,
dependendo da sua intenção.
12-
ENQUADRA-
MENTO
- Pode-se destacar elementos;
- Pode ser pura estética ou
funcional;
- Você pode recortar imagens de
maneira inesperada e que deixe
seu design mais interessante.
Assim como se faz em fotografias e obras
de arte, enquadrar corretamente seus
designs é importante. Costumamos
pensar em enquadramento quando
se trata de fotografia – o que deve
ser incluído, excluído etc. Mas o
enquadramento é igualmente importante
no design.
Enquadramentos físicos, como molduras
para texto e elementos gráficos, podem
aprimorar ou destacar componentes
específicos do seu design.
Recortes nas imagens podem deixar o
design muito mais interessante.
13- GRIDS
- Use pra tornar os seu design
100% consciente;
- Te ajuda alinhar elementos;
- Um grid pode ser usado de
diferentes maneiras.
- Se perdeu na diagramação?
Use grid de colunas!
Imagine o grid como o alicerce de uma
casa – é o primeiro passo para a criação
de um produto funcional e bonito. Ele
indica ao construtor/designer onde
certos elementos devem ser colocados,
o que deve alinhar com o que, bem
como fornece um panorama geral para a
construção.
Grids são componentes importantes e
(geralmente) invisíveis de quase todos os
designs. Eles possuem um certo número
de linhas e colunas que ajudam no
alinhamento dos elementos. Grids podem
ajudar a manter seu conteúdo em ordem,
limpo, legível e com boa aparência.
14- DIREÇÃO
- Fornece ao observador um
“caminho” pra seguir;
- Direciona o olhar em forma de
“z”, “l” ou “y”.
Já ouviu falar em mapa de calor??
Um importante aspecto de muitos
designs é a direção que os olhos
percorrem – às vezes, chamada de fluxo.
Como seus olhos movem-se pela página?
Seus leitores sabem exatamente para
onde olhar em seguida? Essa direção
percorrida pelos olhos é lógica?
Estudos dissecaram a natureza exata dos
hábitos relacionados aos movimentos dos
nossos olhos, e os padrões criados por eles
ao observar coisas específicas. Dê uma
olhada neste estudo de rastreamento da
visão do Nielsen Norman Group:
Os estudos provaram que um padrão comum que os olhos
traçam é a forma “E” ou “F”. Ou seja, inserir seu conteúdo
principal no lado esquerdo superior da página (ou na região
superior) pode ser uma boa pedida.
Diagrama de Gutenberg Leitura Induzida
15- MOVIMENTO
- Dá vida ao Design;
- Experimente efeitos de
distorção, linhas em movimento
ou efeitos ondulação.
O movimento é uma parte importante do
design gráfico.
Anteriormente, discutimos direção e fluxo,
fatores que desempenham um papel
importante no movimento do design. Se
sua obra tiver uma boa fluidez de cima
para baixo, da esquerda para a direito,
do canto A para o canto B etc., ela vai se
“movimentar” suavemente.
Mas e nos casos em que você quer
proporcionar a um elemento um sentido
literal de movimento? Talvez você
tenha uma bola que queira mostrar em
movimento, ou um carro que queira
representar correndo na estrada. Há
muitas maneiras de mostrar movimento.
16-
Profundidade é um princípio importante
e empolgante no mundo do design.

PROFUNDIDADE
Mesmo no 2d, você é capaz de criar uma
sensação de profundidade e a ilusão de
que o seu design se expande.
- PROPORCIONA DIMENSÃO A Há muitas técnicas que você pode usar
DESIGNS 2D; para demonstrar profundidade em
seu design, vamos dar uma olhada em
- EXPERIMENTE TEXTURAS, algumas.
SOMBRAS, EFEITOS 3D, LINHA
DO HORIZONTE... Em primeiro lugar, temos o que é,
provavelmente, a técnica mais conhecida:
luz e sombra. Então, uma boa técnica para
explorar o uso das sombras é observá-las
no mundo real, ver como a luz atinge os
objetos em diferentes pontos, de modo a
tentar replicar.
17- TIPOGRAFIA
- Selecione uma paleta de fontes
que combine com o seu design,
com a proposta e o objetivo do
projeto;
- Use de maneira inteligente e
cuidadosa.
- NUNCA use muitas tipografias
em um projeto... No máximo
duas famílias...
Tipografia é, indiscutivelmente, uma das
bases mais importantes do design. A
tipologia revela muitas coisas; e a maneira
como você decide usá-la revela ainda
mais.
Vejamos um exemplo de exibição
tipográfica. Para aqueles que não estão
familiarizados com o termo, a exibição
tipográfica significa, basicamente,
um design tipográfico mais estiloso e
rebuscado. Por exemplo, um título de
cartaz de filme, uma manchete de revista
etc.
18- REGRAS
- Aprofunde-se no estudo de
regras, princípios de design,
regra dos terços, gestalt,
proporção áurea, estudos
de tipografia, psicologia das
cores...
- As regras de design são o
porto seguro de um designer...
quando a criatividade falha,
quando o projeto é muito
desafiador... você terá recursos
pra contornar.
Estudar REGRAS de design, muito além
do que a faculdade te ensina e muito
além do que este curso irá te ensinar... fará
de você um designer muito melhor.
É como um soldado... se ele vai pra
guerraa com uma pistola da cintura,
um revólver numa bota, uma faca na
outra, um fuzil nas costas e dentro de
um tanque de guerra.... a chance dele
sobreviver e de ganhar as suas batalhas
são muito maiores do que se ele for a
guerra descalço e só com um canivete.
Não, necessáriamente ele utilizará as
armas... mas se precisar, ele saberá o que
está fazendo.
19- AGORA
QUEBRE AS
REGRAS!
- Não tenha medo de quebrar
regras
- Assimetria e desirdem oidem
ser ferramentas eficazes.
- Quebre as regras com
intencionalidade, com um
propósito.
Até agora, estávamos pregando
alinhamento e ordem. Porém, o que
dizer dos designs mais orgânicos, brutos
e aleatórios? Aleatoriedade desempenha
um papel importante no design. Porém,
não qualquer aleatoriedade.
Use uma aleatoriedade consciente... crie o
caos no seu design, se nicho e o objetivo
assim permitirem. Mas crie um caos
com um propósito.... nem que seja o de
impactar as pessoas.
Regras foram feitas para serem quebradas
e inovadas.
20-
COMPOSIÇÃO
- Tudo o que falamos até aqui foi
sobre COMOPISIÇÃO!
- Use e abuse destas 19 técnicas
para criar os seus projetos.
- Mas lembre-se sempre: Use
com com um objetivo, um
propósito, em mente!
- BRINQUE!
A composição é um bom ponto para
encerrarmos este post, pois é a união de
todos os outros princípios que discutimos.
Composição é o arranjo de elementos
em seu design, o que parece um pouco
maçante quando explicado dessa
maneira, eu sei; mas na verdade, é um
dos elementos mais divertidos do design.
Através da composição, você pode brincar,
experimentar e fazer um bom design
parecer incrível.
Diirta-se componto, criando regras de
diagramação e destruindo-as... você vai
fazer da sua profissão de Designer algo
mais divertido e apaixonante.
 Use minhas Referências Visuais
https://www.pinterest.com/thiagorodri/referencias-visuais/