GUIA TIPOGRÁFICO Capa Fran
1
GUIA TIPOGRÁFICO
!
Bem-vindo
Este é um Guia Tipográfico com conteúdos básicos para iniciantes. Você vai conhecer desde a História da tipografia, conceitos, anatomia até como escolher a fonte certa para o seu Projeto.
2
"Tipografia: ImpressĂŁo dos tipos."
3
GUIA TIPOGRÁFICO
Sumário 1. Hitória da Tipografia--------------------------------------------------------------------------------------------------------------------------5 Linha do tempo----------------------------------------------------------------------------------------------------------------------------------8 2. Conceitos----------------------------------------------------------------------------------------------------------------------------------------14 Tipo-------------------------------------------------------------------------------------------------------------------------------------------------16 Fonte-----------------------------------------------------------------------------------------------------------------------------------------------17 Família Tipográfica----------------------------------------------------------------------------------------------------------------------------18 Corpo---------------------------------------------------------------------------------------------------------------------------------------------20 Tipometria----------------------------------------------------------------------------------------------------------------------------------------21 Caixa de Tipos----------------------------------------------------------------------------------------------------------------------------------22 3. Anatomia-----------------------------------------------------------------------------------------------------------------------------------------24 Anatomia--------------------------------------------------------------------------------------------------------------------------------------- --26 Anatomia Geral---------------------------------------------------------------------------------------------------------------------------------28 Terminais----------------------------------------------------------------------------------------------------------------------------------------30 Eixos------------------------------------------------------------------------------------------------------------------------------------------------31 4. Letra------------------------------------------------------------------------------------------------------------------------------------------------32 Serifa-----------------------------------------------------------------------------------------------------------------------------------------------33 Tipos de Serifa----------------------------------------------------------------------------------------------------------------------------------34 Kerning------------------------------------------------------------------------------------------------------------------------------------------35 Traking--------------------------------------------------------------------------------------------------------------------------------------------37 Algarismos---------------------------------------------------------------------------------------------------------------------------------------38 Letras ----------------------------------------------------------------------------------------------------------------------------------------------39
5. Classificação Tipográfica------------------------------------------------------------------------------------------------------------------40 Com serifa----------------------------------------------------------------------------------------------------------------------------------------42 Sem serifa--------------------------------------------------------------------------------------------------------------------------------------------48 Caligráficas---------------------------------------------------------------------------------------------------------------------------------------54 Decorativas---------------------------------------------------------------------------------------------------------------------------------------55 6. Texto------------------------------------------------------------------------------------------------------------------------------------------------56 Entrelinha-----------------------------------------------------------------------------------------------------------------------------------------58 Alinhamento-------------------------------------------------------------------------------------------------------------------------------------59
4
7. Aplicações-------------------------------------------------------------------------------------------------------------------------------------60 Fonte para texto------------------------------------------------------------------------------------------------------------------------------62 Fontes para dispaly-------------------------------------------------------------------------------------------------------------------------63 Legibilidade-----------------------------------------------------------------------------------------------------------------------------------64 Leiturabilidade--------------------------------------------------------------------------------------------------------------------------------65 Visibilidade-------------------------------------------------------------------------------------------------------------------------------------66 Hierarquia---------------------------------------------------------------------------------------------------------------------------------------67 Traços--------------------------------------------------------------------------------------------------------------------------------------------68 Pontuação--------------------------------------------------------------------------------------------------------------------------------------69 8. Como escolher e combinar------------------------------------------------------------------------------------------------------------70 Como escolher a fonte---------------------------------------------------------------------------------------------------------------------72 Avaliar a legibilidade e leiturabilidade------------------------------------------------------------------------------------------------74 Expressão---------------------------------------------------------------------------------------------------------------------------------------75 Família-------------------------------------------------------------------------------------------------------------------------------------------76 Qualidade------------------------------------------------------------------------------------------------------------------------------------------77 Combinação Tipográfica-------------------------------------------------------------------------------------------------------------------78 Conheça a fonte utilizada nesse Guia Tipográfico---------------------------------------------------------------------------------80 Tipografias Famosas---------------------------------------------------------------------------------------------------------------------------82 10. Glossário -------------------------------------------------------------------------------------------------------------------------------------84
5
GUIA TIPOGRร FICO
1. Histรณria da tipografia 6
7
GUIA TIPOGRÁFICO| História da Tipografia
Linha do Tempo
15.00010.000 a.C. PINTURAS RUPESTRES DE LASCAUX A necessidade do homem de se comu nicar fez com que os seres humanos registrassem suas rotinas e hist rias na parede em forma de desenhos.
8
A escrita Cuneiforme foi a primeira forma de esc reve r. Seus regist ros eram principalmente sob re pol tica, econo mia e acontecimentos do traba lho e eram escritas em argila com o uso de ferramentas em forma de cunha.
ESCRITA SUMÉRIA
3500 a.C.
3200 a.
HIERÓGLIFOS EGÍPC
Os Hie r g lifos surgiram pou da escrita sum ria, e se utiliz bolos que representavam fi para que se fosse feita a le iden tificar o sentido de leitur -se para onde os s mbolos e tados. Eles indicam o in cio d Eg pcios apresentavam u senso est tico, montando dent ro de pequenos blocos que eram lidos de cima p Nesses blocos um s mbo representar algo ou ideia (ca sequ ncia de consoantes q riam as palavras.
.C
CIOS
uco depois zava de s miguras reais eitura. Para ra, observa est o apon do texto. Os um grande a escrita imagin rios para baixo. olo poderia asa) ou uma que forma -
Como os hier g lifos eram muito traba lhosos e cheios de detalhes, os pregui osos escribas desenvolveram um maneira mais simples e r pida de escri ta. Utilizada em sua maioria na horizon tal. [Posteriormente (650 a.C.) desen volveram a escrita Dem tica. Mais cursiva ainda que a anterio r.]
ESCRITA HIERĂ TICA
3500 a.C.
1500 a.C ALFABETO FENĂ?CIO a origem dos alfabetos. Para simplifi car as escritas que se baseavam em milhares de s mbolos, foram os fen cios os criado res de um primei ro alfabeto fon tico, com apenas 22 consoantes e sem vogais (que eram decifradas de aco rdo com o contexto.
Devido ao contato com acabaram por adotar fen cios. Como algun l ngua fen cia n o exist rio grego (e por isso decifrados ), criaram Tornando o alfabeto i
ALFABETO GR
750 a
9
GUIA TIPOGRÁFICO| História da Tipografia
Linha do Tempo Devido ao contato come rcial, os gregos acabaram por adotar o alfabeto dos fen cios. Como alguns dos sons da l ngua fen cia n o existiam no vocabul rio grego (e por isso n o podiam ser decifrados ), criaram o uso das vogais. Tornando o alfabeto independente.
ALFABETO GREGO
implifi m em en cios lfabeto ntes e as de
10
750 a.C.
700 - 600 a.C. ALFABETO ROMANO O alfabeto romano, tamb m conhecido como alfabeto latino, foi adotado do alfabeto etrusco, que por sua vez deri vou do alfabeto grego. Atualmente o sistema de escrita alfab tica mais utilizado no mundo. o alfabeto utilizado para esc rever a l ngua portuguesa e a maioria das l nguas da Eu ropa. Pincel + R gua + Compasso + Martelo + Cinzel
O imperador Carlos Magno ord Escola Pala tina, passasse a min sculas e pusesse espa os palavras. Carlos Magno agiu ac pelo abade Alcu no, uma esp cie tro da educa o da poca. As s o de mais f cil leitura e b cansa tivas para o leito r.
CAROLÍNGEA MINÚSCU
789 d.C.
denou que a usar letras s entre as conse lhado de minis min sculas bem menos
ULA
.
1040 d.C. TIPOS MÓVEIS DE BÍ SHENG B Sheng foi o inventor dos tipos m veis. Po r m, por serem feitos de madeira, com alguma frequ ncia apresentava gr os e desnivelamento ap s ser molhado com a tinta. Por isso, foram subs titu dos por pe as de a rgila.
Gutenbe rg foi o primei ro europeu a usar a impress o de tipo m vel e o inventor global da impressora. Sua inven o verdadeiramente hist rica foi a combina o dos tipos m veis de metal com sua impressora, que permi tiu a produ o em massa de livros impressos de forma economicamente vi vel.
TIPOS MÓVEIS DE GUTTENBERG
1440 d.C.
1040 d
A BÍBLIA DE GUTTE
A B blia de Gutenbe rg (t cida como a B blia de primei ro grande livro uma impress o de tipo do o in cio da R Gutenbe rg e a idade d so. Com o surgimento d e a revolu o que causar tipogr ficas em seu in ser escon didas, com tr no turno da noite.
11
GUIA TIPOGRÁFICO| História da Tipografia
Linha do Tempo
d.C.
DE BÍ SHENG
nventor dos tipos r serem feitos de a frequ ncia apresnivelamento ap s a tinta. Por isso, or pe as de a rgila.
12
Gutenbe rg foi o primei ro europeu a usar a impress o de tipo m vel e o inventor global da impressora. Sua inven o verdadeiramente hist rica foi a combina o dos tipos m veis de metal com sua impressora, que permi tiu a produ o em massa de livros impressos de forma economicamente vi vel.
TIPOS MÓVEIS DE GUTTENBERG
1440 d.C.
1040 d.C. A BÍBLIA DE GUTTENBERG A B blia de Gutenbe rg (tamb m conhe cida como a B blia de 42 linhas) foi o primei ro grande livro impresso com uma impress o de tipo m vel, marcando o in cio da Revolu o de Gutenbe rg e a idade do livro impresso. Com o surgimento dos tipos m veis e a revolu o que causaram, as oficinas tipogr ficas em seu in cio precisavam ser escon didas, com trabalho apenas no turno da noite.
Com a popular aumento da ne criada Linotipo o processo de impress o. Era fundamentos: T di o.
188
riza o dos tipos m veis e o ecessidade de impress o, foi o, uma m quina que agilizava e montagem da matriz de a composta de 3 principais Teclado, Composi o e Fun-
LINOTIPO
86 d.C.
1040 d.C. TIPOGRAFIA DIGITAL As ferramentas de Desktop publishing trazem novas possibi lidades para cria o e publica o de fontes. Com isso, a maioria das fontes cl ssicas redese nhada digitalmente. Com o crescimen to das possibi lidades, surgem tamb m novas classifica es.
13
GUIA TIPOGRÁFICO
2. Conceitos
14
Tipo Fonte Família tipográfica Corpo Tipometria Caixa de tipos
15
GUIA TIPOGRÁFICO| Conceitos
Tipo Um tipo é um conjunto de caracteres, letras, números, símbolos, pontuação (e a assim por diante) que tem um design em comum e distinto que mantém uma unidade de estilo entre si.
16
Fonte Uma fonte é o meio físico utilizado para criar o tipo e os glifos, seja ele código de computador, fotolito,metal ou gravação em madeira. A fonte é também o conjunto completo de caracteres, com letras, números e sinais.
17
GUIA TIPOGRÁFICO | Conceitos
Família Tipográfica Família tipográfica é um conjunto de caracteres que possuem as mesmas características de desenho independentemente de suas variações . As famílias tipográficas apresentam variações em relação ao peso, largura e inclinação. As variações depende da inclinação dos tipos, definindo se o tipo é Regular ou Itálicos.
Avenir Next LT Pro 30 Ultra Light Condesed Avenir Next LT Pro 30 Condensed Avenir Next LT Pro 30 Regular Avenir Next LT Pro 30 Italic Avenir Next LT Pro 30 Medium Condensed Avenir Next LT Pro 30 Demi Avenir Next LT Pro 30 Bold Avenir Next LT Pro 30 Heavy Condesed Família tipográfica Avenir (Adrian Frutiger , 1988)
18
PESO
O peso são às variações de densidade, ou seja, das diferentes espessuras no desenho dos tipos que compõem certa família tipográfica. No exemplo tem os seguintes pesos: Ultra Light Condensed, Regular e Bold:
AA AA A
LARGURA
A largura são as variações entre as larguras. Como as variações condensadas (mais apertadas) ou expandidas ( mais folgadas).
Avenir Next LT Pro Condensed Avenir Next LT Pro Regular Avenir Next LT Pro Demi
INCLINAÇÃO
A inclinação define se o tipo é regular (Romano no caso de alguns tipos com serifas) ou itálicos (Oblíquo no caso de alguns tipos sem serifas).
Avenir Next LT Pro Regular Avenir Next LT Pro Itálico
19
GUIA TIPOGRÁFICO | Conceitos
Corpo O corpo é o tamanho do tipo, sendo definido pela altura dos clichês. É o tamanho que vai do ponto mais alto (ascendente ou versal) até o ponto mais baixo (descendente), com mais o acréscimo de algum espaço extra. A unidade de medida utilizada é o ponto (pt).
60 pt
CORPO
aaa aaa
aa aa
a aa a
a aaa
aa
Guia tipográfico
Clichê é a matriz gravada em placa metálica e destinada à impressão de imagens e textos. Clichês de metal (chumbo)
20
Tipometria PADRÃO BRITÂNICO E AMERICANO
O termo tipometria refere-se ao estudo de medidas utilizadas para determinar o tamanho de caracteres usados pela tipografia baseado no ponto nos padrões britânicos e americanos e no didot para os padrões europeus.
pontos
paica
O que é medido?
Um ponto mede 0,35275 mm
Uma paica mede 12 pontos
PONTO Altura do tipo
Gutter
Entrelinha
cícero PADRÃO EUROPEU
A
PAICA Linha
Um cícero mede 0,38mm
didot Um cícero mede 12 didots
O que é medido? PONTO Altura do tipo
A
PAICA Linha Gutter
Entrelinha
21
GUIA TIPOGRÁFICO | Conceitos
Caixa de tipos Caixa-alta corresponde ao conjunto de caracteres em letras maiúsculas.
GUIA TIPOGRÁFICO GUIA TIPOGRÁFICO Caixa-baixa corresponde ao conjunto de caracteres em letras minúsculas.
guia tipográfico Versalete é um caractere maiúsculo com a mesma altura das minúsculas (altura x).
22
TIPOS MÓVEIS
O termo caixa-alta e caixa-baixa derivam da história da tipografia. Em 1455 Gutenberg publicou a Bíblia de Gutenberg que foi o primeiro livro a ser publicado com impressão de tipo móvel.
Os tipos eram organizados em caixas de madeira sobre um cavalete, nas oficinas tipográficas onde as letras maiúsculas ficavam na parte superior (caixa-alta) e as letras minúsculas ficavam na parte inferior (caixa-baixa), pois eram muito utilizadas e dessa forma era mais fácil de pegá-las.
23
GUIA TIPOGRÁFICO
3. Anatomia Cada tipo possui uma característica que os diferenciam e que determinam a sua visibilidade, legibilidade e estilo. Existe uma série de termos para cada parte do tipo:
24
Linha de base Altura de X Percepção de tamanhos Ascendentes Descendentes Anatomia Geral Terminais
25
GUIA TIPOGRÁFICO| Anatomia
Anatomia
PERCEPÇÃO DE TAMANHO
ALTURA DE X
LINHA DE BASE
Linha de base é onde todas as letras repousam.
26
Guia tipográfico Altura-de-x é o termo aplicado a distância entre a linha de base ao topo da letra minúscula. Essa altura é uma medida relativa, a medição física será diferente de face para face, mesmo se o tamanho do corpo for o mesmo.
Guia tipográfico Quanto maior for a altura-x em relação a altura da maiúscula maiores as letras irão parecer. Duas ou mais tipografias com o mesmo corpo podem parecer diferentes devido à altura-x.
Todas essas palavras estão com 37 pontos
Altura-de-x
Corpo
Linha Ascendentes
Guia tipogrĂĄfico Linha Descendentes
ASCENDENTES
Ascendentes ĂŠ a parte das letras b, d, f, k, h, l e t que se estendem acima da altura de x.
DESCENDENTES
Descendentes e a parte das letras g, j, p, q, y e por vezes a letra J (caixa alta), que se estendem abaixo da altura de x.
27
GUIA TIPOGRÁFICO| Anatomia
Anatomia geral Traço
Filete
Apoio
Estresse
Refere-se especificamente à parte diagonal de letras como N, M ou Y . Hastes, barras, braços, bojos, etc. são chamados coletivamente de traços de letra.
A parte curva da serifa, que se conecta com o traço .
Serifa
Direção na qual um traço curvo muda de peso.
Espinha
Traço que encerra, ou encerra parcialmente, a contraforma em uma romana. Às vezes é usado para . descrever as partes cursivas do descrever as partes cursivas do
Queixo A parte angular terminal do G.
Braço
Pequeno traço no final de um traço principal vertical ou horizontal.
O traço curvo da esquerda para a direita em S e s.
Traço horizontal que é aberto em uma ou ambas as extremidades, como visto em T, F, E e também o traço ascendente do K
Cauda
Ligação
Orelha
O traço descendente de Q , K ou R. Os descendentes de g, j, p, q e y também podem ser chamados de cauda, assim
28
O traço mais fino de um tipo que tem várias espessuras. Pode ser claramente identificado em um v ou a.
Laço
A parte que junta os dois bojos do g com dois andares.
O lado direito do bojo do q, e o final de um r o u f, por exemplo.
Haste
O traço principal vertical o diagonal de uma letra .
u
Travessa
O traço horizontal em A, H, T , e, f e t Às vezes é chamado de trave. Uma travessa cruza uma única haste.
Trave
Ponto formado na parte superior de um caractere, como A, onde o traço da direita e o da esquerda se encontram.
Vértice
Ângulo formado na parte inferior de uma letra onde o traço da esquerda e o da direita se encontram, como no V.
A contraforma é o espaço vazio dentro dos traços de uma letra, e está rodeada por u m bojo. A contraforma pode ser chamada de olho no caso da letra e.
Forquilha
O traço horizontal em A e H Uma trave une duas hastes.
Ápice
Bojo
O local onde a perna e o braço de K e k se encontram.
Ombro ou Corpo
Arco presente em h ou n.
Ascendentes e descendentes
O ascendente é a parte de uma letra quese estende acima da altura-x; um descendente avança abaixo da linha de base.
Terminal
Descreve o acabamento de um traço. Arial tem terminais retos, sem decoração; já Times New Roman tem terminais agudos. Outras variações incluem teminais alargados, convexos, côncavos e arredondados. Esse últimos têm acabamentos circulares, também conhecidos como “remates”.
Perna
O traço mais baixo inclinado em direção à linha de base de K, k e R. Às vezes é usado para a cauda do Q .
29
GUIA TIPOGRÁFICO| Anatomia
Terminais Os terminais são as formas nos finais das letras: a, c, f, j, r, s e y.
ff ff
Bola ou botão
30
Lágrima ou gota
Bico ou afiado
Terminal ausente
Eixos
Eixo Humanista Eixo oblíquo Condiz com a inclinação da escrita manual
RACIONALISTA
HUMANISTA
O eixo é a angulação do traço, mais precisamente a inclinação das letras, principalmente das letras b, c, e, g, o, p e q. São dois tipos de eixos existentes:
Eixo Racionalista Eixo vertical Condiz com as formas neoclássicas e românticas
31
GUIA TIPOGRÁFICO
4. Letra
32
CAPA - LE Fran
ETRA
Serifa e Sem serifa Tipos de serifas Kerning Tracking Algarismos Letras
33
GUIA TIPOGRÁFICO | Letra
Serifa e Sem serifa Serifas são os pequenos traços e prolongamentos que ocorrem no fim das hastes.
F F
Serifa linear
34
Serifa curvada
Serifa quadrada
Serifa slab
Serifa triangular
Caligráfico
Classificação Estilo antigo: As partes mais finas estão somente nos ângulos, as diferenças sutis entre linhas grossas e finas e possibilitam excelente legibilidade.
aA
Adobe garamond
Transição: O estilo transitório ou barroco apareceu pela primeira vez em meados do século 18 e recebem este nome, pois estão entre o estilo moderno e o estilo antigo. Diferenças entre linhas grossas e finas são mais pronunciados do que no estilo antigo, mas eles ainda são menos dramáticas do que em fontes serif modernas.
aA
Baskerville
Moderno ou Didone: Este estilo de fonte é caracterizado pelo extremo contraste entre linhas grossas e finas. Caracteres tipográficos modernos têm uma tensão vertical, com suportes mínimos. As serifas tendem a ser muito finas e as linhas verticais muito pesadas e podem ser menos legíveis que as fontes do estilo antigo.
Mecânico
aA
Bodoni MT
Slab serif ou Laje serif ou fontes egípcias: Estas fontes costumam ter pouco ou nenhum contraste entre linhas grossas e finas. As serifas tendem a ser tão espessas quanto as linhas verticais próprias e, geralmente, não têm qualquer suporte.
aA
Claredon BKL
35
GUIA TIPOGRÁFICO| Letra
Kerning
36
MANUAL
Guia T ipográfico
ÓPTICO
Kerning é o espaço entre duas letras. Algumas combinações de letras têm muito ou pouco espaço entre elas, o que pode dificultar a leitura de algumas palavras. Esse problema pode ser reduzido com o kerning adicionando ou removendo os espaços entre as palavras.
Guia Tipográfico
Tracking Tracking é o espaçamento de todos os caracteres, e é aplicado uniformemente entre letras e palavras. Este espaço pode ser ajustado para que os caracteres fiquem mais ou menos distinguíveis.
Espaçamento Normal Espaçamento apertado Espaçamento solto
37
GUIA TIPOGRÁFICO | Letra
Algarismos
SMALL CAPS
OLDSTYLE
LINING
Lining são os numerais com o mesmo tamanho de uma versal (caixa alta) e não possuem ascendentes e descendentes.
38
ABC123456789 OldStyle são os numerais alinhados pelo texto. Por isso eles ultrapassam a linha de x e, consequentemente, possuem ascendentes e descendentes.
abc123456789 Small Caps são os numerais com o mesmo tamanho de uma versalete e não possuem ascendentes e descendentes.
ABC123456789
Letra
Capitular COM
COM
Grifo COM LIGADURA
fi
SEM
Capitular SEM
Grifo SEM LIGADURA
FI 39
GUIA TIPOGRÁFICO
5.Classificação Tipográfica Ao longo da história foram criadas inúmeras fontes diferentes cada uma focando-se em temas, aplicações, estilos diferentes. Existem "n" classificações: de Theodore Low De Vinne, de Thibaudeau, de Daniel Berkeley Updike, Vox System, Vox-ATypI, Schrift Muss Passen, de Geoffrey Dowding, Din 16518 N, British Standards System, de Rurari McLean, Lawson's System, entre muitos outros. O historiador francês Maximilien Vox (1894-1974) organizou a primeira e mais conhecida classificação tipográfica em 1954, e que com base nessa classificação originou-se outras. A classificação tipográfica dessa guia será do autor Lewis Blackwell, na qual os tipos podem ser classificados em 13 grupos.
40
Com serifa Sem serifa Caligrรกficas Decorativas
41
GUIA TIPOGRÁFICO | Classificação Tipográfica
HUMANISTAS
Os tipos humanistas se originaram nos séculos XV e XVI, e se assemelhavam a caligrafia clássica. São bem conectadas à caligrafia e ao movimento da mão e da pena no papel, o que justifica o seu nome e o eixo oblíquo.
42
Centaur Características: Traço gradual de leve contraste; Eixo vertical inclinado; Eixo da letra “o” com acentuada inclinação à esquerda; Serifas grossas e curtas, oblíquas nas ascendentes e nem sempre simétricas; Pouca ou nula diferença entre a altura das maiúsculas e das hastes das ascendentes; Altura de x relativamente baixa Pouca variação das larguras dos braços.
Com serifa GARALDINAS
Nos tipos Garaldinas a nomenclatura garaldes é originada dos nomes de Claude Garamond e Aldus Manutius (garamond + aldus). Apareceram pouco depois das humanistas, apresentando alguns elementos diferenciais, sendo o principal a barra da letra "e".
Guia tipográfico e Garamond
Características: Serifas agudas; Proporções mais finas; Contraste entre seus traços mais acentuado; O eixo vertical, com leve inclinação (mais ereto); A letra “e” a mais marcante, tem sua barra totalmente reta; Altura de x mais elevada.
43
GUIA TIPOGRÁFICO| Classificação Tipográfica
TRANSICIONAIS
Os tipos Transicionais possuem serifas menos “desleixadas” que os tipos humanistas, além de um eixo mais vertical. Surgiram durante a fase de transição entre as tipografias humanistas e modernas. Um dos primeiros tipógrafos de destaque desta época foi Willian Caslon.
44
Guia tipográfico Adobe Caslon Pro
Características: Traço gradual de contraste entre médio e alto; Eixo de modulação vertical ou quase vertical; Serifas curtas pouco oblíquas ou horizontais nas ascendentes e nos apoios das minúsculas; Altura das maiúsculas menor que a altura das ascendentes.
Com serifa DIDÔNICAS
Os tipos Didônicas foram originadas dos sobrenomes de Firmin Didot e Giambattista Bodon, este tipo de fonte foram criadas no século XVIII. Seus objetivos eram para criar layouts mais elegantes, clássicos e com uma intensa precisão e contraste para que fossem impressos.
Guia tipográfico Bodoni MT
Características: Alto contraste; Serifas lineares; Abertura da fonte reduzida ; Eixo reto; Uso de terminações do tipo bola ou botão.
45
GUIA TIPOGRÁFICO | Classificação Tipográfica
EGÍPICIAS
Os tipos Egípcias foram feitas principalmente para utilização em cartazes, as fontes egípcias se expandiram ao longo do século XIX. São fontes bem mais pesadas assim como suas serifas que possuem na maioria das vezes a mesma largura de suas hastes. Esta categoria nasceu juntamente com os primeiros cartazes publicitários, neste período fontes decorativas foram criadas para chamar a atenção do público por volta do século XIX.
46
Guia tipográfico
Rockwell
Características: Uso de serifas quadradas e horizontais; Ênfase vertical.
NEO TRANSICIONAIS
Com serifa
Guia tipográfico Características:
Bookman Old Style
Tipos mais robustos que as transnacionais; Mais suaves e arredondados; Descendentes mais curtas; Ênfase vertical.
47
GUIA TIPOGRÁFICO| Classificação Tipográfica
Sem serifa GROTESCAS
Os tipos Grotescas foram os primeiros tipos sem serifas. Surgiram no séc. XIX, os quais tornaram-se comercialmente muito populares. Muitas dessas tipos de letra tinham apenas maiúsculas ou existem apenas em livros de espécimes centenários, mas alguns deles ainda são bastante.
48
Guia tipográfico Franklin Gothic Medium Características - Grotescas: Sem serifa; Sem ou leve contraste de traços grossos e finos; Terminais curvas; Eixo geralmente horizontal; Pequenas aberturas.
NEO GROTESCAS
Os tipos Neo Grotescas são baseados nos tipos grotescos esta categoria neo-grotesca apresentam uma maior modulação em seus traços e uma construção mais refinada e simplificada. Indicadas para textos mediano a curtos, pela ótima legibilidade é indicada para sinalização.
Guia tipográfico Helvetica Características: Leve contraste de traços grossos e finos; Terminais retos; Formas circulares; A letra “g” não possui anel na descendente.
49
GUIA TIPOGRÁFICO| Classificação Tipográfica
Sem serifa
GEOMÉTRICA
Os tipos Geométricas são tipos desenhados a partir de formas geométricas simples, como círculos, triângulos e retângulos, que são repetidos para o desenvolvimento do projeto.
50
Guia tipográfico Características: Pouco ou nenhum contraste de grossos e finos; Pouca legibilidade para textos extensos; Características circulares e retangulares fortes; Letras g e a minúsculos simples, circulares.
Futura
HUMANISTA SEM SERIFA
Os tipos Humanistas sem serifas são inspirados nos tipos romanos, possuem um aspecto orgânico e boa legibilidade para leitura de textos extensos. As Humanistas possuem características e proporções de tipos serifados, com influência nas tipografias caligráficas.
Guia tipográfico Gill Sans MT Características: Alto contraste de traços; Características de tipos serifados; Influência de tipos caligráficos.
51
GUIA TIPOGRÁFICO | Classificação Tipográfica
Sem serifa GLÍFICAS
As tipografias Glíficas são baseadas em letras entalhadas ou cinzeladas na pedra. Tendem a apesentar apenas maiúsculas. Algumas destas podem ser usadas convenientemente em textos, mas a maioria encontra melhor uso em posters, títulos, embalagens e qualquer outra situação onde são usadas em tamanhos maiores.
52
Guia tipográfico Albertus Características: Possuem larguras uniformes; Possuem arremates terminais cinzelados; Ênfase, por vezes, oblíqua à esquerda; Construção muito precisa.
53
GUIA TIPOGRÁFICO| Classificação Tipográfica
Caligráficas Os tipos Caligráficas surgiram a partir de influências de formas rústicas, romanas, inglesas, e com o tempo a escrita caligráfica se tornou cada vez mais decorativa. Geralmente as caligráficas são aquelas fontes desenhadas e não são geralmente padronizadas; há o uso de serifa; e seu traçado não varia muito a espessura, somente em alguns casos.
Guia tipográfico English111 Vivace BT
Guia tipográfico Mistral
54
Decorativas Os tipo Decorativos apresentam características formais que os tornam dificilmente classificáveis em grupos bem definidos ou, então, apresentam referências tão vigorosas que descaracteriza qualquer categoria de classificação.
Guia tipográfico Castellar
Guia tipografico Circus
55
GUIA TIPOGRÁFICO
6.Texto
56
CAPA - LE Fran
ETRA
Entrelinha Alinhemento
57
GUIA TIPOGRÁFICO | Texto
Entrelinha
58
POSITIVA
A entrelinha padrão da maioria dos programas de
CORPO
A entrelinha padrão da maioria dos programas de edição de texto é 20% maior que a altura da versal do tipo.
NEGATIVA
Entrelinhas são os espaços entre as linhas: Entrelinha corpo, entrelinha positiva e entrelinha negativa.
A entrelinha padrão da maioria dos programas de edição de texto é 20% maior que a altura da versal do tipo.
edição de texto é 20% maior que a altura da versal do tipo.
Alinhamento
O alinhamento à direita é uma variante do alinhamento à esquerda, mais familiar, conta com uma margem direita dura e a esquerda suave.. Esse alinhamento é difícil de ler porque força o olho do leitor a achar uma nova posição no início de cada linha.
O alinhamento centralizado possui linhas irregulares são centralizadas entre as margens esquerda e direita. O texto centralizado é clássico e formal.
MAL USO MAL USO
No alinhamento à esquerda a margem esquerda é dura e a direita é suave. Os espaços entre as palavras não variam. Desse modo, grandes buracos nunca aparecem nas linhas de texto.
No alinhamento justificado as linhas têm o mesmo comprimento, portanto criase margens regulares em ambos os lados e produz uma forma limpa na página. Utilizar a hifenização pode ajuda a quebrar palavras muito longas e assim manter o espaçamento harmonioso. Também pode-se fazer o uso do tracking para ajustar as linhas.
No alinhamento à esquerda a margem esquerda é dura e a direita é suave. Os espaços entre as palavras não variam. Desse modo, grande s buracos nunca aparecem nas linhas de texto.
MAL USO
No alinhamento justificado as linhas têm o mesmo comprimento,portanto cria-se margens regulares em ambos os lados e produz uma forma limpa na página. Utilizar a hifenização pode ajuda a quebrar palavras muito longas e assim manter o espaçamento harmonioso. Também pode-se fazer o uso do tracking para ajustar as linhas.
O alinhamento à direita é uma variante do alinhamento à esquerda, mais familiar, conta com uma margem direita dura e a esquerda suave. Esse alinhamento é difícil de ler porque força o olho do leitor
MAL USO
CENTRALIZADO À DIREITA
À ESQUERDA
JUSTIFICADO
Alinhamento é o posicionamento do texto em relação ao espaço e aos elementos contidos nele (no espaço).
O alinhamento centralizado possui linhas irregulares são centralizadas entre as margens esquerda e direita. O texto centralizado é clássico e formal.
59
GUIA TIPOGRÁFICO
7. Aplicações
60
Fontes para texto Fontes para DIsplay Legibilidade Leiturabilidade Visibilidade Hierarquia Traços Pontuação
61
GUIA TIPOGRÁFICO| Aplicações
Fontes para texto As fontes para texto são desenvolvidas para serem usadas em tamanhos menores (6pt a 12pt). Na hora da escolha das fontes, existem alguns passos:
• Priorizar a legibilidade; • Devem ser legíveis em tamanhos pequenos; • Ter um desenho limpo; • Manter proporções e formas conhecidas do leitor; • Recomendável apresentar 3 variações de pesos na família. Letras reúnem-se em palavras; Palavras constroem sentenças. Em tipografia, o termo "texto" é definido como uma sequência contínua de palavras, distinta de legendas ou títulos mais curtos. O bloco principal é frequentemente chamado de "corpo" e contém a principal massa do conteúdo. Também conhecido como "texto corrido", pode fluir de uma página, coluna ou caixa para a outra. Como corpo, o texto é mais íntegro e completo que os elementos que o circulam, sejam eles imagens. legendas e fólios, ou banners. A tipografia ajudou a consolidar a noção literária do "texto" como obra original e completa. Os escribas desenvolveram maneiras inventivas de inserir linhas faltantes nos manuscritos para salvar e reparar esses objetos laboriosamente preparados. Letras reúnem-se em palavras; Palavras constroem sentenças. Em tipografia, o termo "texto" é definido como uma sequência contínua de palavras, distinta de legendas ou títulos mais curtos. O bloco principal é frequentemente chamado de "corpo" e contém a principal massa do conteúdo. Também conhecido como "texto corrido", pode fluir de uma página, coluna ou caixa para a outra. Como corpo, o texto é mais íntegro e completo que os elementos que o circulam, sejam eles imagens. legendas e fólios, ou banners. A tipografia ajudou a consolidar a noção literária do "texto" como obra original e completa. Os escribas desenvolveram maneiras inventivas de inserir linhas faltantes nos manuscritos para salvar e reparar esses objetos laboriosamente preparados.
62
Fontes para display As fontes display são projetadas para serem usadas em tamanhos grandes acima de 18 pt. Geralmente em pequenos blocos de texto como cartazes e embalagens.
• Priorizar a expressão; • Destacar do restante do texto; • Letras diferenciadas, com traços mais decorativos e ornamentais; • Não precisam pertencer a uma família, podem ser fontes isoladas; • O foco é atrair a atenção dos leitores.
DIPLAY Display 63
GUIA TIPOGRÁFICO| Aplicações
Legibilidade A legibilidade é a facilidade de distinguir as letras uma das outras. Para que um texto tenha essa qualidade, o leitor precisa identificar suas letras de maneira rápida e precisa, pois quando lemos um texto, não observamos letra por letra, mas sim blocos de letras.
Abertura evidente
Altura-x média (mais que 1/3)
Espaço interno grande
Guia tipográfico Ascendentes e descentes médios
Nossa leitura também é mais focada na metade superior das letras e lemos mais rapidamente famílias tipográficas que possuem maior diferen ciação de formas em sua metade superior.
64
Leiturabilidade A leiturabilidade ĂŠ a facilidade facilidade com que o olho absorve a mensagem e se move ao longo da linha.
O texto apresenta boa legibilidade mas nenhuma leiturabilidade.
65
GUIA TIPOGRÁFICO| Aplicações
Visibilidade A visibilidade relaciona-se à identificação do texto à distância, sendo importante especialmente no caso de letreiros, de outdoors, sinalizações etc.
A fórmula para calcular as dimensões de um texto em função da distancia de leitura para que ele tenha visibilidade e legibilidade.
66
Hierarquia Um hierarquia tipográfica indica um sistema que organiza conteúdo, enfatizando alguns dados e preterindo outros. Para auxiliar a leitura do conteúdo, os textos das peças gráficas devem ser organizados por ordem de hierarquia em relação à importância da informação. Variações de peso, estilo, posição largura e cor ajudam a construir um fluxo de leitura, atraindo e guiando o leitor.
QUEM você leu primeiro?
Uma linha muito longa, pode prejudicar a leitura, torná-la cansativa e fazer com que o leitor tenha dificuldade para ir de uma linha para outra linha, resultando também na perda do foco. Por outro lado, uma linha muito curta pode fazer com que os olhos façam movimento repetitivos, bruscos, rápidos. Isso também causa desconfortos e prejudica a leitura. Por isso, o comprimento da linha deve ser coerente com o suporte usado e com o tamanho do corpo do texto. Existem pessoas que defendem o uso 40 a 60 caracteres por linha. Eu, como já disse no artigo anterior, prefiro medir por palavras.
67
GUIA TIPOGRÁFICO| Aplicações
Traços
HIFENS
TRAÇO ENE
TRAÇO EME
Traços de diferentes larguras possuem usos e forma distintas.
68
Traço EME (—): Exprimem quebras gramaticais fortes. Um traço eme tem a largura de um eme no respectivo corpo. Nos originais, eles podem ser representados por hífens duplos (--), mas devem ser substituídos depois.
Traço ENE (–): Servem primeiramente para conectar números ( I-Io), mas podem separar sentenças. Um ene tem a metade da largura de um eme. É raro encontrá-los nos originais.
Hifens (-): Conectam palavras e frases compostas e quebram palavras em finais de linha.
Pontuação Aspas possuem formas “abertas” e “fechadas”, ao contrário das plicas, que são retas.
“ ′
Aspas de fecho simples também serve de apóstrofe ( “estrela d’ alva”).
”
Plicas devem ser usadas apenas para indicar polegadas, pés, minutos e segundos ( 5′ ).
69
GUIA TIPOGRÁFICO
8. Como escolher e combinar
CAPA - LE Fran
70
ETRA
Avaliar a legibilidade Expressão Família Qualidade
71
GUIA TIPOGRÁFICO | Escolha e combinação
Como escolher a fonte Para começar a selecionar as tipografias a serem usadas para o projeto, é necessário saber de algumas questões do briefing:
1 4
Saber os objetivos do projeto
Conhecer o conteúdo
72
2 5
Co pú
De co
onhecer o úblicoalvo
efinir o onceito
3 6
Saber a mídia de reprodução
Saber o orçamento
Para determinar a tipografia a ser usada, existem alguns critérios que podem ser seguidos, como explicam as próximas páginas.
73
GUIA TIPOGRÁFICO| Escolha e combinação
Avaliar a legibilidade e leiturabilidade COM SERIFA X SEM SERIFA Caracteres sem serifa são naturalmente mais legíveis (legibilidade) que os com serifa, pois apresentam menor nível de detalhes. Isso não quer dizer, porém, que sejam mais confortáveis para leitura (leiturabilidade). Serifas neutras para não chamar atenção do leitor, serifas muito longas ou muito finas podem atrapalhar prefira serifas curtas e consistentes, assim não correm o risco de ilegibilidade em tipos menores, quando o projeto envolver um texto com muitos números, prefira tipos sem serifa são mais legíveis e simples.
ALTURA X Pouca distinção entre o formato das letras também prejudica a legibilidade e por consequência a leiturabilidade, saber do propósito já estabelecido pelo tipógrafo, considerar a altura de x, caracteres com formas e medidas tradicionais pelo leitor, nem muito fina e nem muito grossa, amplo espaço interno e aberturas (o, e, c, m, u etc.)
74
Expressão Qual a primeira sensação que a fonte analisada te provoca ou pode provocar ao leitor? Parece agressiva? Tranquila? Vibrante? Triste? Alegre? Tradicional? Moderna? E esta senção o quão pertinente é ao seu projeto?
ASPECTOS HISTÓRICOS E CULTURAIS • Quem criou a tipografia? • Em que época? • Com qual finalidade? • Ela reflete a cultura de um país? • Um movimento artístico? • Está conectada a alguma época ou movimento artístico?
ASPECTOS SIMBÓLICOS • O que esta fonte simboliza? • Seu desenho remete ao vernacular, mecânico, caligráfico? • É um tipo nobre, refinado, popular?
75
GUIA TIPOGRÁFICO | Escolha e combinação
Família Em projetos de maior complexidade como projetos gráficos editoriais é importante considerar a existência de variações de peso, largura e inclinação para definição da fonte.
Verifique se a sua fonte possui: Hairline Thin Light Regular Medium Semibold Bold
Black
76
Qualidade Faça uma análise criteriosa para determinar a melhor tipografia. Amplie, imprima, certifique-se de que ela tem qualidade de desenho, métricas estabelecidas e recursos disponíveis.
Desenho Parâmetros como a modulação das hastes e as proporções gerais devem privilegiar simultaneamente estética e legibilidade. Os caracteres precisam ser coerentes, seguir uma identidade, um padrão de traço e variações.
DIREITO DE USO Embora esquecido algumas vezes o direito de uso é um critério muito importante para selecionar fontes. O projeto tem verba para comprar fontes? Em quantas máquinas ela precisará ser instalada? Precisa ser gratuíta?
Mét ric a A qualidade técnica de uma fonte digital contempla o ajuste exaustivo de parâmetros métricos (espaçamento e kerning) e estruturais (bitmaps e vetores) para otimizar os procedimentos de impressão e de visualização em tela.
RecuR$o$.,:'# Escolha fontes que possam fornecer todos os efeitos de que você precisar. Tem Caixa-alta e baixa? Acentos e Pontuação completa? Ligaturas? Outros idiomas? ç?.
lICENÇA Verifique quais as permissões de uso disponibilizadas pelo autor. Elas atendem a necessidade do projeto?
77
GUIA TIPOGRÁFICO| Escolha e combinação
Combinação Tipográfica
1 2 Por Família
Combinar variações de peso da mesma família é uma receita simples e que geralmente funciona muito bem. Indicado quando se busca neutralidade na diagramação ou não se tem ideia do conteúdo a ser abordado. • Procure fontes com diferentes pesos disponíveis. • Peso maior no título é o mais comum, mas variações podem ser interessantes. • O contraste deve ser evidente. Crie variação de tamanho, peso e uso (caixa alta, caixa baixa, versalete). • Com uma hierarquia visual bem trabalhada, oferece ótimos resultados. siva com o conteúdo.
78
Com ou sem serifa
É uma combinação clássica, mas requer alguns cuidados para que o conjunto fique harmonico.
• Verifique se altura-x, ascendentes, descendentes, largura dos caracteres, eixo de inclinação e forma dos caracteres (e, a, g etc.) são compatíveis com a outra fonte. • Fontes do mesmo sistema ou do mesmo tipógrafo costumam combinar bem.
3
4
Fontes complementares
Os opostos se atraem: as fontes também. Tipos “introvertidos”podem combinar muito bem com as fontes mais “extrovertidas”. • Misturar duas fontes opostas tende a gerar um equilíbrio a composição. • Se utilizar uma uma fonte muito distintiva e com “personalidade forte” (fonte display), faça o equilíbrio da composição com um tipo mais sério e tradicional.
Mais contraste e menos conflito
Ao combinar fontes, você quer contraste, mas não quer conflito. Só porque as fontes são diferentes, isso não significa que elas funcionarão automaticamente juntas. De modo geral, as fontes precisam compartilhar de algumas qualidades semelhantes. • Mesma Proporção • Mesma altura de x • Formas parecidas Observe as fontes ao lado. Apesar de aparente contraste em uma combinação clássica, os tipos são muito diferentes. Apresenta mais conflito que contraste: • O tipo superior tem letras muito arredondadas e bem espaçadas, a inferior tem letras mais altas e condensadas.
79
GUIA TIPOGRÁFICO
80
81
GUIA TIPOGRÁFICO
82
83
GUIA TIPOGRÁFICO
Glosário C CAIXA-ALTA Nome que os tipógrafos deram às letras maiúsculas, por guardarem os Tipos móveis destes caracteres na parte superior de um tabuleiro, a caixa do tipógrafo, que estava dividido em compartimentos - os caixotins. A designação "letra de caixa-alta" ainda hoje se usa, sobretudo no meio da indústrias gráficas, das editoras e do Design Gráfico.
CAIXA-BAIXA Os caracteres de chumbo das letras minúsculas eram guardados na parte inferior da caixa do tipógrafo. Por isso passaram a chamar -lhes "letras de caixa-baixa". Este termo continua também a usar-se na terminologia tipográfica.
CAPITULAR Caractere de grandes dimensıes, muitas vezes ornado, que surge no inÌcio de um par·grafo ou capÌtulo.
CARACTERE Toda e qualquer letra, número, pontuaçãoo ou símbolo. Antigamente também se designavam por caracteres, os Tipos móveis de madeira ou chumbo.
CONTRASTE Diferença da espessura entre as hastes ou traços de uma mesma letra. Pode ser nulo, mÈdio ou grande.
E ENTRELINHA Distãncia entre as linhas de base de duas linhas de texto consecutivas. Tal como o corpo, também se mede em pontos.
84
F FAMÍLIA Conjunto de todas as variantes de um Tipo de letra. Em geral as variávies são por inclinação (regular ou italic), espessura (light, medium ou bold) e largura (compressed, condensed ou extended).
FONTE Termo usado para designar uma variante de um Tipo de letra, ou um ficheiro informático contendo essa variante. Conjunto de caracteres com um determinado estilo, espessura, largura e inclinação.
FUNDIÇÃO Empresa que desenha, edita e comercializa Tipos de letra.
H HINTING Instruções contidas numa fonte que servem para determinar como o traçado de uma letra deve ser corrigido, de forma a ser correctamente apresentado no Ècran ou impresso a menos de 600 dpi.
K KERNING Ajustamento do espaÁo entre dois caracteres a fim de se obter um espaÁamento ideal de pares de letras.
L LIGATURA Letras combinadas constituindo um único caractere. Exemplos de ligaturas são os conjuntos fi, fl, ff, ct
LINHA DE BASE Linha horizontal imaginária onde assentam e ficam alinhados todos os caracteres de um Tipo de letra.
LINHA MEDIANA Linha horizontal imaginária que toca a letra x na sua parte superior, definindo a altura-x.w
85
GUIA TIPOGRÁFICO
M MODULAÇÃO Diretamente relacionada com o contraste, é a tensão vertical ou oblÌqua de alguns Tipos de letra, determinada por um eixo perpendicular às linhas mais estreitas dos traços da letra. Quando o contraste é nulo, não existe modulação.
P PONTO Unidade elementar de medida tipográfica, designada abreviadamente pt. Os programas de software utilizam o ponto DTP que È igual a 1/72 de polegada, ou seja, 0.353 mm. No entanto no sistema anglo-americano o valor do ponto È 0.351 mm, e no sistema europeu (ou Didot) é 0.376 mm.
R RESOLUÇÃO Densidade de pixels, pontos ou linhas numa determinada ·rea, definida como um n˙mero por unidade linear, isto È, por polegada (inch) ou centÌmetro. Geralmente a resoluÁ„o È medida em pixels por polegada (ppi), pontos (em inglÍs dots) por polegada (dpi) ou linhas por polegada (lpi), dependendo do aparelho a que nos referimos.
T TIPO (DE LETRA) Termo usado para descrever um conjunto de fontes da mesma família. Um Tipo de letra é o conjunto unificado de caracteres, cujos desenhos e traçados partilham as mesmas características, exibindo propriedades visuais semelhantes e consistentes.
TRACKING Alteração (aumento ou diminuição) do espaçamento entre letras e palavras. Ao contrário do kerning, este ajustamento é aplicado a uma grande porção de texto equitativamente.
V VERSALETE Letra maiúscula com a mesma altura e espessura de traço das letras minúswculas.
86
87
GUIA TIPOGRÁFICO
Referências
Referência: JUSTO, Thiago Cesar Teixeira. Diagramação: Fundamentos e técnicas. São Paulo: Sesi Senai Editora, 2017. 112 p. Referência: LUPTON, Ellen. Pensar com tipos. São Paulo: Original, 2004. 184 p. Referência: AMBROSE, Gavin; HARRIS, Paul. Tipografia. Porto Alegre: Artmed, 2005. 184 p. Referência: WANDERLEI. Tipometria. Disponível em: <http://www.dalete.com.br/aulas/tipometria.pdf>. Acesso em: 14 abr. 2018. Referência: ARTHUR, Ricardo. Legibilidade e Leiturabilidade: entendendo as diferenças. Disponível em: <http://ricardoartur.com. br/1001/2011/03/legibilidade-leiturabilidade-entendendo-diferencas/ e http://ricardoartur.com.br/1001/>. Acesso em: 14 abr. 2018. Referência: ARTY, Davi. Tipografia: Guia Sobre Tipos. Parte 1,2 e 3. Disponível em: <https://www.chiefofdesign.com.br/tipografia/>. Acesso em: 14 abr. 2018. Referência: HOFFMANN, Rafael. Tipografia. Disponível em: <http://www.rafaelhoffmann.com/aula/arquivos/tipografia/conteudo_04_anatomia_classificacao_familias.pdf>. Acesso em: 14 abr. 2018. Referência: SILVEIRA, Fabio. Tipografia. Disponível em: <https://pt.slideshare.net/fabio.designerbr/tipografia-aula-01-historia-e-anatomiatipografica>. Acesso em: 14 abr. 2018. Referência: DESCRITO, Não. Tipografia. Disponível em: <http://www.fontesgratis.com.br/artigos/tipografia.pdf>. Acesso em: 14 abr. 2018. Referência: CARVALHO, Ricardo Artur. Tipografia, noções básicas. Disponível em: <http://ricardoartur.com.br/1001/files/2012/03/aula01. pdf>. Acesso em: 14 abr. 2018. Referência: COLLARO, Antônio Celso. Projeto gráfico: Teoria e prática da diagramação. 7. ed. São Paulo: Summus, 2006. 169 p. Referência: CRISTIAN, Liute. Tipografia Básica e Anatomia PDF. Disponível em: <https://clube.design/>. Acesso em: 14 abr. 2018. Referência: SILVA, Fabio Luiz Carneiro Mourilhe & FARIAS, Priscila Lena. 2005 ‘Um panorama das classificações tipográficas’. Estudos em Design, v. 11, n. 2, p. 67-81. Disponível em: <http://www.arcomodular.com.br/portugues/uploads/File/SILVA_FARIAS-PanoramaClassif.pdf>. Acesso em: 24 abr. 2018. Referência: SAAD, Júlia. Sobre as classificações tipográficas. Disponível em: <https://medium.com/@julliasaad/tipografia-91f5957b50f7>. Acesso em: 26 abr. 2018. Referência: My fonts. Geração das fontes utilizadas como alguns exemplos Disponível em: <https://www.myfonts.com/fonts/bitstream/ caslon-540/ e https://www.myfonts.com/fonts/linotype/avenir/> Acesso em: 26 abr. 2018. Referência: BATISTA, Miguel. Terminologia de tipos: Humanista. Disponível em: <https://ilovetypography.com/2008/01/15/terminologiade-tipos-humanista/>. Acesso em: 26 abr. 2018. Referência: VEIGA, Patrick. Material disponibilizado para a aula Acesso em: 13 abr. 2018. Referência: MEURER, Mary. Material disponibilizado para a aula Acesso em: 14 abr. 2018. Referência: RIGHI, Carlos. PRINCÍPIOS DE TIPOGRAFIA: estrutura, ordem e organização dos elementos textuais. Disponível em: <http:// carlosrighi.com.br/177/Produção Gráfica 20101/03 - Princípios de Tipografia - completo.pdf>. Acesso em: 26 abr. 2018. Referência: MISSACI, Liz. HISTÓRIA DA ESCRITA À TIPOGRAFIA. Disponível em: <https://www.miati.com.br/blog/historia-da-escrita-tipografia---parte-2>. Acesso em: 30 abr. 2018. Referência: IMASTERS, Redação. Classificação de tipos de fontes segundo a Adobe. Disponível em: <https://imasters.com.br/noticia/classificacao-de-tipos-de-fontes-segundo-a-adobe/>. Acesso em: 30 abr. 2018. Referência: MOCHO, Blog do. Tipografia III: Taxonomia das Fontes Tipográficas. Disponível em: <http://blog.agenciamocho.com/2016/03/ tipografia-iii-taxonomia-das-fontes.html>. Acesso em: 30 abr. 2018. Referência: GIANNI, Gabriela. ADRIAN FRUTIGER. Disponível em: <http://www.abcdesign.com.br/adrian-frutiger/>. Acesso em: 30 abr. 2018 Referência: JACKSON. 30 fontes que todo designer deve conhecer e deveria possuir. Disponível em: <http://jacksonangelo.blogspot.com. br/2009/07/30-fontes-que-todos-os-designers-devem.html>. Acesso em: 30 abr. 2018.
88
UNIVERSIDADE FEDERAL DE SANTA CATARINA Centro de Comunicação e Expressão Departamento de Expressão Gráfica EGR7139 - Tipografia aplicada Curso de Design
Trabalho acadêmico Guia Tipográfico
Alynka Joyce Borges da Silva Francielle Louise
89
GUIA TIPOGRÁFICO
90
91