Design para Confeiteiras

Licensed to Hany Regina De Almeida Brosque - hany.
bros
DESIGN PARA
CONFEITARIA
DAY FLAUBERT
icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00
VOL. 1
Licensed to Hany Regina De Almeida Brosque - hany.bros
ÍNDICE
CAPÍTULO
01

introdução e princípios
básicos do design
CAPÍTULO
02
linha, forma, textura,
equilíbrio
CAPÍTULO
03
Espaço negativo, tamanhos,
cores
ÍNDICE
CAPÍTULO
04

a regra dos terços
CAPÍTULO
05
CORES
CAPÍTULO
06
'pode e não pode' das cores
ÍNDICE
CAPÍTULO
07

TIPOGRAFIA
CAPÍTULO
08
Layout e composição
CAPÍTULO
09
desenvolvendo sua marca
CAPÍTULO
01
introdução e princípios

básicos do design
01
Introdução
O QUE É O DESIGN GRÁFICO?

COMO PODEMOS APLICA-LO À

CONFEITARIA?
O design é uma área muito ampla. Pode ser visto da

perspectiva do design gráfico, do design industrial,
design de interiores etc. Mas o que há de comum
entre esses elementos? Todos tratam de assuntos
estéticos, que podem ou não ser alinhados ao
conforto ou a outras funcionalidades.
Design gráfico é uma parte do design visual em que o

Designer (aquele que atua fazendo designs) pensa em
soluções estéticas e funcionais através da
comunicação dada geralmente pelo sentido visual em
diversas peças. Por exemplo: banners de lojas ou
grandes empresas e corporações como a Coca Cola
ou até mesmo a padaria da esquina da sua casa --
todas têm em comum o design presente em suas
logos, em seus panfletos etc.
Os projetos de design geralmente utilizam a

comunicação gráfica através do uso de imagens,
textos, pinturas e ilustrações que são distribuídos de
forma pensada para certas finalidades, com objetivos
variados. E para isso são aplicados os conceitos do

design gráfico.
O QUE FAZ UM DESIGNER?

O designer atua em projetos gráficos; é a pessoa que
trabalha fazendo designs gráficos, que podem ser
restritos ao âmbito digital ou podem se expandir para
impressões em papel, outdoors de rua etc. O design
é muito mais amplo do que imaginamos. O design
precisa estar alinhado com as ideias, com a essência
da empresa ou da marca que precisa desses designs.
É preciso saber criar uma identidade visual harmoniosa
para o cliente que represente exatamente os valores e
ideias que o cliente quer para sua marca.
OK, MAS COMO VOU APLICAR

ISSO À CONFEITARIA?

Bom, a primeira coisa que temos que saber é: este é
um pequeno livro sobre os princípios básicos do
design que vai ajudar VOCÊ -- confeiteira -- a ter mais
noção destes assuntos. Ou seja, se você aplicar o que
vai aprender aqui é provável que a sua marca comece
a ter mais lastro, mais identidade. Mas lembre-se: é
sempre mais recomendado a contratação de um
designer para a elaboração de suas logos, com
coesão entre todos os elementos. De qualquer forma,
este e-book tem o intuito de ajudar você a começar. E
conhecimento nunca é demais, certo?
02
linha, forma, textura,
equilíbrio

linha
forma
textura
Estes elementos sozinhos não parecem fazer muito,

mas juntos eles geralmente fazem parte de tudo
aquilo que vemos. Por exemplo: o que são letras?
Letras são linhas retas ou curvas presentes em algum
design. Vejamos este cartão. Você consegue ver os

elementos descritos acima presentes nele?
linhas fontes
textura formas
linhas
As linhas geralmente são traços que podem ser retos,
curvos, triangulares, finas, gordinhas etc. Elas estão
presentes em ilustrações, texturas, letras etc. Existem

diversas funcionalidades para as linhas, mas são muito
vistas para guiar a atenção do leitor. Veja exemplos
abaixo.
Esta ilustração foi feita com

linhas.
apesar de serem 'apenas' linhas,

sabemos que se trata de uma
pêra e de um morango, certo?
Agora vejamos este cartão de boas vindas. É um

cartão simples, mas vejamos a adição de uma linha
nele. Já incrementa o design.

Bem vindo
Fazenda Nossa Terra
Alameda 8
Bem vindo
Fazenda Nossa Terra
Alameda 8
Quando colocamos uma linha ou linhas no design,

devemos prestar atenção à grossura da linha, à cor, à
textura etc. Uma linha fará diferença total na
percepção da pessoa que olha para aquele design.
Veja a seguir. Note que a linha vermelha e grossa
induz à proibição.

