SlideShare una empresa de Scribd logo
1 de 80
Descargar para leer sin conexión
Desenhando letras
para logos, lettering
& fontes.
Objetivos do Workshop
Aprender ou relembrar alguns fundamentos
de desenho de tipo.
Melhorar a análise de fontes/lettering e
suas proporções.
Aprender melhores práticas e dicas
salvadoras na hora de desenhar letras.
Tem esperança! Minha primeira tentativa de type 😂
Conteúdo
1	 Aquecimento
2	 Fundamentos
3	 Planejamento
4	 Desenhando letras digitais
5	 Recursos
1	 Aquecimento
2	 Fundamentos
3	 Planejamento
4	 Desenhando letras digitais
5	 Recursos
Monograma (15-20 minutos).
2 ou 3 iniciais do seu nome
a lapis ou qualquer outro
instrumento de escrita que
combine com você.
Aquecimento
1
1	 Aquecimento
2	 Fundamentos
3	 Planejamento
4	 Desenhando letras digitais
5	 Recursos
Fundamentos
2
Formas com a mesma altura absoluta…
Fundamentos
2
…precisam ser ajustadas para parecerem ter
a mesma altura.
HOAHOAHOA
Fundamentos
2
O mesmo acontece com as letras.
Fundamentos
2
Centro geométrico a vs. centro visual b.
A B
A B
Hastes horizontais parecem maiores
que verticais. Qual das 2 parece melhor?
A B
B está compensada visualmente.
A B
Qual dos “io” está melhor balanceado
Aumente a espessura das curvas para
ficarem visualmente iguais às retas.
A minúsculo – construção geométrica
e construção visual.
Todos os detalhes e ajustes que melhoram
a legibilidade da letra.
Fundamentos
2
Letras mais pesadas parecem menores.
Para compensar, aumente a altura de x.
finesse
finesse
Fundamentos
2
Quanto mais pesada a letra, menores ficam
os olhos, por isso…
finesse
Fundamentos
2
… o espaçamento também deve ser mais
justo. Sempre uma questão de equilíbrio.
finesse
Fundamentos
2
Forma?
Fundamentos
2
A contra-forma é tão importante quanto a
forma. Vale para logos, lettering e fontes.
Fundamentos
2
Curva geométrica vs. ótica
Fundamentos
2
Sem medo do Beziér!
1	 Aquecimento
2	 Fundamentos
3	 Planejamento
4	 Desenhando letras digitais
5	 Recursos
Decisões iniciais
Aplicação Final/Limitações
Personalidade/Estilo
Planejamento familiar: pesos, estilos.
Proporções
Legibilidade
Planejamento
3
Aplicação final
Wayfinding Sans: Ralf HerrmannBell Centennial: Mathew Carter
Verdana: Mathew Carter Akceler Alt: Andrej Dieneš
Planejamento
3
Personalidade + Planejamento
Primot
Guanabara Sans ‘13
Fonte única, display. Lettering
Super família, múltiplos pesos e estilos
Planejamento
3
H VH V
Contraste e estilo
Planejamento
3
Ax Ax Ax
Altura de x
Guanabara Sans | Mrs. Eaves | Maple Black
Planejamento
3
AxPeles sernatur ad
endis endae omnisti
onemquatur?
Atiatiis quodit, si sum re
nus evel et quo temporeri
dolessinvel molut
exeraTur aut minus ulpa
alitat.
Voluptae senis ut
laborem perumquibus.
AxPeles sernatur ad endis
endae omnisti onemquatur?
Atiatiis quodit, si sum re
nus evel et quo temporeri
dolessinvel molut exeraTur
aut minus ulpa alitat.
Voluptae senis ut laborem
perumquibus. 
AxPeles sernatur ad
endis endae omnisti
onemquatur?
Atiatiis quodit, si
sum re nus evel et quo
temporeri dolessinvel
molut exeraTur aut
minus ulpa alitat.
Voluptae senis ut
laborem perumquibus.
Altura de x vai afetar quantas palavras
cabem por linha. Fontes condensadas e/ou
expandidas tb.
Guanabara Sans | Mrs. Eaves | Maple Black | 30/36pt
Planejamento
3
A proporção da fonte acima não é
equilibrada como a da Myriad. Estude
as fontes clássicas para treinar o olho.
Hamburgefons
Hamburgefons
Myriad: Robert Slimbach/Carol Twombly
Planejamento
3
Calligraphic origin
Garamond
Didot
Scala Sans
Helvetica
ea
ea ea
ea
Planejamento
2
Niels Shoe Meulman Tony DiSpigna
Planejamento
3
Cool letterings, different calligraphic origins.
milliliter milliliter
milliliter milliliter
Guanabara Sans
Helvetica
Planejamento
2
Legibilidade (ou não) Erik Spiekermann
Lindo.
Mas por onde começar?
1	 Aquecimento
2	 Fundamentos
3	 Planejamento
4	 Desenhando letras digitais
Dicas
Método: Módulos
Método: Scan
Método: Esqueleto
Método: Direto
Mestres
5	 Recursos
Rabiscar e tomar decisões cedo.
Desenhandoletrasdigitais
2
Desenhandoletrasdigitais
4
Desenhandoletrasdigitais
4
Hamburgefons
Adhesiontext
Primeira palavra
Vão dar a personalidade e característica
dos glifos restantes da fonte.
Desenhandoletrasdigitais
4
Pontos nos extremos
Desenhandoletrasdigitais
4
Desenhandoletrasdigitais
4
Pontos nos extremos
HO no
Comece por uma letra reta e uma curva
Muitas letras são planejadas a partir desse grupo básico.
4
Desenhandoletrasdigitais
HOHOHO
hohoho
Começar o espacejamento
Para decidir o espaçejamento entre as letras, comece pelas
duplas HO maiúscula e minúscula. Assim você já tem muitos
espaçamentos resolvidos (lados circulares e retos).
4
Desenhandoletrasdigitais
HDFEL
OQCD
MN WYX ZS
Grupos de letra (construção)
4
Desenhandoletrasdigitais
oec pdbq
fjg nmu il
kzs vwyz
Grupos de letra (construção)
4
Desenhandoletrasdigitais
ABC0123
Numerais são geralmente um pouco mais
baixos que a altura da maiúscula.
4
Desenhandoletrasdigitais
Minion Pro
01234567890
01234567890
01234567890
Numerais
4
Desenhandoletrasdigitais
Ctrl C |Ctrl V?
nn»nu
4
Desenhandoletrasdigitais
Quase isso…
nn»nu
Desenhandoletrasdigitais
4
A maravilha da interpolação (Interpolêichon)
AAALight BlackBook
Desenhandoletrasdigitais
4
Qual altura da haste é melhor?
Desenhandoletrasdigitais
4
MÓDULOS
Desenhandoletrasdigitais
4
Desenhandoletrasdigitais
4
Módulos
Wim Crouwel
SCAN
Desenhandoletrasdigitais
4
Desenhandoletrasdigitais
4
Scan
Desenhandoletrasdigitais
4
Vetorizando
Desenhandoletrasdigitais
4
Refinando a vetorização
Clube de roupas infantis
babycub
Desenhandoletrasdigitais
4
Resultado Final
ESQUELETO
Desenhandoletrasdigitais
4
Width tool (Illustrator – Shift + W)
Desenhandoletrasdigitais
4
Width Tool
Desenhandoletrasdigitais
4
Width Tool
Desenhandoletrasdigitais
4
Width Tool
Desenhandoletrasdigitais
4
Esqueleto – início de um S no illustrator.
Muitos refinamentos necessários depois
desse primeiro passo, mas é um começo!
DIRETO…
BOA SORTE 😈
MESTRES
Desenhandoletrasdigitais
4
Hoefler & Frere Jones
House Industries
Adrian Frutiger
Doyald Young
Herb Lubalin
Alex Trochut
Louise Fili
1	 Aquecimento
2	 Fundamentos
3	 Planejamento
4	 Desenhando letras digitais
5	 Recursos
Recursos
5
Para aprender mais
Briem.net: http://briem.net
Hoefler & Frere-Jones: http://www.typography.com/
Letritas: http://letritas.blogspot.com
Type Drawers: http://typedrawers.com
Typophile: http://typophile.com
Typotheque: https://www.typotheque.com/articles
Unos Tipos Duros: http://www.unostiposduros.com/
Type Workshop (Underware): http://www.typeworkshop.com/
Recursos
5
Livros
Logo, Font & Lettering Bible. http://goo.gl/4djGZt
The stroke, Theory of Writing. http://goo.gl/Xr9rR
Counterpunch. http://goo.gl/hcQVDo
Letterletter. http://goo.gl/PcGyjF
Designing Type. http://goo.gl/HZ7TL
Scripts: Elegant Lettering from Design’s Golden Age. http://goo.gl/qCqyb
Elementos do estilo tipográfico. http://goo.gl/sAAxZ
Stop Stealing Sheep. http://goo.gl/8YKUK1
Metro Letters. http://goo.gl/5CWs5e
OBRIGADO!
	email	 rodrigo@plau.co
	link	 plau.co
	behance	 behance.net/plau
	twitter	 PlauStudio
	facebook	 facebook.com/plaudesign
