PROFESSOR: ADELCIDES RODRIGUES

2022/2023
 WHAT IS
TYPOGRAFPHY?
 Type is the star
of the show

3
4
5
6
 Esta em toda
parte.

7
8
 Type gives
context

9
 Fonte controla
as emoções

10
 Fonte conta uma
história

11
12
 Os designers
tem aplicar
todos os detalhes
de uma fonte
13
 &
Em última instância, o
designer deve escolher o
especto e a sensação
adequados para um
layout e transmitir essa
mensagem através do
uso da tipografia
14
 What is
typography?

15
 Typografphy is...

A arte ou o processo
de configuração,
organização do
determinado tipo
design do.
16
 Fontes # Tipos de Letra

Ainda que
muitas pessoas
pensem que
sim.
17
 What is
Typografphy?

18
 Typografphy is...

Do grego
typos=forma e
graphein=escrita.

19
 Typografphy is...
A escrita è o
sistema que utiliza
signos para expressar
graficamente o
pensamento humano
.
20
 Typografphy is...

Grafia è tecnologia
de comunicação
que usamos para
registar em um
suporte e escrita.
21
 Typografphy is...
E a mecanização
da escrita feita
através da
tecnologia para a
reprodução de
texto em série
22
 Typografphy is...
“O surgimento da escrita é
um macro importante na
historia do mundo por
demarcar a separação entre
a historia e pré-história
iniciando o registro dos
acontecimentos”
23
 Typografphy is...
A invenção de Gutemberg
possibilitou a reprodução em
serie dos texto. No sec.XV,
em 1456, ele imprimiu a
“Bíblia de 42 linhas”, o
primeiro livro impresso e a
1ª comprovação da eficiência
da tipografia.
24
 Typografphy is...

A arte ou o processo
de configuração,
organização do
determinado tipo
design do.
25
 Glifos, letras caracteres
São signos
alfabéticos
projetados para
reprodução
mecânica
26
 Família tipográfica
É o conjunto de
caracteres que possuem
as mesmas caraterísticas
de desenho
independente das suas
variações (peso,
inclinação , corpo)
27
 A glyph is

Uma representação de
cada caractere dentro de
um determinado tipo de
letra. Alguns tipos de
letra oferecem mais de
um glifo para certos
caracteres.
28
 Fontes
É o conjunto de
glifos que
compõem uma
família
tipográfica
29
30
 Tipos de letra =
Família

31
 Fontes =
Membros da
família

32
33
34
35
36
37
38
 Anatomia dos tipos

Os tipos são
compostos por
conjunto de
elementos
39
 Anatomia dos tipos

40
 Anatomia dos tipos
—Ligaduras
—São as conexões de dois ou mais
caracteres . Em português , a mais
funcional é a FI, mas existem varias
ligaduras (st,ae,oe,ff,ij,etc)

41
 Anatomia dos tipos
—Linha base e linha X
— Linha X: onde as letras não-ascendentes
terminam. É a linha do corpo
—Linha de base: onde as letras não-
ascendentes são assentadas.

42
 Anatomia dos tipos
—Ascendentes e descendentes
— Ascendentes: É a parte das letras b, d, r , k l
e t que se estendem acima da altura de X
—Descendentes: É a parte das letras g, j , p, q
, y e por vezes a J(caixa alta), que se estendem
abaixo da altura de X.

43
 Anatomia dos tipos
—Caixa Alta e caixa Baixa
— Caixa Baixa: É o conjunto de
carateres em letras minúsculas
—Caixa Alta: É o conjunto de
caracteres em letras maiúscula .

44
 Anatomia dos tipos
—Corpo
— O corpo é o tamanho do tipo que
começa do ponto mais alto (Versal ou
ascendente) até o ponto mais baixo
(descendente)

45
 Anatomia dos tipos
—Versalete
— É o conjunto de caracteres em letras
maiúsculas com altura de
minúsculas(altura X)

46
 Anatomia dos tipos
—Números
— Old Style
—São os números alinhados pelo texto. Por
isso eles ultrapassam a linha de X e,
consequentemente, possuem ascendentes e
descendentes.

47
 Anatomia dos tipos
—Números
— Old Style
—São os números com o mesmo tamanho
de uma versal(caixa alta ) e não possuem
ascendentes descendentes

48
 Anatomia dos tipos