Não estacione
sujeito a guinchamento
Não estacione
sujeito a guinchamento
formas
Uma forma é qualquer elemento bidimensional ou
tridimensional que tenha uma limitação visível ao
nossos olhos.

As formas podem ser geométricas ou orgânicas.
geométricas
orgânicas
As formas são importantes porque elas são o

fundamento de inúmeras coisas.

Veja agora uma forma tridimensional. Repare que esta
forma é a junção de várias outras, e em certos
elementos, as cores e a disposição das formas, com
sombras etc forma o que chamamos de objeto
tridimensional.
LUZ, SOMBRA E PERSPECTIVA criam ilusões e nos

fazem entender que aquela ilustração representa um
objeto tridimensional, pois entendemos que há ali
profundidade. Veja a imagem a seguir. Note a cor do
cabelo e as sombras e luz no cabelo. Note que o
nariz dela também está mais claro que o resto da
cabeça. Tudo isso junto cria a ilusão de profundidade

e nos dá a noção de objeto 3D.
As sombras, por exemplo, são elementos importantes

que podem adicionar muito a um design simples.
Quando colocamos sombras em objetos e letras, elas
parecem 'sair do lugar', dando uma noção de espaço
a estes objetos. Veja a seguir.
Confeitaria

Note que temos a mesma letra e a mesma cor, mas
adicionamos uma sombra como recurso. Não quer
dizer que a fonte com sombra seja melhor. Quer
dizer apenas que é diferente. Muitas vezes os
designers optam pela simplicidade, dependendo
do que desejam passar visualmente. Então não
devemos olhar para o design com olhos de 'assim
ou assado é melhor ou pior'. Isso vai depender do
que se almeja para certo design. Agora note que
eu sublinhei a palavra SOMBRA logo ali em cima.
Eu quis enfatizar a palavra sombra. Viu? Qual
recurso eu utilizei? Eu fiz uma linha e engrossei a
fonte. Tudo isso também pode ser colocado como
recursos do design.
Texturas
A textura é a qualidade física de uma superfície.
Podemos ter texturas lisas, texturas corrugadas,

No design, a textura adiciona profundidade e
tatilidade às coisas. Os objetos podem parecer
macios, duros, lisos etc fazendo o uso do recurso das
texturas. Veja a seguir estas fontes e estes ícones. Eles
fazem uso da textura em suas características:
confeitaria da
dinda
Note esses símbolos do Facebook. O que há de icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00
diferente neles? O primeiro é bidimensional, não tem
sombras, a forma é mais geométrica e não há
destaques. No segundo, foram acrescentados
elementos de design para que a forma ficassem similar
a um objeto em 3D. Veja as sombras e as luzes, veja
as formas. Consegue perceber? Mas lembre-se: tudo
com parcimônia. Colocar texturas demais nos seus
designs pode transformar um design que era pra ser
interessante em algo visualmente poluído.
03
espaço negativo,
00
2 tamanhos e cores
No design, chamamos de 'negative space' ou espaço

negativo todo o espaço que damos entre os
elementos de um design, para que o design não fique
visualmente poluído. Note a seguir exemplos de
designs que não respeitam o espaço negativo e veja
como isso 'polui' o design, deixando-o confuso.
Esse panfleto foi feito

para algum evento de
uma boate norte
americana. Note que
não há coesão nos
elementos, não há
uma identidade visual
clara. As fontes são
muitas e variadas, as
cores são muitas e
desconexas. Há
muitas coisas escritas,
não há espaço nas
laterais. É pura
bagunça. Visualmente
não é agradável.
No exemplo acima temos um panfleto ou flyer de uma

loja que vende eletrodomésticos. Note a poluição
visual. Excesso de fontes que não conversam entre si,
muitas cores sem critérios, muitas imagens sem espaço
negativo, muita informação. Não chama atenção do
cliente, não tem um ponto focal ou algo que prenda a
atenção.
No design, cores, formas e espaço negativo exercem

papel fundamental na nossa percepção. Designs que
respeitam esses limites e são mais limpos geralmente
chamam mais atenção daqueles que o visualizam. Veja
o panfleto abaixo feito para uma festa na piscina. Note
o espaço negativo comparado aos designs anteriores.
Note também que usaram poucas fontes, menos texto.

Além disso, também temos as cores complementares
amarelo e azul. Ainda veremos mais sobre cores neste
livro. Isso aqui é exemplo de um design funcional. Um
bom design.
04
regra dos terços
A REGRA DOS TERÇOS É

SIMPLES, MAS NÃO É REGRA.
A regra dos terços não é exatamente uma regra.

Quebra-la de forma harmoniosa faz parte do bom
design e pode ser usado também como recurso. A
regra dos terços nos diz que objetos de design
colocados estrategicamente nos terços de um canva
irão atrair os olhos de quem visualiza o design.
Note como na página anterior o alho está colocado