Agradecimentos: Vanessa Padua, Cristiano Junqueira, Betina Cupello e todo mundo da Saravah, Cida, Eddy
e Martha, Gu, Nina, Família Padua, Mark Mullin, Eduardo Varela, Lucas Azevedo, Daniel Campos, Matheus
Fragoso, todos os designers e programadores que passaram pela Niramekko e Plau e mais um monte de gente
que me inspirou e ensinou tanta coisa!
Fontes: Guanabara Sans, SS Social, Futura, Myriad, Minion Pro, Motiva Sans, Bordonia, Primot.

Más contenido relacionado

La actualidad más candente

Interpretaçao de desenhos exercícios
Interpretaçao de desenhos   exercíciosInterpretaçao de desenhos   exercícios
Interpretaçao de desenhos exercíciosgtalhate
 
Regras de sinais
 Regras de sinais Regras de sinais
Regras de sinaiscs_lucindo
 
Medidas padrão, bebê, infantil e juvenil
Medidas padrão, bebê, infantil e juvenilMedidas padrão, bebê, infantil e juvenil
Medidas padrão, bebê, infantil e juvenilLilian Helena Hampel
 
DESENHO TECNICO CORTE
DESENHO TECNICO CORTEDESENHO TECNICO CORTE
DESENHO TECNICO CORTEordenaelbass
 