—Números
— Small Caps
—São os números com o mesmo tamanho
de uma versalete e não possuem
ascendentes e descendentes

49
 Anatomia dos tipos
—Eixos
— É a angulação do traço. Diz respeito ao
eixo de inclinação principalmente das letras
b, c, e, g, o, p, e q.
—Eixo humanista: é o eixo obliquo e que
condiz com a inclinação da escrita manual.
—Eixo racionalista: é o eixo vertical. Condiz
com as formas neoclássicas e românticas

50
 Anatomia dos tipos
—Peso da Fonte
— Diz respeito a espessura (ou peso) dos
tipos: light. Thin, médium, roman, bold,
black etc..

51
 Anatomia dos tipos
—Postura da fonte
— Trata-se da inclinação do
eixo central das letras. A
postura básica dos caracteres
é regulas(como eixo central
vertical).
—Os caracteres regulares
“inclinados” recebem o
nome de “oblíquos”.

52
 Classificação Tipográfica
— Existem várias classificações tipográficas,
mas a maioria dos sistemas de classificação
estão de acordo estas categorias de tipo que
veremos a seguir:
— Com Serifa;
— Sem Serifa;
— Manuscritas ou cursivas
— Fantasia ou decorativas
— Góticas
— Dingbats

53
 Anatomia de tipografia

54
 Anatomia de tipografia

55
 Anatomia de tipografia

56
57
58
59
60
61
 Fontes # Tipos de Letra

62
 A pica is...
Geralmente usado
para medir linhas de
texto. um pica é igual
a 12 pontos, e seis
picas são equivalentes
a uma polegada.
63
 A point is...

Um ponto é a
unidade de medida
geral para uma fonte
72 pontos é igual a
uma polegada
64
65
 Leading is...
O espaçamento entre
linhas de texto. Essa
distância, medida em
pontos, é medida de
uma linha de base
para outra.
66
 Tracking is...

o espaço entre
caracteres em
todo um bloco
de texto.
67
 Kerning...
O espaço entre
dois caracteres
individuais
dentro de um
bloco de texto
68
69
 Diferença entre Viajem e Viagem

Pairintg
Typefaces

70
 Pairintg Typefaces
Título
Subtítulo
Corpo
71
 Typografphy

Typeface palette

As fontes podem destacar um design,

Transmitir uma marca com clareza e

obter uma mensagem para saltar da
página.

72
 01. Conheça os seus s's

73
 01. Conheça os seus s's
Serif: Uma letra ou personagem com
um traço extra, linha ou florescer nas
extremidades
Sans Serif: Uma letra ou personagem
sem o floreio extra nas extremidades
(sans significa 'sem')

Script: Uma carta com traço fluido

como escrita cursiva

74
 02. Use fontes para criar hierarquia

75
 02. Use fontes para criar
hierarquia
Cada fonte tem
uma largura,
altura, espessura,
estilo e tamanho
diferentes.
76
 03. Use estilos de fonte contrastantes

77
 04. Saber quando usar maiúsculas

78
 05. Torne legível

79
 06. Brinque com tamanho e espaçamento

80
 07. Use fontes que atendam ao estilo e à mensagem

81
 07. Use fontes que atendam ao estilo e à mensagem

Examples include: Parisienne (pictured), Euphoria, Allura, GreatVibes.

82
 07. Use fontes que atendam ao estilo e à mensagem

Examples include: Lobster (pictured), Cody

Star, Londrina Sketch, Sniglet.
83
 07. Use fontes que atendam ao estilo e à mensagem

Examples include: Helvetica (pictured), Anton, Archivo

84
Narrow, Racing Sans One.
 07. Use fontes que atendam ao estilo e à mensagem

Examples include: Satisfy (pictured), Sacramento, Pacifico, Yellowtail.

85
 08. Conheça o seu público

Lembre-se de que as fontes podem definir o tom do

design.

86
 09. Use ascendentes e descendentes como acentos
divertidos

87
 https://www.canva.com/learn/perfect-font-palettes/
https://practice.typekit.com/lesson/caring-about-
opentype-features/

https://www.lynda.com

https://www.fontsquirrel.com
https://www.dafont.com/pt/
https://typekit.com/fonts

88
 Contactos

§ adelcides.rodrigues@docente.unicv.edu.cv

— Atendimento
vQuarta as 14:30

89