num destes pontos do canva.

Este é um recurso usado largamente na fotografia
também. Se você já leu minha apostila de fotografia
deve saber disso. Note onde está o homem de rosa.
Agora vamos para a parte prática. Vamos criar

a logo de uma confeiteira hipotética de forma
visualmente poluída, não coesiva e depois de
forma clean, com espaço negativo, fontes
coesas e formas ordenadas.
Dinda

fazemos bolos, doces, brownies,
cookies, bolos no pote, pé de moleque,
bem casados, biscoitos decorados,
bolos para casamento, bolos para
aniversário, cupcakes e muito mais!!
telefone 25 4555 5588
Primeiro: note que a Dinda -- nossa confeiteira de

mentirinha -- faz de tudo. Nem ela sabe o que faz ao
certo. Isso já passa uma ideia de desorganização.
Segundo: na nosso logo, as cores não favorecem o
design, há muitos elementos, há muita letra, não há
espaço negativo suficiente e o excesso de informação e
elementos passa uma ideia de bagunça. Note também
que a fonte é muito infantilizada, cheia de curvas e
grossa, não passa uma ideia muito profissional.
Agora vamos fazer uma logo de forma mais

profissional.

DINDA
bolos ● doces diversos ● eventos
contato 25 8855 88 00
O que você notou de diferente? Primeiro: as cores são

pastéis, são mais suaves e remetem mais ao lúdico da
confeitaria. Segundo: continuamos com ideia da fonte
usada em DINDA: mais gordinha e mais infantil, mas agora
um pouco mais moderna e limpa. Note que há espaço
negativo entre as letras da fonte. Terceiro: resumimos
tudo o que ela fazia em uma pequena descrição com 3
elementos. E por fim, em vez de diversos bolos e doces,
usamos apenas um doce para chamar atenção do cliente.
Um cupcake. Agora veremos mais sobre cores e fontes
no design e como aplicar isso à confeitaria.
05
Cores
UM APANHADO GERAL SOBRE

CORES E TEORIA DAS CORES.
As cores estão presentes em todos os cantos. Pra

onde quer que nossos olhos olhem, lá estão elas. As
cores podem servir como destaque num design,
chamando atenção para um elemento específico:
Também podem evocar um certo humor ou emoção:

Podem até comunicar algo importante sem o uso das
palavras:
Como podemos saber quais cores vão bem juntas e

quais não combinam? Calma. Sempre podemos soltar
a nossa criatividade, mas precisamos lembrar que
algumas cores são complementares e opostas na
TEORIA DAS CORES e isso -- felizmente ou
infelizmente -- influencia bastante na mensagem que
queremos passar. Veremos isso agora.

Artistas e designers de todo o mundo sempre usaram a
teoria das cores a seu favor. Mas qualquer um pode
entender um pouco mais para saber como criar uma
paleta de cores para sua própria marca. Vamos ver
como fazemos isso?
O básico
Provavelmente você já ouviu falar que temos as cores
primárias e as cores secundárias. As cores primárias
são azul, amarelo e vermelho. Ou seja, não são

originárias de nenhuma outra cor. Mas elas podem dar
origem a outras cores e outros tons etc. Vejamos:
Vermelho e amarelo fazem LARANJA.
Amarelo e azul formam o VERDE.
Vermelho e azul formam o ROXO.

Se misturarmos essas cores, obteremos ainda mais

cores, como o verde amarelado ou o laranja
avermelhado. As misturas dessas cores vão formando
a roda de cores.

Agora, vamos um pouco mais além, com matiz,

saturação e valor.
matiz

A matiz é a cor predominante na roda de cores. É
basicamente uma outra palavra para 'cor'. Por
exemplo, pegue qualquer cor na roda de cores e
diga o nome dela: rosa, azul, vermelho, amarelo,
verde etc. Vamos pegar aqui o vermelho como
exemplo. A seguir, temos uma bola vermelha:
saturação

A saturação tem a ver com intensidade da cor, se ela
vai estar mais sútil ou mais vibrante.
Valor
Valor tem a ver com quanto a cor é mais clara ou
escura. Passando pelos brancos até o preto.
Como você pode ver, isso nos dá muitas opções de

cores. Desde um vermelho quase rosinha claro (se
mais perto dos brancos) até um marrom avermelhado
(se mais próximo dos pretos).
Então como juntar isso para fazer cores que pareçam icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00
mais profissionais ou que entrem em harmonia com um
design que eu deseja criar?
Bom, para isso temos a harmonia das cores,

facilitando a nossa vida. Vamos usar a harmonia das
cores tendo por base a roda de cores. Veja na página
a seguir.
Harmonia das cores