Jogo Potências e Raizes
Jogo Potências e RaizesJogo Potências e Raizes
Jogo Potências e Raizesguest75ad01
 
Projeto de Graduação em Design (TCC) - Roteiro
Projeto de Graduação em Design (TCC) - RoteiroProjeto de Graduação em Design (TCC) - Roteiro
Projeto de Graduação em Design (TCC) - RoteiroProf.Valdir Soares
 
Psicologia das Cores no Design
Psicologia das Cores no DesignPsicologia das Cores no Design
Psicologia das Cores no DesignRenato Melo
 
Matrizes - Completo com exercícios
Matrizes - Completo com exercíciosMatrizes - Completo com exercícios
Matrizes - Completo com exercíciosnaathyb
 
REGRA DOS SINAIS PARA NÚMEROS NEGATIVOS
REGRA DOS SINAIS PARA NÚMEROS NEGATIVOSREGRA DOS SINAIS PARA NÚMEROS NEGATIVOS
REGRA DOS SINAIS PARA NÚMEROS NEGATIVOSJonasblog
 
MVP (Produto Mínimo Viável) - Startup Weekend EDU Brasília - 2019
MVP (Produto Mínimo Viável) - Startup Weekend EDU Brasília - 2019MVP (Produto Mínimo Viável) - Startup Weekend EDU Brasília - 2019
MVP (Produto Mínimo Viável) - Startup Weekend EDU Brasília - 2019Antonio Andre Rodrigues
 
Manual de identidade visual tacus ppt
Manual de identidade visual tacus pptManual de identidade visual tacus ppt
Manual de identidade visual tacus pptBruna Alencar
 
9ano sug atividades_unid_3
9ano sug atividades_unid_39ano sug atividades_unid_3
9ano sug atividades_unid_3Erivaldo Duarte
 
Modelagem de Processos de Negócio
Modelagem de Processos de NegócioModelagem de Processos de Negócio
Modelagem de Processos de NegócioHaralan Mucelini
 
Metodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto AtualMetodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto AtualGabriel Meneses
 
A História do PDCA - Claudemir Oribe
A História do PDCA - Claudemir OribeA História do PDCA - Claudemir Oribe
A História do PDCA - Claudemir OribeClaudemir Oribe
 
2 exercicio complementar_matematica
2 exercicio complementar_matematica2 exercicio complementar_matematica
2 exercicio complementar_matematicaGilberto Amorim
 

La actualidad más candente (20)

Interpretaçao de desenhos exercícios
Interpretaçao de desenhos   exercíciosInterpretaçao de desenhos   exercícios
Interpretaçao de desenhos exercícios
 
Guia de cores Coral
Guia de cores CoralGuia de cores Coral
Guia de cores Coral
 
Regras de sinais
 Regras de sinais Regras de sinais
Regras de sinais
 
Medidas padrão, bebê, infantil e juvenil
Medidas padrão, bebê, infantil e juvenilMedidas padrão, bebê, infantil e juvenil
Medidas padrão, bebê, infantil e juvenil
 
DESENHO TECNICO CORTE
DESENHO TECNICO CORTEDESENHO TECNICO CORTE
DESENHO TECNICO CORTE
 
Jogo Potências e Raizes
Jogo Potências e RaizesJogo Potências e Raizes
Jogo Potências e Raizes
 
Lista sobre radicais
Lista sobre radicaisLista sobre radicais
Lista sobre radicais
 
Geometria espacial 2
Geometria espacial 2Geometria espacial 2
Geometria espacial 2
 
Projeto de Graduação em Design (TCC) - Roteiro
Projeto de Graduação em Design (TCC) - RoteiroProjeto de Graduação em Design (TCC) - Roteiro
Projeto de Graduação em Design (TCC) - Roteiro
 
Psicologia das Cores no Design
Psicologia das Cores no DesignPsicologia das Cores no Design
Psicologia das Cores no Design
 
Matrizes - Completo com exercícios
Matrizes - Completo com exercíciosMatrizes - Completo com exercícios
Matrizes - Completo com exercícios
 
REGRA DOS SINAIS PARA NÚMEROS NEGATIVOS
REGRA DOS SINAIS PARA NÚMEROS NEGATIVOSREGRA DOS SINAIS PARA NÚMEROS NEGATIVOS
REGRA DOS SINAIS PARA NÚMEROS NEGATIVOS
 
MVP (Produto Mínimo Viável) - Startup Weekend EDU Brasília - 2019
MVP (Produto Mínimo Viável) - Startup Weekend EDU Brasília - 2019MVP (Produto Mínimo Viável) - Startup Weekend EDU Brasília - 2019
MVP (Produto Mínimo Viável) - Startup Weekend EDU Brasília - 2019
 
Manual de identidade visual tacus ppt
Manual de identidade visual tacus pptManual de identidade visual tacus ppt
Manual de identidade visual tacus ppt
 
9ano sug atividades_unid_3
9ano sug atividades_unid_39ano sug atividades_unid_3
9ano sug atividades_unid_3
 
Modelagem de Processos de Negócio
Modelagem de Processos de NegócioModelagem de Processos de Negócio
Modelagem de Processos de Negócio
 
Matemática e arte
Matemática e arteMatemática e arte
Matemática e arte
 
Metodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto AtualMetodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto Atual
 
A História do PDCA - Claudemir Oribe
A História do PDCA - Claudemir OribeA História do PDCA - Claudemir Oribe
A História do PDCA - Claudemir Oribe
 
2 exercicio complementar_matematica
2 exercicio complementar_matematica2 exercicio complementar_matematica
2 exercicio complementar_matematica
 

Destacado

Caderno de Design e Tipografia
Caderno de Design e TipografiaCaderno de Design e Tipografia
Caderno de Design e TipografiaAnnabel Lee
 
Apostila De Desenho Geometrico
Apostila De Desenho GeometricoApostila De Desenho Geometrico
Apostila De Desenho Geometricogoogle
 
Apresentação de Lettering
Apresentação de Lettering Apresentação de Lettering
Apresentação de Lettering Nayana Carneiro
 
