Specimen by Zé Artur

CASTA

Design Grรกfico | Tipografia

2017/18

Artur Ferreira | ESAD.CR

Photo by: Joel Afonso

Edited by: Artur Ferreira

“O Vale do Douro também podia ser chamado de vale encantado tal a beleza e encantamento que as suas paisagens oferecem.”

Tive a sorte de nascer num dos mais belos biomas do meu país, conhecido por “Trás-os-Montes e Alto Douro”. Decidido a prosseguir os estudos, entrei na Escola Superior de Artes e Design das Caldas da Rainha. Agora já no último ano do curso, relembro o quanto aprendi e experimentei. Estou grato aqueles que partilharam a sua sabedoria e experiência para comigo. Foi graças a eles que desenvolvi-me como pessoa e futuro profissional. O meu primeiro tipo de letra tem por base a minha região. O Marquês de Pombal mandou delinear a minha zona para a produção de vinho do Porto e por acaso tenho a sorte em ter um dos marcos bem perto da minha aldeia. Coincidência, nunca prestei grande atenção e passa completamente despercebida. Outra coincidência das grandes, o marco está danificado e a forma parece-se com o detalhe principal do meu tipo de letra.

ÍNDICE

INTRODUÇÃO Conceito do Tipo de letra

DESENVOLVIMENTO Desenhos e Estudos: Em busca do “a” Em busca da serifa ideal Correções Afinação do Peso Processo e Evolução Características Proporções Verticais Contraste Tipográfico Proporções Estrutura Grupos Acentos Espacejamento Pares Kerning Números Mapa de Caracteres Mostra de Letras

12 13 14 15 18-21 22-25 26 28-29 30-31 32-33 34-35 36 38-39 40 42 44 46-71

APLICAÇÕES GRÁFICAS Teste de Tamanho Mockup Rótulo de Vinho Mockup Jornal

76-77 78-79 80-81

INTRODUÇÃO

CONCEITO DO TIPO DE LETRA

Aa Casta é um tipo de letra desenhado para corpos de letra muito reduzidos (caption/text) onde é garantida uma legibilidade equilibrada. É um tipo de letra robusto, que lembra e faz referência às virtudes dos primeiros tipos de impressão com caracteres móveis de imprensa. Apresenta um aspecto distintamente contemporâneo. As serifas são relativamente fortes o que proporciona uma mancha de texto mais legível e forte (leitura mais constante e menos cansativa e distractiva para os olhos). As suas proporções e contraste foram reforçadas para garantir uma melhor legibilidade nos tamanhos reduzidos onde o seu limite na impressão é de (5 pt.). Este tipo de letra foi pensado para ser utilizado nos rótulos de vinho, em especial o vinho do Porto. O nome de Casta (Português) refere-se a uma tipologia específica de vinha. É inspirada pelo Marquês de Pombal, cujo um dos grandes feitos foi delinear a minha região para a produção de vinho do Porto em 1756. A zona de Trás-os-Montes é conhecida pela paisagem, gastronomia e cultura mas acima de tudo pelo vinho do Porto. As formas das letras tem inspiração nos tipos de letra Barrocos, século das luzes (Iluminismo) marcando também o tempo do Marquês de Pombal (Séc. ��).

Introdução

��

DESENVOLVIMENTO

DESENHOS E ESTUDOS | Em busca do “a”

Fig.1

Fig.4

Fig.2

Fig.5

Fig.3

Fig.6

Desenvolvimento

��

DESENHOS E ESTUDOS | Em busca da serifa ideal

Este projecto teve o seu início através de uma pesquisa, então fui procurar os mais diversos estilos de letra e absorvi várias referências. O primeiro passo para a criação do tipo de letra foi precisamente pela primeira letra do alfabeto. Estando a letra defenida, utilizei dois lápis entrelaçados com um elástico e por sua vez começando assim os esboços do esqueleto. (Fig.1) Várias tentativas foram feitas criando um resultando de vários estilos. Após o esqueleto definido, foi vez de dar o corpo e personalidade. (Fig.2) Uma das coisas que mais interessou na abordagem do tipo de letra, foi a inclinação das mesmas, criando uma harmonia nos caracteres individuais e em conjunto resultando assim um melhor fluxo de leitura. (Fig.3) Várias tentativas foram exploradas, vários estilos testados, mas devido à pesquisa efetuada logo no início, permitiu-me logo centralizar no espaço e tempo. Uma vez que as bases já estavam definidas, foi necessário avançar para a seguinte fase, o estudo das características Barrocas.* (Fig.4) O Marquês de Pombal foi a base para a escolha do espaço e tempo).