A fórmula mais fácil de harmonização das cores é a
MONOCROMÁTICA. Pegue uma cor (matiz) na roda
de cores e agora use as variações de saturação e valor

para criar outros tons. Vejamos. Vamos pegar uma
matiz na roda. Vou escolher o verde.
monocromática
Depois de pegar o verde, arrastei a saturação para

mais sútil, indo para os tons mais brancos. E tive esse
resultado. É fácil criar um design harmonioso com
estas cores. Veja um exemplo a seguir.
Maria Cakes
Análoga
A fórmula ANÁLOGA é a que usa as cores próximas
umas das outras na roda de cores. Por exemplo:
vermelhos e laranjas.

Ou cores mais frias, como azuis e verdes.
magentas, rosas, roxos com saturações e valores

diversos...
Complementares
A fórmula COMPLEMENTAR é a que usa cores opostas
na roda de cores. Por exemplo: azul e laranja.

Ou uma muito clássica: verde e vermelho. Lembra o
Natal, certo?
Para que o seu design não fique muito óbvio, talvez

seja legal brincar com os VALORES E A SATURAÇÃO
das matizes. Lembra desses termos? Então vamos
pegar as matizes vermelha e verde, que são
complementares. Mas em vez de usarmos o vermelho
e verde abertos e óbvios, vamos usar uma saturação
mais sútil e o valor de alguns mais próximos dos

brancos ou dos pretos.
mexendo na SATURAÇÃO E NO VALOR destas duas

cores vamos obter outros tons complementares.
Vejamos:
Agora vamos fazer um panfleto usando as cores acima

e também o branco. O branco é uma cor excelente
para ser usada quando o fundo dos designs é escuro.

PADARIA DA DINDA DESEJA UM
feliz
natal
e boas festas!
Meio complementares
Nesta categoria usamos duas cores complementares

adjacentes a correspondente complementar,
formando um triângulo isósceles Alcançamos assim
bons contrastes e mais cores para trabalhar, com mais
tons.
Vejamos: Aqui temos o verde em contraste com o

laranja e os rosas (magentas). Dentro dessas matizes
podemos adicionar ou diminuir saturação e a valores.
Veja a seguir:
Vamos pegar a matiz verde e fazer um VALOR escuro, icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00
formando um verde escuro. Depois usarei dois tons de
magenta, uma mais claro e outro mais escuro. Em
seguida pegarei um tom mais clarinho do laranja. Veja
a paleta que obtemos:
Harmonia triádica
Na combinação triádica de cores formaremos um
triângulo equilátero na roda de cores, ou seja, serão
equidistantes.

Veja que temos nesse caso o verde, laranja e roxo. É
preciso cuidado com essa harmonia, pois apesar de
ser muito funcional ao design, se feita com cores muito
vibrantes pode passar uma ideia lúdica ou alucinante
em excesso. Quer ver um exemplo? O personagem
coringa do filme Batman faz uso dessas cores.
Harmonia Retangular
No caso da harmonia retangular vamos ter um

retângulo indicando as DUAS cores complementares.
Essa harmonia é difícil de trabalhar e jogar cores assim

pode fazer com que o seu design pareça
desordenado. Para trabalhar com essa harmonia
prefira sempre utilizar uma das cores como a
dominante e o resto apenas como detalhes menores.
Para trabalhar com essa harmonia, tente deixar uma

delas predominante.
06
'pode e não pode' das
cores
NÃO SÃO REGRAS ABSOLUTAS,

MAS ESTÃO AÍ PARA AJUDAR.
Existem regras clássicas no design que ajudam E

MUITO quem está pensando em fazer algum design
para a própria marca. Designers usam essas regras o
tempo todo. Não são regras que não podem ser
quebradas, mas se você quebra, pode ser que seu
design fique com a aparência um pouco pobre
'esteticamente falando'.
Por exemplo, você já reparou que juntar algumas

cores faz com que elas pareçam estar 'vibrando' uma
perto da outra? Veja este exemplo abaixo. Juntamos
vermelho e azul, cores bem vibrantes. Parece até que
arde o olho, né?
PADARIA
TEM SOLUÇÃO?
Sim. Isso não quer dizer que você nunca poderá usar
vermelho e azul em seus designs. A marca PEPSI faz
isso, mas ela usa também o branco para dar contraste
e não usa o vermelho e o azul de forma direta uma
dentro da outra. Note a forma branca na logo, no

meio do vermelho e do azul.
Outra solução é mexer na saturação e nos valores das

cores até obter cores que fiquem mais harmoniosas.
Vamos refazer o design mexendo na saturação e nos
valores. Pronto, agora temos contraste.
PADARIA
legibilidade das cores
As suas cores devem ser legíveis, devem levar ao