La via-di-shackleton vale-x-fia
La via-di-shackleton vale-x-fiaLa via-di-shackleton vale-x-fia
La via-di-shackleton vale-x-fiavaleria tonella
 
La via di Shackleton - La dimensione umana della leadership
La via di Shackleton - La dimensione umana della leadershipLa via di Shackleton - La dimensione umana della leadership
La via di Shackleton - La dimensione umana della leadershipIlario Lavina
 
Fontes corporativas - introdução
Fontes corporativas - introduçãoFontes corporativas - introdução
Fontes corporativas - introduçãoPlau
 
Leitura e interpretação de desenho técnico mecânico senai
Leitura e interpretação de desenho técnico mecânico   senaiLeitura e interpretação de desenho técnico mecânico   senai
Leitura e interpretação de desenho técnico mecânico senaiRenaldo Adriano
 
Todas as Letras
Todas as LetrasTodas as Letras
Todas as Letrascovasdauro
 
Perfil dos Alunos para o Século XXI
Perfil dos Alunos para o Século XXIPerfil dos Alunos para o Século XXI
Perfil dos Alunos para o Século XXIJoaquim Colôa
 
Psicologia das Cores Atualizado
Psicologia das Cores AtualizadoPsicologia das Cores Atualizado
Psicologia das Cores AtualizadoMarcelo Vicente
 
Leader e leadership [Andrea Apolito]
Leader e leadership [Andrea Apolito]Leader e leadership [Andrea Apolito]
Leader e leadership [Andrea Apolito]Andrea Apolito
 
Nbr 08402 execucao de caracter para escrita em desenho tecnico
Nbr 08402   execucao de caracter para escrita em desenho tecnicoNbr 08402   execucao de caracter para escrita em desenho tecnico
Nbr 08402 execucao de caracter para escrita em desenho tecnicoLuciano Otavio
 

Destacado (20)

Leadership e calligrafia
Leadership e calligrafiaLeadership e calligrafia
Leadership e calligrafia
 
Lettering Estudo da Letra
Lettering   Estudo da LetraLettering   Estudo da Letra
Lettering Estudo da Letra
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Caderno de Design e Tipografia
Caderno de Design e TipografiaCaderno de Design e Tipografia
Caderno de Design e Tipografia
 
Apostila De Desenho Geometrico
Apostila De Desenho GeometricoApostila De Desenho Geometrico
Apostila De Desenho Geometrico
 
Apresentação de Lettering
Apresentação de Lettering Apresentação de Lettering
Apresentação de Lettering
 
La via-di-shackleton vale-x-fia
La via-di-shackleton vale-x-fiaLa via-di-shackleton vale-x-fia
La via-di-shackleton vale-x-fia
 
La via di Shackleton - La dimensione umana della leadership
La via di Shackleton - La dimensione umana della leadershipLa via di Shackleton - La dimensione umana della leadership
La via di Shackleton - La dimensione umana della leadership
 
Apresentação Sociesc
Apresentação SociescApresentação Sociesc
Apresentação Sociesc
 
O mundo das letras r
O mundo das letras rO mundo das letras r
O mundo das letras r
 
Fontes corporativas - introdução
Fontes corporativas - introduçãoFontes corporativas - introdução
Fontes corporativas - introdução
 
Leitura e interpretação de desenho técnico mecânico senai
Leitura e interpretação de desenho técnico mecânico   senaiLeitura e interpretação de desenho técnico mecânico   senai
Leitura e interpretação de desenho técnico mecânico senai
 
Todas as Letras
Todas as LetrasTodas as Letras
Todas as Letras
 
Identidade visual pdf
Identidade visual pdfIdentidade visual pdf
Identidade visual pdf
 
Impressão Offset
Impressão Offset Impressão Offset
Impressão Offset
 
Perfil dos Alunos para o Século XXI
Perfil dos Alunos para o Século XXIPerfil dos Alunos para o Século XXI
Perfil dos Alunos para o Século XXI
 
Sons e sílabas
Sons e sílabasSons e sílabas
Sons e sílabas
 
Psicologia das Cores Atualizado
Psicologia das Cores AtualizadoPsicologia das Cores Atualizado
Psicologia das Cores Atualizado
 