Como o estilo de referência já estava quase definido, foi uma questão de tentativas, estudo e abordagens até chegar ao pretendido. (Fig.5) Para fazer as serifas, utilizei o papel milimétrico. O objetivo aqui era criar um tipo de letra mas para a desenhar, foi necessário utilizar o programa Fontlab (editor de fontes para designers). Ora programas como este precisam de hardware e com isto refiro-me aos ecrãs. O que os ecrãs têm a ver com tipografia? Bem, pode-se dizer que se desenhar-mos logo em grelhas, facilita muito o resto do trabalho. (Mais tarde vim a descobrir que graças a este método, consegui com que as minhas letras tivessem a mesma legibilidade com muitos poucos pixeis, isto deu origem a um tipo de letra com a particularidade e funcionalidade de excelente leitura a 5 pts). (Fig.6) Os ecrãs são composto com grelhas, chamados de pixels. Então basicamente, juntei as duas técnicas (analógico e digital) e assim foi a minha estrutura para desenhar o meu tipo de letra. Foi um processo de paciência e de experiências importantes para o desenvolvimento do tipo de letra.

*Características do Barroco: -As letras são menos caligráficas e são mais tipográficas (abordagem racional). -O contraste das letras é menos, logo proporciona uma mancha de texto mais forte. -As serifas tornam-se mais simétricas e fortes (funcionam melhor para tamanhos de letra pequenos) -O stress das letras torna-se vertical -Altura de (x) também aumenta ligeiramente o que ajuda na leitura de corpos de letra reduzidos.

Desenvolvimento

��

DESENHOS E ESTUDOS | Correcções (Contraste e Peso)

Fig.7

Fig.8

Desenvolvimento

��

DESENHOS E ESTUDOS | Afinação do peso

Fig.9

Fig.10

Fig.11

A parte da afinação foi com base na grelha dos pixels. Como já tinha referido anteriormente, os ecrãs são composto por pixels, então a base da construção (analógica) foi através do uso do papel milimétrico, isto para ter logo um resultado mais próximo ao display e em termos de proporção ter algo coerente. Após feita a caixa baixa, foi altura de afinar. Foram feitos vários tamanhos em impressão e assim ajustando analogicamente as melhorias. (Fig.7 e Fig.8) Feitas as constantes melhorias, foi importante fazer o seguinte teste final: -Imprimir as letras em várias escalas; -Digitalizar; -Ampliar o ficheiro (Photoshop); Conclusão: Pode-se dizer que menor tamanho de letra é igual a menos pixels por área, portanto a afinação foi precisamente descobrir qual era o limite da relação área/pixel. Sabendo assim que o limite legível, sem perder a a personalidade, é de 5 pt. (Fig. 9, Fig.10, Fig.11 e Fig12)

Fig.12

Desenvolvimento

��

APELIDADO

PROCESSO E EVOLUÇÃO | Grupos de letras (Tipologia das formas) | Caixa Baixa

O processo foi longo, demorado, mas interessante. Uma das principais razões por ser demorado foi a necessidade de que ficasse tudo alinhado e certo. Foram feitos vários testes de impressão para ver a legibilidade, detalhes que escapavam no ecrã. O meu tipo de letra perde nos pormenores pois como é para impressões muito pequenas, têm tendência de não ser tão forte como se fosse para editorial e display. Ainda assim quis uma letra fora do comum, inspirada no old style, mas que corresponde-se aos dias de hoje. Para isso retirei 18