engajamento e serem fáceis aos olhos. Se seus designs
possuem muitos elementos e cores muito gritantes,

pense em reformula-los. Você viu a diferença que faz
uma simples mudança na saturação e nos valores de
algumas cores.
Às vezes isso significa NÃO usar cores. Para darmos

descansos visuais aos designs, utilizamos o recurso dos
brancos, cinzas e pretos. Essa cores nos ajudam a dar
um ar profissional aos designs. Não há necessidade de
usar cores em todas os detalhes. Às vezes o mais
simples é o melhor caminho. Veja os exemplos
abaixo.
FESTA DE INAUGURAÇÃO
Marta
bolos
FESTA DE INAUGURAÇÃO
Marta venha comer os melhores bolos
bolos
venha comer os melhores bolos
Mensagem das cores

Toda cor envia uma mensagem. É necessário que você
pense no TOM e na essência do seu projeto, da sua
marca. Por exemplo: verde não é uma matiz muito
usada na confeitaria. E quando é usada geralmente é

com MENOS SATURAÇÃO, com valores mais pastéis.
Qual dos exemplos abaixo lembra mais uma marca de
confeitaria? A primeira com um verde vibrante ou a
segunda com um verde bebê mais claro? O verde,
como qualquer outra cor, pode ser usado na
confeitaria, mas é necessário se lembrar que a
confeitaria é geralmente um ambiente que remete a
doces, então precisa ser mais sútil. Usamos verdes
vibrantes para outros ramos como produtos naturais,
veganos; lojas e marcas de plantas, chás etc. Também
costumamos usar verde para projetos e
empreendimentos imobiliários etc.
Cores vibrantes e abertas tendem a passar ideia de

modernidade ou diversão, mas é necessário usar de
forma harmoniosa. Veja esta ilustração abaixo. É feita
para crianças e é bastante comum cores vibrantes
sendo usadas em livros infantis.

Cores com menos saturação passam a ideia de
sutileza, elegância. Se forem cinzas e brancos têm
grande apelo para o mundo dos negócios.
Mas lembre-se: tudo isso depende do contexto. É

perfeitamente possível criar a logo de uma marca de
confeitaria usando cinzas e uma cor mais chamativa
vibrante, como o rosa. Veja abaixo:

07
Tipografia
TIPOGRAFIA É O ESTILO OU

APARÊNCIA DE UM TEXTO,
SENDO OBTIDA ATRAVÉS DAS
FONTES USADAS.
A tipografia está em todo canto. Nas placas de rua,

nos textos que lemos na internet, nos livros, nos
panfletos etc. Pra onde quer que olhemos veremos
tipografias.
TIPOS MAIS COMUNS DE

FONTES
SERIF
'A serifa consiste em um pequeno traço, barra ou

prolongamento que está presente no fim das hastes
das letras. Por exemplo, algumas fontes com serifa
conhecidas são Times New Roman, Georgia e Courier
New. A origem da serifa está na antiga Itália, no talhar
das letras em pedra'.
Veja exemplos de fontes SERIF
Padaria da Dinda
Padaria da Dinda
Padaria da Dinda
'Por causa da sua aparência

mais clássica, as fontes SERIFA
ou SERIF são ótimas para
marcas ou projetos com uma

cara mais tradicional, com um
ar elegante, mais sério,
sofisticado.
'Essas fontes também são muito comuns em textos de

publicações de revistas, jornais, livros etc.
SANS SERIF
'As fontes sem serifa (do francês sans serif) são as

fontes que não possuem esse prolongamento no final
das hastes. São mais 'retas'.

Esse estilo de fonte é considerado mais clean e
moderno. É um tipo de fonte que também é mais
legível em telas de computador. Essas fontes passam
um ar mais contemporâneo. Marcas que que querem
passar uma ideia mais jovial recorrem geralmente a
fontes Sans Serif. Veja exemplos:
Padaria da Dinda
Padaria da Dinda
Padaria da Dinda
FONTES DISPLAY OU DECORATIVAS
'Essas fontes podem ser divididas em subcategorias.

Por causa de sua essência decorativa, elas não são
muito adequadas para o uso em textos longos. São

mais adequadas para títulos e pequenos trechos
textuais.
Essas fontes podem ser subdivididas em script,

blackletter e all caps. Veja exemplos de fontes nesses
estilos:
Adam Script
ALL CAPS
Black Letter
MENSAGEM QUE AS FONTES PASSAM
As fontes podem passar diversas mensagens. Podem

ser casuais, podem passar um ar exótico; podem ser
neutras ou extremamente gráficas. Por isso é
importante pensar na sua marca e na MENSAGEM que