Leader e leadership [Andrea Apolito]
Leader e leadership [Andrea Apolito]Leader e leadership [Andrea Apolito]
Leader e leadership [Andrea Apolito]
 
Nbr 08402 execucao de caracter para escrita em desenho tecnico
Nbr 08402   execucao de caracter para escrita em desenho tecnicoNbr 08402   execucao de caracter para escrita em desenho tecnico
Nbr 08402 execucao de caracter para escrita em desenho tecnico
 

Más de Plau

Identitype - Marcas em busca de uma voz tipográfica.
Identitype - Marcas em busca de uma voz tipográfica.Identitype - Marcas em busca de uma voz tipográfica.
Identitype - Marcas em busca de uma voz tipográfica.Plau
 
Identitype • Slides da Plau no Dia Tipo RS • Rodrigo Saiani
Identitype • Slides da Plau no Dia Tipo RS • Rodrigo SaianiIdentitype • Slides da Plau no Dia Tipo RS • Rodrigo Saiani
Identitype • Slides da Plau no Dia Tipo RS • Rodrigo SaianiPlau
 
Workshop Plau - Fabulosa Verão no IED
Workshop Plau - Fabulosa Verão no IEDWorkshop Plau - Fabulosa Verão no IED
Workshop Plau - Fabulosa Verão no IEDPlau
 
Tipografia para Web - Plau Branding, Type & Design.
Tipografia para Web - Plau Branding, Type & Design.Tipografia para Web - Plau Branding, Type & Design.
Tipografia para Web - Plau Branding, Type & Design.Plau
 
Plau Workshop Tipos da Copa (World Cup Type).
Plau Workshop Tipos da Copa (World Cup Type).Plau Workshop Tipos da Copa (World Cup Type).
Plau Workshop Tipos da Copa (World Cup Type).Plau
 
GCA Brand Guidelines
GCA Brand GuidelinesGCA Brand Guidelines
GCA Brand GuidelinesPlau
 
Apresentação Plau para GraMa – Azov
Apresentação Plau para GraMa – AzovApresentação Plau para GraMa – Azov
Apresentação Plau para GraMa – AzovPlau
 
Plau type workshop slides
Plau type workshop slidesPlau type workshop slides
Plau type workshop slidesPlau
 
Color Branding for products and services
Color Branding for products and servicesColor Branding for products and services
Color Branding for products and servicesPlau
 

Más de Plau (9)

Identitype - Marcas em busca de uma voz tipográfica.
Identitype - Marcas em busca de uma voz tipográfica.Identitype - Marcas em busca de uma voz tipográfica.
Identitype - Marcas em busca de uma voz tipográfica.
 
Identitype • Slides da Plau no Dia Tipo RS • Rodrigo Saiani
Identitype • Slides da Plau no Dia Tipo RS • Rodrigo SaianiIdentitype • Slides da Plau no Dia Tipo RS • Rodrigo Saiani
Identitype • Slides da Plau no Dia Tipo RS • Rodrigo Saiani
 
Workshop Plau - Fabulosa Verão no IED
Workshop Plau - Fabulosa Verão no IEDWorkshop Plau - Fabulosa Verão no IED
Workshop Plau - Fabulosa Verão no IED
 
Tipografia para Web - Plau Branding, Type & Design.
Tipografia para Web - Plau Branding, Type & Design.Tipografia para Web - Plau Branding, Type & Design.
Tipografia para Web - Plau Branding, Type & Design.
 
Plau Workshop Tipos da Copa (World Cup Type).
Plau Workshop Tipos da Copa (World Cup Type).Plau Workshop Tipos da Copa (World Cup Type).
Plau Workshop Tipos da Copa (World Cup Type).
 
GCA Brand Guidelines
GCA Brand GuidelinesGCA Brand Guidelines
GCA Brand Guidelines
 
Apresentação Plau para GraMa – Azov
Apresentação Plau para GraMa – AzovApresentação Plau para GraMa – Azov
Apresentação Plau para GraMa – Azov
 
Plau type workshop slides
Plau type workshop slidesPlau type workshop slides
Plau type workshop slides
 
Color Branding for products and services
Color Branding for products and servicesColor Branding for products and services
Color Branding for products and services
 

Plau – Desenhando letras para logos, lettering e fontes.