Plau – Workshop de Tipografia Slides

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


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ê.

Aque

cim

ento

1

1 Aquecimento

2 Fundamentos

3 Planejamento


5 Recursos

Fund

Amen

tos

2Formas com a mesma altura absoluta…

Fund

Amen

tos

2…precisam ser ajustadas para parecerem ter a mesma altura.

HOAHOAHOAFu

ndAm

ento

s

2O mesmo acontece com as letras.

Fund

Amen

tos

2Centro 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.

Fund

Amen

tos

2Letras mais pesadas parecem menores.Para compensar, aumente a altura de x.

finessefinesse

Fund

Amen

tos

2Quanto mais pesada a letra, menores ficam os olhos, por isso…

finesse

Fund

Amen

tos

2… o espaçamento também deve ser mais justo. Sempre uma questão de equilíbrio.

finesse

Fund

Amen

tos

2Forma?

Fund

Amen

tos

2A contra-forma é tão importante quanto a forma. Vale para logos, lettering e fontes.

Fund

Amen

tos

2Curva geométrica vs. ótica

Fund

Amen

tos

2Sem medo do Beziér!

1 Aquecimento

2 Fundamentos

3 Planejamento


5 Recursos

Decisões iniciaisAplicação Final/LimitaçõesPersonalidade/EstiloPlanejamento familiar: pesos, estilos.ProporçõesLegibilidade

PlAn

ejAm

ento

3

Aplicação final

Wayfinding Sans: Ralf HerrmannBell Centennial: Mathew Carter

Verdana: Mathew Carter Akceler Alt: Andrej Dieneš

PlAn

ejAm

ento

3

Personalidade + Planejamento

Primot

Guanabara Sans ‘13

Fonte única, display. Lettering

Super família, múltiplos pesos e estilos

PlAn

ejAm

ento

3

H VH V

Contraste e estilo

PlAn

ejAm

ento

3

Ax Ax Ax

Altura de x

Guanabara Sans | Mrs. Eaves | Maple Black

PlAn

ejAm

ento

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.



Altura de x vai afetar quantas palavras cabem por linha. Fontes condensadas e/ou expandidas tb.

Guanabara Sans | Mrs. Eaves | Maple Black | 30/36pt

PlAn

ejAm

ento

3

A proporção da fonte acima não é equilibrada como a da Myriad. Estude as fontes clássicas para treinar o olho.

HamburgefonsHamburgefons

Myriad: Robert Slimbach/Carol Twombly

PlAn

ejAm

ento

3

Calligraphic origin

Garamond

Didot

Scala Sans

Helvetica

eaea ea

ea

PlAn

ejAm

ento

2

Niels Shoe Meulman Tony DiSpigna

PlAn

ejAm

ento

3Cool letterings, different calligraphic origins.

milliliter milliliter

milliliter milliliter

Guanabara Sans

Helvetica

PlAn

ejAm

ento

2Legibilidade (ou não) Erik Spiekermann

Lindo.

Mas por onde começar?

1 Aquecimento2 Fundamentos3 Planejamento4 Desenhando letras digitais

DicasMétodo: MódulosMétodo: ScanMétodo: EsqueletoMétodo: DiretoMestres

5 Recursos

Rabiscar e tomar decisões cedo.

dese

nhAn

do l

etrA

s di

gitA

is

2

dese

nhAn

do l

etrA

s di

gitA

is

4

HamburgefonsAdhesiontext

Primeira palavra

Vão dar a personalidade e característica dos glifos restantes da fonte.

dese

nhAn

do l

etrA

s di

gitA

is

4

Pontos nos extremos

dese

nhAn

do l

etrA

s di

gitA

is

4

dese

nhAn

do l

etrA

s di

gitA

is

4Pontos nos extremos

HO no

Comece por uma letra reta e uma curva

Muitas letras são planejadas a partir desse grupo básico.

4

dese

nhAn

do l

etrA

s di

gitA

is

HOHOHOhohoho

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

dese

nhAn

do l

etrA

s di

gitA

is

HDFELOQCD

MN WYX ZS

Grupos de letra (construção)4

dese

nhAn

do l

etrA

s di

gitA

is

oec pdbq fjg nmu il kzs vwyz

Grupos de letra (construção)4

dese

nhAn

do l

etrA

s di

gitA

is

ABC0123

Numerais são geralmente um pouco mais baixos que a altura da maiúscula.

4

dese

nhAn

do l

etrA

s di

gitA

is

Minion Pro

0123456789001234567890

01234567890

Numerais4

dese

nhAn

do l

etrA

s di

gitA

is

Ctrl C |Ctrl V?

n n»nu

4

dese

nhAn

do l

etrA

s di

gitA

is

Quase isso…

n n»nu

dese

nhAn

do l

etrA

s di

gitA

is

4

A maravilha da interpolação (interPolêichon)

AAALight BlackBook

dese

nhAn

do l

etrA

s di

gitA

is

4

Qual altura da haste é melhor?

AAAde

senh

Ando

let

rAs

digi

tAis

4

MÓDULOS

dese

nhAn

do l

etrA

s di

gitA

is

4

dese

nhAn

do l

etrA

s di

gitA

is

4Módulos

Wim Crouwel

SCAN

dese

nhAn

do l

etrA

s di

gitA

is

4

dese

nhAn

do l

etrA

s di

gitA

is

4Scan

dese

nhAn

do l

etrA

s di

gitA

is

4Vetorizando

dese

nhAn

do l

etrA

s di

gitA

is

4Refinando a vetorização

Clube de roupas infantisbabycub

dese

nhAn

do l

etrA

s di

gitA

is

4Resultado Final

ESQUELETO

dese

nhAn

do l

etrA

s di

gitA

is

4Width tool (Illustrator – Shift + W)

dese

nhAn

do l

etrA

s di

gitA

is

4Width Tool

dese

nhAn

do l

etrA

s di

gitA

is

4Esqueleto – início de um S no illustrator. Muitos refinamentos necessários depois desse primeiro passo, mas é um começo!

DIRETO…BOA SORTE 😈

MESTRES

dese

nhAn

do l

etrA

s di

gitA

is

4

Hoefler & Frere Jones

House Industries

Adrian Frutiger

Doyald Young

Herb Lubalin

Alex Trochut

Louise Fili

1 Aquecimento

2 Fundamentos

3 Planejamento


5 Recursos

recu

rsos

5Para aprender maisBriem.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/

recu

rsos

5LivrosLogo, 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 [email protected] link plau.co behance behance.net/plau twitter PlauStudio facebook facebook.com/plaudesignAgrAdecimentos: 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.

mailto:[email protected]

http://plau.co

http://behance.net/plau

http://twitter.com/PlauStudio

http://facebook.com/plaudesign

Plau – Workshop de Tipografia Slides

Documents

Transcript of Plau – Workshop de Tipografia Slides