você quer passar. Por exemplo, vamos usar no
primeiro cartão abaixo, feito para um engenheiro, uma
fonte muito usada na data de Halloween. Você acha
que passa a mensagem de seriedade que um
engenheiro precisa para ser contratado? Veja a
comparação entre os dois e diga qual passa mais
seriedade para um cartão de negócios.
Túlio
engenharia
Túlio
Engenharia
CAIRAM NO DESUSO
Algumas fontes devem ser evitadas. Essas fontes não

são ruins, mas já foram usadas tantas vezes e possuem
um apelo gráfico tão característico que os designers

não as recomendam mais. São elas:
Comic Sans
Jokerman
Curlz
Brush Script
Hobo
Papyrus
Kristen ITC
QUANTIDADE DE FONTES POR PROJETO
As recomendações geralmente são de 2 a no máximo

3 fontes por projeto ou marca. Isso significa que
quando você criar sua marca deve usar no máximo até

3 fontes para tudo. Tenha uma fonte principal para
textos mais longos, outra para títulos e no máximo
mais uma para algum detalhe. Alguns designers
recomendam até que você use a mesma fonte, apenas
alterando o tamanho dela ou se ela estará em itálico
ou bold.
moda infantil
Algodão
doce
Para a alegria dos pequenos e dos grandes!
CRIANDO ELEMENTOS
TEXTUAIS INTERESSANTES
Você pode criar elementos interessantes trabalhando

com fontes complementares. Por exemplo: pode
escrever um título em SERIF e um texto em SANS

SERIF. Veja um exemplo:
Padaria da Dinda
Nós agradecemos o seu contato. A
Padaria da Dinda está no mercado há
23 anos atendendo a todos com
carinho e dedicação.
Você também pode misturar fontes ALTAS com fontes

BAIXAS.
padaria

da Dinda
Também pode misturar fontes decorativas com fontes

simples.
Pa d a r i a
da Dinda
HIERARQUIA
A hierarquia é muito usada nos projetos dentro da

tipografia para levar o olho do leitor ao que é mais
importante ser visto primeiro no design. Acabamos de

fazer isso com o título acima. Note que o título é mais
e mais destacado que o texto. Isso dá uma noção de
hierarquia.
ESPAÇAMENTO DE
LINHAS
O leading, ou simplesmente espaçamento de linhas é

exatamente o que o nome sugere: o espaço entre as
linhas de um texto. Geralmente as fontes já vem com
os próprios espaçamentos, pensados para acomodar
de forma apropriada cada fonte. Veja que neste texto
aqui eu aumentei o espaçamento. Espaçamentos muito
curtos deixam o texto poluído e espaçamentos longos
demais deixam o texto muito vago. Veja exemplos
abaixo feitos com este mesmo texto.



ESPAÇAMENTO DE
CARACTERES - TRACKING
O tracking ou espaçamento entre as letras é o espaço

contido entre cada letra contida na fonte. Ele pode

ser muito amplo ou muito curto. Veja exemplos abaixo
com este mesmo texto que você está lendo.
O t r a c k i n g o u e s p a ç a m e n t o
e n t r e a s l e t r a s é o e s p a ç o
c o n t i d o e n t r e c a d a l e t r a
c o n t i d a n a f o n t e . E l e p o d e
s e r m u i t o a m p l o o u m u i t o
c u r t o . V e j a e x e m p l o s
a b a i x o c o m e s t e m e s m o
t e x t o q u e v o c ê e s t á l e n d o .
O tracking ou espaçamento entre as letras é o espaço contido

entre cada letra contida na fonte. Ele pode ser muito amplo ou
muito curto. Veja exemplos abaixo com este mesmo texto que
você está lendo.
No entanto, um pouco a mais ou a menos de

espaçamento serve para criar identidade visuais mais
artísticas. Veja no exemplo abaixo o espaçamento
entre as letras nas palavras 'da Dinda'.

Pa d a r i a
da Dinda
KERNING
Kerning é o nome usado para definir o espaçamento
entre letras específicas, geralmente que já vem com
as fontes. Há alguns espaçamentos de algumas fontes

que parecem 'errados'. Sendo assim, às vezes é
melhor escolher outra fonte que ficar tentando
consertar os espaçamentos que pareçam
inadequados.
Note que na imagem acima temos a impressão de que

está escrito MEGAFUCKS. No entanto, a loja utilizou
uma fonte com um mau kerning. Na verdade está
escrito M E G A F L I C K S. Viu? Confusões como essa
podem ocorrer com fontes que tenham um mau
kerning.
08
Layout e composição
VAMOS AGORA ENTENDER UM

POUCO SOBRE LAYOUT E