a chamada de gota, tornado a letra mais leve e contemporânea e acima de tudo, trabalhei a parte da barriga do “a”. (aonde pode-se conferir que a junção da bojo com a haste, é recta e não arredondado como costuma ser no barroco. Foram duas semanas em volta desta letra, sempre a tentar melhorar. A partir daí segui para o “n”, “m”, “r”... também fiz o “o”, este mais simétrico. Como já tinha uma ideia objetiva das letras minúsculas, passei para as maiúsculas. O processo foi exatamente o mesmo que o anterior.

Desenvolvimento

��

ESTUDO E EVOLUÇÃO DAS FORMAS

Desenvolvimento

��

PROCESSO E EVOLUÇÃO | Descendência Formal da Caixa Baixa

Para as letras serem todas identificadas como da mesma família, é preciso ter coerência de formas. Casta é essencialmente identificada pelas serifas muito racionais, com inclinação e em certos casos especiais como nas letras “h”, “m”, “n”, a última perna partilha a mesma serifa do “a”, “u” e “d”. As inclinações das serifas são todas iguais (com alternative stylish) o 20

que permite um fluxo de texto e uma mancha de leitura agradável. As serifas base das restantes letras cuja o grupo seja verticais, são adaptadas consoante a letra (exemplo no caso do “r”, “f”, “p”, “q”). O caso exclusivo do “k” é devido ao facto da terminação ser vertical e não permite que haja uma ligeira curva como no caso do “h”.

Desenvolvimento

��

PROCESSO E EVOLUÇÃO | Descendência Formal da Caixa Alta

O caso da caixa alta foi igual ao da caixa baixa. Contudo, nas capitulares desapareceu o detalhe da inclinação mas manteve a postura das serifas racionais com ângulos rectos. As serifas são mais fortes do que na caixa baixa proporcionando um equilíbrio visual entre as letras.

Desenvolvimento

��

CARACTERÍSTICAS | Caixa Baixa

1 4

1) Terminações mais simples (modernas) 2) Terminações ascendentes com inclinação 3) Serifas rectas (formas mais racionais) 4) Eixo do stress é vertical (influência Barroca)

Existem muitos tipos de letra desenhados para situações específicas como jornais, revistas, identidades corporativas, entre outras. Casta foi desenhada para ser usada em rótulos de vinho do Porto; pode ainda ser utilizada para jornais; livros românticos ou ainda branding. Apesar de hoje em dia ter pessoas que defendem as novas tecnologias e que o papel vai acabar, a verdade é que isso não é bem assim. O tipo de letra Casta consegue abranger muitas situações pois não permite entupimentos nas letras e formas, tem uma boa leitura em textos 22

muito pequenos e a sua personalidade tem origem do Barroco, isso mesmo, o itálico e o regular na mesma frase. Este projecto foi desenhado para ter um fluxo de leitura, isto é, as letras aproximan-se às terminações semi-caligráficas (menos racionais) nomeadamente nas letras “a”, “u”, “m”, “n”, “h” e ainda como estilo alternativo as letras “k”, “v”, “w”, “x” e “y”. Todas as letras com serifas tem a mesma inclinação e assim consegue-se assegurar a sensação de fluxo.

Desenvolvimento

��

CARACTERÍSTICAS | Caixa Alta

5 8

3 4

1) “A” com inclinação (influência Barroca) 2) Terminações racionais (ângulos rectos) 3) Junções rectas dentro das letras (modernas) 4) Serifas rectas (formas mais racionais)

5) Terminações com serifa (influência Barroca) 6) Eixo do stress é vertical (influência Barroca) 7) Serifas superiores todas alinhadas 8) Serifas inferiores ligeiramente maiores

As capitulares não têm o dito fluxo, mas são muito racionais e contam com ângulos rectos, junções interiores rectas, assim como nas minúsculas. Na letra “A”, a parte superior tem uma ligeira inclinação, já no “E”, a serifa inferior é mais comprida que a superior. As formas são mais abertas possiveis e simples precisamente para não haver entupimentos com tinta. As serifas superiores são mais pequenas que as inferiores e ambas estão todas alinhadas entre si, graças a estes pequenos detalhes, consegue-se perceber melhor as letras na leitura.

Estilo: Influência Barroca Proporções: Texto Largura: Semi-Condensed Peso: Regular Contraste: Pouco Stress: Vertical Aplicação: Impressão (jornais, revistas, branding) Escala-Tamanho: A partir de 5 pt. (impressão)

Desenvolvimento

��

CARACTERÍSTICAS | Caixa Baixa (Alinhamentos)

Hastes ascendentes

Altura de x - compensação óptica

Altura de x

Hastes descendentes

Desenvolvimento

��

CARACTERÍSTICAS | Caixa Alta (Alinhamentos)

Terminações entre diferentes letras (capitulares) com o mesmo alinhamento visual

Proporções gerais das capitulares (700 units)

Proporções das várias letras (capitulares) diferentes

Desenvolvimento

��

PROPORÇÕES VERTICAIS

1 2 3