COMPOSIÇÃO NO DESIGN
GRÁFICO.
Layout e composição são, de certo modo, os

fundamentos do design. São eles que dão estrutura ao
seu projeto. Desde as margens de um design até ao
conteúdo que está presente. Vamos ver um pouco
mais sobre?
EXISTEM 5 PRINCÍPIOS
BÁSICOS NO DESIGN
PROXIMIDADE

ESPAÇO BRANCO OU NEGATIVO
ALINHAMENTO
CONSTRATE
REPETIÇÃO
Proximidade
Proximidade tem a ver com usar o espaço visual para
mostrar as relações ou os grupos de elementos
presentes no design. Por exemplo, se eu colocasse
esse texto lá no final da página e deixasse o título
super separado do texto teríamos um design no

mínimo estranho. Vamos ver um exemplo num cartão
de negócios. O primeiro não respeita proximidades
entre os elementos. Os grupos ficam perdidos. No
segundo colocamos os elementos em proximidade,
formando grupos familiares. Note como o segundo
design parece mais coeso que o primeiro. E não
alteramos nada, somente a localização dos
elementos.
Bolos da Bia
confeiteira profissional
contato 9855 5566
www.biaconfeiteira.com.br
Bolos da Bia

contato 9855 5566
Espaço branco
Espaço branco ou negativo é apenas o espaço que

damos ao design para que ele possa respirar e ficar
mais leve. Juntar muitos elementos num só local pode
deixar o design sem espaço para respirar. Veja como
ficaria o mesmo cartão, mas com o conteúdo
exagerado, sem espaços. Fica muito poluído.
Bolos da Bia
fazemos bolos, tortas, doces, atendemos
eventos, casamentos, aniversários, bodas.
Fabricamos biscoitos personalizados e

atendemos em casa.
contato 9855 5566
Alinhamento
O alinhamento se refere ao posicionamento alinhado
dos elementos ou grupos de elementos de um design.
Geralmente quando escrevemos um e-mail ou abrimos
o word e outros programas já temos alinhamentos
automáticos ou marcações de alinhamento. Vamos ner
na próxima página alguns exemplos.
Veja exemplos de um mau alinhamento e em seguida

de um alinhamento melhor.
Bolos da Bia

contato 9855 5566
Bolos da Bia
contato 9855 5566

outra questão importante é saber manter as MARGENS

de um design. Não coloque elementos para além da
margem estipulada de um design. Todo projeto deve
ter uma margem, mesmo que essa não seja visível. É
importante respeitar essa margem para que o design

não fique estranho. Veja como ficaria estranho o
design deste cartão sem respeitar as margens.
Bolos da Bia
contato 9855 5566
Contraste
Contraste significa simplesmente que um elemento é
diferente do outro. E isso geralmente é feito para
chamar a atenção do leitor ou de quem visualiza um

design. O contraste pode ser feito aumentando letras,
deixando-as mais grossas; mexendo em cores que
constrastam entre si; adicionando elementos ao design
etc. Veja a seguir alguns exemplos de design com
pouco contraste e alguns com maior contraste.
PERIGO
veneno
PERIGO
VENENO

Repetição e coesão
Todo projeto deve ter CONSISTÊNCIA. E essa
consistência vem da repetição e dos elementos sendo
coesos boa parte do tempo. Imagine se a Coca Cola

decidisse mudar sua logo a cada mês? Ninguém
identificaria as cores nem a logo, por consequência
não identificaríamos a marca.
Se você usar uma paleta de cores, tente manter a

paleta para todos os designs, letras e tudo o mais que
você fizer. Fazendo isso os seus designs começam a
ficar mais constantes e sua marca começa a ganhar
mais lastro, mais corpo.
Se você escolhe um tipo de fonte, uma paleta de

cores diferente cada vez que você cria um conteúdo,
então seus designs não terão consistência. Pense
nisso.
09
desenvolvendo sua
marca na confeitaria

VAMOS PENSAR UM POUCO
SOBRE SUA MARCA?
O desenvolvimento de uma marca está para muito

além de simples questões de design. O design é
apenas um dos elementos que expressará como sua
marca se posiciona. Primeiro você tem que saber
exatamente quem você é, o que você vende e qual a
cara da sua marca, o que ela deseja passar às pessoas.
E tudo isso envolve identidade visual, marketing,
posicionamento de marca, encontrar o público alvo,
definir seu nicho etc.
Para você definir isso, deve antes estudar um pouco

de marketing no meu curso e ir ainda mais além. Hoje
em dia não basta saber como fazer um bolo ou um
doce bonito. Você precisa de posicionamento. Como
você se vê no mercado? Você quer ser 'só' a Ana que
vende doces ou você quer ter uma marca forte, a
ANA DOCES?

A maneira como VOCÊ se vê irá impactar nessa
trajetória. Aqui vamos falar um pouco sobre sua
marca, mas focando no design e nos aspectos visuais.
Quando você estiver com sua apostila de marketing,
ao final dela você também terá uma ajuda com uma
pesquisa para você saber como se posicionar no
mercado e como divulgar seu produto. É com o
marketing + o design que vamos conseguir
estabelecer alguma forma para a sua marca. Então
faça junto comigo. Responda essas questões:
QUAIS AS CORES MAIS

COMBINAM COM SUA MARCA?
Faça uma lista de 5 cores que combinam com sua

marca utilizando os recursos vistos acima. Lembre-se
que cores mais escuras e com valores mais escuros
lembram sofisticação e seriedade e cores mais claras,

tons pastéis etc nos remetem a doces, ao lúdico, ao
suave etc. Você pode misturar estes elementos, mas
tente fazer de forma harmoniosa. Note que cores
vibrantes em excesso não são adequadas para a
confeitaria.
O QUE VOCÊ QUER PASSAR

COM SUA MARCA?
Anote aqui 3 palavras chaves que você quer passar

com sua marca. Exemplo:
sofisticação, elegância, produtos mais caros.
lúdico, suave, docilidade.
serenidade, elegância, ambiente clean,

transparência.
AGORA PENSE: AS CORES QUE VOCÊ ESCOLHEU COMBINAM

COM O QUE VOCÊ QUER PASSAR? CRIE ALGUNS DESIGNS
NO SITE CANVA. TESTE SUAS CAPACIDADES.
AGORA COMECE A TRABALHAR

TESTANDO FONTES. VÁ AO
CAPÍTULO DE FONTES E VEJA
QUAIS FONTES COMBINAM
MAIS COM A ESSÊNCIA DE SUA
MARCA.

DEPOIS DE DEFINIR ISSO,
TENTE CRIAR ALGUNS DESIGNS
E VEJA SE AGORA SEUS
DESIGNS PARECEM MELHORES.
AGORA TRABALHE
CONJUNTAMENTE COM AS
ESTRATÉGIAS DE MARKETING
CONTIDAS NA APOSTILA E NO
AULÃO DE MARKETING.
SE QUISER, FAÇA SEU DESIGN E

O ENVIE PELO WHATSAPP PARA
O NÚMERO 34 99342 4243. A
NOSSA EQUIPE PODE ANALISAR
E TE DAR UM FEEDBACK.
AQUI NÓS CRIAMOS UM

PANFLETO DE MENTIRINHA
DIVULGANDO A LOGO DE UMA
CONFEITEIRA. ABRA O SITE
CANVA E TENTE REPRODUZI-LO
COM A SUA CARA.

ANA
CAKES

Design para Confeiteiras

Enviado por

Dados do documento

Descrição original:

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Design para Confeiteiras

Enviado por

Direitos autorais:

Formatos disponíveis

Licensed to Hany Regina De Almeida Brosque - hany.

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

O QUE É O DESIGN GRÁFICO?

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

O design é uma área muito ampla. Pode ser visto da

Design gráfico é uma parte do design visual em que o

Os projetos de design geralmente utilizam a

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

O QUE FAZ UM DESIGNER?

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

OK, MAS COMO VOU APLICAR

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

Estes elementos sozinhos não parecem fazer muito,

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

Esta ilustração foi feita com

apesar de serem 'apenas' linhas,

Agora vejamos este cartão de boas vindas. É um

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

Quando colocamos uma linha ou linhas no design,

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

As formas são importantes porque elas são o

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

LUZ, SOMBRA E PERSPECTIVA criam ilusões e nos

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

As sombras, por exemplo, são elementos importantes

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

No design, chamamos de 'negative space' ou espaço

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

Esse panfleto foi feito

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

No exemplo acima temos um panfleto ou flyer de uma

No design, cores, formas e espaço negativo exercem

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

A REGRA DOS TERÇOS É

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

A regra dos terços não é exatamente uma regra.

Note como na página anterior o alho está colocado

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

Agora vamos para a parte prática. Vamos criar

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

Primeiro: note que a Dinda -- nossa confeiteira de

Agora vamos fazer uma logo de forma mais

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

O que você notou de diferente? Primeiro: as cores são

UM APANHADO GERAL SOBRE

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

As cores estão presentes em todos os cantos. Pra

Também podem evocar um certo humor ou emoção:

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

Como podemos saber quais cores vão bem juntas e

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

icensed to dayane dias mota - dayaneflaubert@gmail.com - 036.448.991-00

Vermelho e amarelo fazem LARANJA.

Amarelo e azul formam o VERDE.