1) Ascendentes (750 units) 2) Capitulares (700 units) 3) Altura de (x) (500 units) 4) Linha Base (0 units) 5) Descendentes (-232 units)

Um dos maiores objetivos do meu tipo de letra é a legibilidade, forte presença no que consta à personalidade e por fim a simplicidade. Com isto, as serifas tinham que ser robustas, as letras tinham que ter características diferentes e claro, sem esquecer que as ascendentes e as descentes tinham que ser maiores, permitindo assim uma fácil identificação das letras como se pode conferir na imagem ao lado. 26

��: As ascendentes são mais altas do que as capitulares devido à melhor identificação da letra, leitura e proporção com o resto das letras.

Desenvolvimento

��

Desenvolvimento

��

CONTRASTE TIPOGRÁFICO | Caixa Baixa

(Units)

��: O tipo de letra Casta, tem várias variações de espessura, isto porque em termos visuais é preciso equilibrar as letras opticamente. Para isso as espessuras da caixa baixa são ligeiramente mais finas comparativamente com as caixa alta.

Desenvolvimento

��

CONTRASTE TIPOGRÁFICO | Caixa Alta

(Units)

Desenvolvimento

��

PROPORÇÕES | Caixa Baixa

H+A

H+B

O+C

O+D

H+E

E+F

K+H

H+L

V+M

H+N

H+P

O+Q

H+R

H+S

H+T

A+W

H+X

H+Y

H+Z

H+U

Desenvolvimento

O+G

��

PROPORÇÕES | Caixa Alta

n+a

o+b

o+c

o+d

o+e

n+f

n+h o+g

n+i

n+s

i+j

n+t

n+k

n+u

h+l

w+v

n+m

n+x

Desenvolvimento

o+p

v+y

o+q

n+r

n+z

��

ESTRUTURA

1 2

Compensação ótica 1- Linha das Ascendentes 2- Linha das Capitulares 3- Altura de (x) 4- Linha Base 5- Linha das Descendentes

Desenvolvimento

��

ESTRUTURA

As proporções da altura de (x), são relativamente grandes o que ajuda e proporciona uma melhor legibilidade dos textos em tamanhos de letra muito reduzidos. As proporções horizontais são ligeiramente condensadas o 33

que proporciona uma melhor economia de espaço por linha (caracteres). As suas formas são robustas (contraste) foram concebidas com o objetivo de reforçar a legibilidade das letras em tamanhos reduzidos.

Desenvolvimento

��

GRUPOS | Caixa Alta (52 Pts)

Grupo A (Formas Rectas)

HIEFLT Grupo B (Formas Redondas)

OCGQ Grupo C (Formas Oblíquas)

AKMNVWYZ Grupo D (Formas Mistas)

BDJPRSU 34

Desenvolvimento

��

GRUPOS | Caixa Baixa (52 Pts)

Grupo E (Formas Rectas)

nijhlmu Grupo F (Formas Redondas)

oce Grupo G (Formas Oblíquas)

kvwxz Grupo H (Formas Mistas)

abdfgpqrsty 35

Desenvolvimento

��

ACENTOS | Caixa Baixa e Caixa Alta

Os acentos estão centrados, a referência é pinta do (i).

Os acentos das capitulares são ligueiramente mais baixos evitando assim a colisão com outras letras.

Desenvolvimento

��

š Desenvolvimento

��

ESPACEJAMENTO | Caixa Baixa

-80

(Units)

Desenvolvimento

��

ESPACEJAMENTO | Caixa Alta

-70

(Units)

Desenvolvimento

��

PARES DE KERNING | Combinações

ATA AVA AWA AYA FA PA AUA BX BT KC KG KO KQ OXO RC RG RO RQ RT RV RW RY VC VG VQ VOV WOW YOY Ta Tc Td Te Tg To Tr Ts Tu Tv Tw Ty Tx Tz Va Vc Vd Ve Vg Vn Vo Vr Vu Wa Wc Wd We Wg Wo Wr Wu Wx Wz fa fc fd fe fg fn fm fo fp fq fr fs ft fu fv fw fy fx fz ka kc kd ke kg ko ks xc xd xe xg xox xq va vc vd ve vg vo vq wa wc wd wg wo P. P, T.T T, T: T; T-T T_T V.V V, V: V; V-V V_V W.W W, W: W; W-W W_W Y.Y Y, Y: Y; Y-Y Y_Y

Desenvolvimento

��

Desenvolvimento

��

NÚMEROS

Figuras Alinhadas (Linning/Titling)

Figuras em Estilo Antigo (Old Style)

Desenvolvimento

��

Desenvolvimento

��

MAPA DE CARACTERES

CAIXA ALTA

ABCDEFGHIJKLMNOPQRSTUVWXYZ CAIXA BAIXA

abcdefghijklmnopqrstuvwxyz SMALL CAPS

�� PONTUAÇÃO E CARACTERES BÁSICOS

:;.,…‚„”’!?¡¿&¶ªº*†‡@(){}[]«»-_–—/|\¦§©® DIACRÍTICOS E CARACTERES LINGUÍSTICOS

ÁÀÂÃÄÅĀÇÈÉÊËÌÍÎÏŁÑÒÓÔÕÖØŠÙÚÛÜÐÞ áàâãäåāçèéêëēìíîïīłñòóôõöøšśßùúûüðþ LIGADURAS

Æ æ Œ œ fi fl FIGURAS EM ESTILO ANTIGO E ALINHADAS

0123456789 0123456789 +−=±×÷<>¬µ%$€£¥¢# ESTILO ALTERNATIVO (SS.01)

kvwxy

Desenvolvimento

��

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Aa 46

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Bb 47

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Cc 48

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Dd 49

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Ee 50

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Ff 51

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Gg 52

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Hh 53

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Ii 54

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Jj 55

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Kk 56

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Ll 57

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Mm 58

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Nn 59

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Oo 60

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Pp 61

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Qq 62

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Rr 63

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Ss 64

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Tt 65

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Uu 66

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Vv 67

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Ww 68

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Xx 69

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Yy 70

Desenvolvimento

��

MOSTRA DE LETRAS | 178 pt.

Zz 71

Desenvolvimento

��

APLICAÇÃO GRÁFICA

��

Desenvolvimento

��

TESTE DE TAMANHO | Caption

5/8 pt. Em primeiro lugar, importa salientar a extraordinária atenção que Sebastião José de Carvalho e Melo dedica à instituição da Companhia, atenção quase diária, durante largos meses, procurando acautelar e garantir o seu aparecimento, eliminar obstáculos e proporcionar condições favoráveis à sua existência, como se mais nada o preocupasse enquanto ministro de Estado! O Marquês de Pombal, para tal, dispõe de uma abundante e rigorosa informação, colhida através de várias fontes, revelando, nas suas ordens e determinações, que está completamente a par de tudo quanto se passa no Porto, dentro e fora da Companhia, o que lhe permite intervir atempada-

6/9 pt. Em primeiro lugar, importa salientar a extraordinária atenção que Sebastião José de Carvalho e Melo dedica à instituição da Companhia, atenção quase diária, durante largos meses, procurando acautelar e garantir o seu aparecimento, eliminar obstáculos e proporcionar condições favoráveis à sua existência, como se mais nada o preocupasse enquanto ministro de Estado! O Marquês de Pombal, para tal, dispõe de uma abundante e rigorosa informação, colhida através de várias fontes, revelando, nas suas ordens e determinações, que está

7/10 pt. Em primeiro lugar, importa salientar a extraordinária atenção que Sebastião José de Carvalho e Melo dedica à instituição da Companhia, atenção quase diária, durante largos meses, procurando acautelar e garantir o seu aparecimento, eliminar obstáculos e proporcionar condições favoráveis à sua existência, como se mais nada o preocupasse enquanto ministro de Estado! O Marquês de Pombal, para tal, dispõe de uma abundante e rigorosa informação, colhida através de 8/11 pt.

Em primeiro lugar, importa salientar a extraordinária atenção que Sebastião José de Carvalho e Melo dedica à instituição da Companhia, atenção quase diária, durante largos meses, procurando acautelar e garantir o seu aparecimento, eliminar obstáculos e proporcionar condições favoráveis à sua existência, como se mais nada o preocupasse enquanto ministro de Estado! O Marquês de Pombal, para tal, dispõe de uma abun-

Aplicação Gráfica

��

TESTE DE TAMANHO | Texto

9/12 pt.

Aplicação Gráfica

��

MOCKUPS | Rótulo de Vinho

Aplicação Gráfica

��

MOCKUPS | Rótulo de Vinho

Aplicação Gráfica

��

MOCKUPS | Jornal

Aplicação Gráfica

��

MOCKUPS | Jornal

Aplicação Gráfica

��