Folleto de Procesos

FACULTAD por Andrés Torres
Diseño de una fuente tipográfica

•
Este proyecto surge a partir de una inquietud personal

frente al diseño tipográfico y al dibujo de caracteres
con métodos manuales y digitales.
El objetivo fue ahondar en estos procesos explorando
morfológicamente los signos mediante la conjugación
de estructuras modernas basadas en trazos clásicos.
Facultad –con su peso Regular– es un proyecto plantea-

do como base fundamental para la futura generación
de una familia tipográfica completa con demás pesos
y variantes.
Desarrollado por Andrés Torres en el marco de la

culminación de la carrera de Diseño gráfico en la Uni-
versidad de Cuenca, Ecuador.
2017
•
UNIVERSIDAD DE CUENCA PROYECTO DE GRADUACIÓN
ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA
BRIEF
DEL PROYECTO •
Una vez identificado el problema muchos proyectos de diseño grá-

fico en general comienzan con la atención al brief otorgado por el
cliente o usuario. Éste no es uno de esos proyectos.
Aquí se parte de una iniciativa propia para asistir a un problema que

en realidad tiene varias soluciones. El planteamiento hecho en este
brief surge desde el campo personal y es solo una más entre muchas
otras posibilidades. Todo se basa en la exploración morfológica tipo-
gráfica de una propuesta abierta a debate.
La fuente tipográfica Facultad está pensada para titulares debido a

la mayor pregnancia y reconocimiento que éstas tienen en los usua-
BRIEF DEL PROYECTO
BRIEF DEL PROYECTO

rios por su implementación en tamaños grandes. Propuesta como
elemento esencial en la identidad visual corporativa, línea editorial
y comunicados institucionales como materiales de difusión y even-
tos de la Facultad de Artes de la Universidad de Cuenca, Ecuador.
Haciéndose presente en libros producidos por la institución, afiches,
folletos, publicaciones digitales, entre otros.
La extensión de la familia se centra en el peso Regular y la ausencia de

serifas –para así contrastar con la fuente definida para textos de co-
rrido Alegreya–. Soporta primordialmente el idioma español y otras
lenguas de origen latino como inglés, portugués, italiano, francés y
alemán. Cuenta con letras minúsculas, mayúsculas, números de caja
alta, signos de puntuación, diacríticos y otros signos no alfabéticos.
Facultad está generada en formato OpenType para ser instalada y uti-
lizada en las plataformas Mac y Windows. Con una licencia de uso
y acceso exclusivo para la facultad, esto con el fin de proponer a la
comunidad universitaria el estudio y análisis de la fuente con propó-
sitos académicos en conjunto y bajo la tutoría de los docentes de las
cátedras relacionadas a la enseñanza tipográfica.
8 9
B R I E F I N G F A C U L T A D
2 0 1 6
~V a l o r e s y o b j e t i v o s ~ ~ P a r á m e t r o s d e f o r m a ~
H u ma n i s m o Cr eat ivid ad Experimentación T I T ULA R ES
D i v e rs i da d Emp r end imient o I n n o vació n

SANS SER IF
~ M i s i ó n ~ ~ V i s i ó n ~ ~ C a r a c t e r e s ~ ~ P e s o ~
a
Formar profesionales comprometi- En 2017 la Facultad de Artes es
BRIEF DEL PROYECTO
BRIEF DEL PROYECTO

dos con el desarrollo de las culturas reconocida a nivel nacional e M a y ú s c u l a s ( 2 6 ) R e g u l a r
ecuatorianas y universales mediante internacional por su alto nivel M i n ú s c u l a s ( 2 6 )
programas de excelencia en docencia, docente, investigativo y de N ú m e r o s ( 1 0 )
P u n t u a c i ó n ( 3 5 )
investigación y vinculación con la co- vinculación con la colectividad.
D i a c r í t i c o s ( 1 2 )
lectividad, promoviendo la creación Promueve la constante innovación de
O t r o s ( 1 5 )
artística y su libre desenvolvimiento. las expresiones artísticas y el diseño.
?
~ P a r á m e t r o s c o n c e p t u a l e s ~ ~ I d i o m a s s o p o r t a d o s ~
- O r i g e n l a t i n o -
Tradicional Humanista Contraste
E s p a ñ o l P o r t u g u é s
I n g l é s I t a l i a n o
F r a n c é s A l e m á n
Moderna Geométrica Monolinear
10 11
“La Tipografía
es el
testimonio
más fiel
del nivel
intelectual de
un país.”
Peter Behrens
CONCEPTO
Y DEFINICIÓN
DE PARÁMETROS •
El concepto en este proyecto de diseño tipográfico está ligado a las

capacidades funcionales que éste tendrá que adquirir ya que sus
trazos no deben dar espacio a dudas en el ejercicio de identificar los
textos escritos con la fuente por parte de los usuarios.
-
CONCEPTO Y DEFINICIÓN DE PARÁMETROS

Facultad se basa en el perfil académico de la institución, denota
primordialmente una sensación de modernidad y proyección al
futuro del organismo, sin descuidar el lenguaje tradicional que ha
caracterizado a éste –con sus cuatro escuelas: música, danza y teatro,
artes visuales y diseño– y al desenvolvimiento de las artes en el
contexto académico. Sin la necesidad de encasillar a los trazos de sus
glifos en estrictas rejillas geométricas ni con exhuberantes curvas
orgánicas.
Es una fuente de índole moderna con guiños a las bases tradicionales

de la facultad, mucho más humanista que geométrica y trazados
de contraste intermedio. Todas estas son cuestiones que afectan a
toda la fuente, sin embargo existen otras decisiones que deben ser
atendidas desde la individualidad de los glifos y las peculiaridades
que cada uno de éstos presente en el proceso de diseño a través del
bocetaje y la minuciosa observación a los detalles constructivos.
14 15
Modernidad
F A C U
académica

sobre bases L T A D
tradicionales.
16 17
F A
C U
L T
A D
BOCETAJE •
Y TOMA DE
Para el proceso de bocetaje hay que tener presente las características
constructivas propias de cada estilo. En esta ocasión las propiedades
de las fuentes sans serif humanistas son:
DECISIONES
- Estructuras clásicas.
- Aperturas anchas.
- Finales de trazo angulares.
- Pesos asimétricos en los anillos.
No obstante cabe puntualizar que la principal propiedad de las

fuentes sans serif humanistas es que poseen una construcción
caligráfica o rasgos que remitan a ésta.
La metodología desarrollada por Karen Cheng sirvió como punto de

BOCETAJE Y TOMA DE DECISIONES

inicio, a partir del cual se realizaron ciertos ajustes a criterio personal
con el propósito de ahorrar tiempo y en lo posible evitar jornadas
eternas de conflictos y correcciones futuras. Antes de pasar a ese
punto resulta primordial explicar cómo funciona la metodología
del libro “Diseñar tipografía”. Cheng trabaja las mayúsculas, luego
las minúsculas, números, signos de puntuación y finalmente los
diacríticos. Agrupa los caracteres en conjuntos de acuerdo a sus
propiedades y similitudes constructivas para desarrollarlos con
mayor fluidez en un orden establecido por la propia autora.
En el proceso de bocetaje de Facultad se realizaron varios bocetos de

una o dos letras de cada uno de estos grupos definidos en el libro
para buscar la mayor cantidad de rasgos que conformarán el sistema.
De tal modo que si están bocetadas las letras E e I por defecto la F,
la H, la T y la L están prácticamente resueltas –con ciertos ajustes
ópticos particulares de cada letra que se resuelven una vez llegada
a la etapa de vectorización–. No tendría mayor sentido bocetar las
posteriores letras del mismo grupo, ya que si la estructura de éstas
está desproporcionada o incorrecta el tiempo y esfuerzo invertidos
en todo el conjunto se verán desperdiciados.
Bajo este criterio se escogieron las letras de cada grupo que le pueden
proporcionar más información al alfabeto y de cómo serán las
letras faltantes. Así se bocetaron 11 caracteres con 20 propuestas en
promedio de cada uno solo para el alfabeto de mayúsculas.
20 21
Las mayúsculas O* E* Las mayúsculas

sin remates I* H T L F sin remates
S* C* G OEISCUDRAXM
U* J
D* B R* P Las minúsculas
Q sin remates
V A* W oldpsagmfyk
K X* Y
M* N Z Los números
0124736859
Las minúsculas o* l*
sin remates d* b p* q La puntuación
s* c e .,:;“”?!
a* g*
n m* h u r Signos diacríticos

i j f* t ´ `ˆ ˇ¨ ˜ ç
v w y*
k* x z Otros signos
@#%&$*(
Los números* 0 1
2 •
4
7 A pesar de que las letras O, E en las mayúsculas y o, l en las minúsculas
3 5 no comparten rasgos constructivos entre sí son las primeras letras
que se deben bocetar en sus respectivos alfabetos debido a que
6 9 proporcionan información muy valiosa en cuanto a proporciones,
8 contraste, modulación, astas y terminaciones con las que ya se
pueden dibujar los demás caracteres.
La puntuación* . , : ;
La idea con los bocetos es reflejar la influencia de la escritura
“ ” caligráfica, pero también es importante explorar otras opciones que
¿ ? ¡ ! se salgan de las características de las familias sans serif humanistas
convencionales para después seleccionar las mejores opciones.
Signos diacríticos ´ ` (acento agudo y grave)*
Las siguientes letras se obtienen a partir de los bocetos finales de los
ˆ ˇ (acento circunflejo)* caracteres principales tanto en mayúculas como en minúsculas.
¨ ˜ (dieresis y tilde)*
ç (cedilla)* •
Los caracteres marcados con (*) fueron
escogidos para bocetar. ß (eszett)
22 23


24 25
UNIVERSIDAD DE CUENCA
ESCUELA DE DISEÑO
26
PROYECTO DE GRADUACIÓN
DISEÑO DE TIPOGRAFÍA

31


32 33
ESCUELA DE DISEÑO
34

39
ESCUELA DE DISEÑO
40
“La regla y el
compás son
casi inútiles en
el diseño de
letras.”
José Scaglione
VECTORIZACIÓN
Para empezar a vectorizar los caracteres lo primero es colocar la

métrica vertical ya fijada dentro del apartado “Proporciones” y los
valores de las líneas de rebasamiento en “Zonas de alineación” dentro
de la ventana Font Info en Glyphs. En cuanto a la resolución de los
trazos muchos programas de creación tipográfica trabajan con un
valor estándar de mil unidades dentro de las cuales se deben definir
las proporciones verticales de la fuente. Para esto se puede hacer una
simple regla de tres entre las medidas de los bocetos y el valor por
defecto del software.
VECTORIZACIÓN
VECTORIZACIÓN
-
A la hora de dibujar muchos tipógrafos suelen hacerlo directamente

en el software de preferencia sin utilizar fotografías de los bocetos
sobre las cuales colocar nodos. En esta ocasión se escanearon las
hojas resultantes del bocetaje para redibujar sus formas en Glyphs y
obtener resultados en menor tiempo.
Lo principal es tener los bocetos a lado para valorar la calidad del
dibujo y cómo se van definiendo los trazos (Meseguer, 2012, p. 63).
Una vez colocado el escaneado a modo de plantilla en Glyphs se puede

comenzar por las letras mayúsculas. De hecho el orden usado para
vectorizar los caracteres sigue la misma lógica que del proceso de bo-
cetaje basado en la metodología de Karen Cheng.
58 59

VECTORIZACIÓN
VECTORIZACIÓN
60 61

VECTORIZACIÓN
VECTORIZACIÓN
62 63

VECTORIZACIÓN
VECTORIZACIÓN
64 65
ABC DEF
GHIJ KLM
VECTORIZACIÓN
VECTORIZACIÓN
NOP QRST
UVW XYZ
66 67

VECTORIZACIÓN
VECTORIZACIÓN
68 69

VECTORIZACIÓN
VECTORIZACIÓN
70 71

VECTORIZACIÓN
VECTORIZACIÓN
72 73
abc def
ghij klm
VECTORIZACIÓN
VECTORIZACIÓN
nop qrst
uvw xyz
74 75

VECTORIZACIÓN
VECTORIZACIÓN
76 77

VECTORIZACIÓN
VECTORIZACIÓN
78 79

VECTORIZACIÓN
VECTORIZACIÓN
80 81
VECTORIZACIÓN
- Proporciones y rasgos -
1
2
3
4
5
Oxadgyf
82
1 2 3 4 5
ESCUELA DE DISEÑO
Ascendentes Mayúsculas Altura de x Línea base Descendentes

781 u 710 u 568 u 0 -213 u

78,57 % 71,43 % 57,14 % - 21,43 %
Líneas discont. Una decisión muy importante es la referente a las mencionadas altura de x, de ascendentes y
Rebasamiento descendentes en las minúsculas. En las fuentes sans serif por lo general la altura de x suele ser
14 u mayor que la de las fuentes serif, esto se encuentra muy ligado al bajo contraste de muchas
1,4 % fuentes sin remates –sobre todo en los enlaces– ya que con una altura de x generosa la calidad
de los detalles en estas uniones se ve menos comprometida. De la misma manera las descen-
dentes y ascendentes altas se traducen en una mejor legibilidad ya que se vuelve más fácil la
distinción de caracteres, aunque por otro lado exigen interlineados mucho mayores.
La digitalización es un proceso
que exige una capacidad óptica
por encima de las propiedades
matemáticas de los caracteres.
Si bien muchos de los conceptos

básicos en el dibujo de letras
pueden volverse procesos
automatizados en esta fase,
hay que considerar que una de
las partes más complejas del
83
diseño tipográfico es mantener

la fidelidad de los bocetos en
los vectores, así como saber

sacrificar decisiones en pos del

correcto desempeño visual y
técnico de la familia.
Terminaciones Modulación Contraste

angulares inclinada intermedio
CEFGIJKLQRST CGOQS A-Z
acefgjkrst abcdegopqs a-z
VECTORIZACIÓN
Set
VECTORIZACIÓN
de Glifos
-
85
A Á Ạ À
A Aacute Adotbelow Agrave
0041 00C1 1EA0 00C0
Ă Ǎ Ā Å
VECTORIZACIÓN
VECTORIZACIÓN
Abreve Acaron Amacron Aring
0102 01CD 0100 00C5
Â Ä Ã Æ
Acircumflex Adieresis Atilde AE
00C2 00C4 00C3 00C6
86 87
B Ḅ Ç Ċ
B Bdotbelow Ccedilla Cdotaccent
0042 1E04 00C7 010A
Ƀ C D Ɖ
VECTORIZACIÓN
VECTORIZACIÓN
Bstroke C D Dafrican
0243 0043 0044 0189
Ć Č Ð Ď
Cacute Ccaron Eth Dcaron
0106 010C 00D0 010E
88 89
Ḓ Đ Ḏ E
Dcircumflexbelow Dcroat Dlinebelow E
1E12 0110 1E0E 0045
Ḍ Ḏ É Ě
VECTORIZACIÓN
VECTORIZACIÓN
Ddotbelow Dlinebelow Eacute Ecaron
1E0C 1E0E 00C9 011A
Ḏ Ḏ Ȩ Ê
Dlinebelow Dlinebelow Ecedilla Ecircumflex
1E0E 1E0E 0228 00CA
90 91
Ë Ė Ẽ F
Edieresis Edotaccent Etilde F
00CB 0116 1EBC 0046
Ẹ È G Ğ
VECTORIZACIÓN
VECTORIZACIÓN
Edotbelow Egrave G Gbreve
1EB8 00C8 0047 011E
Ē Ǝ Ǧ Ģ
Emacron Ereversed Gcaron Gcommaaccent
0112 018E 01E6 0122
92 93
Ġ H Ǐ Î
Gdotaccent H Icaron Icircumflex
0120 0048 01CF 00CE
Ħ Ḥ Ï İ
VECTORIZACIÓN
VECTORIZACIÓN
Hbar Hdotbelow Idieresis Idotaccent
0126 1E24 00CF 0130
I Í Ị Ì
I Iacute Idotbelow Igrave
0049 00CD 1ECA 00CC
94 95
Ī Ĩ Ĺ Ľ
Imacron Itilde Lacute Lcaron
012A 0128 0139 013D
J K Ḽ Ļ
VECTORIZACIÓN
VECTORIZACIÓN
J K Lcircumflexbelow Lcommaaccent
004A 004B 1E3C 013B
Ķ L Ḷ M
Kcommaaccent L Ldotbelow M
0136 004C 1E36 004D
96 97
Ḿ N Ṅ Ṇ
Macute N Ndotaccent Ndotbelow
1E3E 004E 1E44 1E46
Ń Ň Ñ O
VECTORIZACIÓN
VECTORIZACIÓN
Nacute Ncaron Ntilde O
0143 0147 00D1 004F
Ṋ Ņ Ó Ǒ
Ncircumflexbelow Ncommaaccent Oacute Ocaron
1E4A 0145 00D3 01D1
98 99
Ô Ö Œ P
Ocircumflex Odieresis OE P
00D4 00D6 0152 0050
Ọ Ò Þ Q
VECTORIZACIÓN
VECTORIZACIÓN
Odotbelow Ograve Thorn Q
1ECC 00D2 00DE 0051
Ø Õ R Ŕ
Oslash Otilde R Racute
00D8 00D5 0052 0154
100 101
Ř Ŗ Ș Ṣ
Rcaron Rcommaaccent Scommaaccent Sdotbelow
0158 0156 0218 1E62
S Ś T Ŧ
VECTORIZACIÓN
VECTORIZACIÓN
S Sacute T Tbar
0053 015A 0054 0166
Š Ş Ť Ţ
Scaron Scedilla Tcaron Tcedilla
0160 015E 0164 0162
102 103
Ṱ Ț Ǔ Û
Tcircumflexbelow Tcommaaccent Ucaron Ucircumflex
1E70 021A 01D3 00DB
Ṭ Ṯ Ü Ụ
VECTORIZACIÓN
VECTORIZACIÓN
Tdotbelow Tlinebelow Udieresis Udotbelow
1E6C 1E6E 00DC 1EE4
U Ú Ù Ű
U Uacute Ugrave Uhungarumlaut
0055 00DA 00D9 0170
104 105
Ū Ů Ẃ Ŵ
Umacron Uring Wacute Wcircumflex
016A 016E 1E82 0174
Ũ V Ẅ Ẁ
VECTORIZACIÓN
VECTORIZACIÓN
Utilde V Wdieresis Wgrave
0168 0056 1E84 1E80
Ʌ W X Y
Vturned W X Y
0245 0057 0058 0059
106 107
Ý Ŷ Z Ź
Yacute Ycircumflex Z Zacute
00DD 0176 005A 0179
Ÿ Ỵ Ž Ż
VECTORIZACIÓN
VECTORIZACIÓN
Ydieresis Ydotbelow Zcaron Zdotaccent
0178 1EF4 017D 017B
Ỳ Ỹ Ẓ
Ygrave Ytilde Zdotbelow
1EF2 1EF8 1E92
108 109
a á ạ à
a aacute adotbelow agrave
0061 00E1 1EA1 00E0
ă ǎ ā å
VECTORIZACIÓN
VECTORIZACIÓN
abreve acaron amacron aring
0103 01CE 0101 00E5
â ä ã æ
acircumflex adieresis atilde ae
00E2 00E4 00E3 00E6
110 111
b ḅ ċ d
b bdotbelow cdotaccent d
0062 1E05 010B 0064
c ć ð ď
VECTORIZACIÓN
VECTORIZACIÓN
c cacute eth dcaron
0063 0107 00F0 010F
č ç ḓ đ
ccaron ccedilla dcircumflexbelow dcroat
010D 00E7 1E13 0111
112 113
ḏ e ë ė
dlinebelow e edieresis edotaccent
1E0F 0065 00EB 0117
é ě ẹ è
VECTORIZACIÓN
VECTORIZACIÓN
eacute ecaron edotbelow egrave
00E9 011B 1EB9 00E8
ȩ ê ē ẽ
ecedilla ecircumflex emacron etilde
0229 00EA 0113 1EBD
114 115
f g h ħ
f g h hbar
0066 0067 0068 0127
ğ ǧ ḥ i
VECTORIZACIÓN
VECTORIZACIÓN
gbreve gcaron hdotbelow i
011F 01E7 1E25 0069
ģ ġ í ǐ
gcommaaccent gdotaccent iacute icaron
0123 0121 00ED 01D0
116 117
î ï l ĺ
icircumflex idieresis l lacute
00EE 00EF 006C 013A
ì j ľ ḽ
VECTORIZACIÓN
VECTORIZACIÓN
igrave j lcaron lcircumflexbelow
00EC 006A 013E 1E3D
k ķ ļ m
k kcommaaccent lcommaaccent m
006B 0137 013C 006D
118 119
ḿ n ṅ ṇ
macute n ndotaccent ndotbelow
1E3F 006E 1E45 1E47
ń ň ñ o
VECTORIZACIÓN
VECTORIZACIÓN
nacute ncaron ntilde o
0144 0148 00F1 006F
ṋ ņ ó ǒ
ncircumflexbelow ncommaaccent oacute ocaron
1E4B 0146 00F3 01D2
120 121
ô ö ø õ
ocircumflex odieresis oslash otilde
00F4 00F6 00F8 00F5
ọ ò œ p
VECTORIZACIÓN
VECTORIZACIÓN
odotbelow ograve oe p
1ECD 00F2 0153 0070
ő ō þ q
ohungarumlaut omacron thorn q
0151 014D 00FE 0071
122 123
r ŕ š ş
r racute scaron scedilla
0072 0155 0161 015F
ř ŗ ș ṣ
VECTORIZACIÓN
VECTORIZACIÓN
rcaron rcommaaccent scommaaccent sdotbelow
0159 0157 0219 1E63
s ś ß t
s sacute germandbls t
0073 015B 00DF 0074
124 125
ť ţ û ü
tcaron tcedilla ucircumflex udieresis
0165 0163 00FB 00FC
ț u ụ ù
VECTORIZACIÓN
VECTORIZACIÓN
tcommaaccent u udotbelow ugrave
021B 0075 1EEE5 00F9
ú ǔ ű ū
uacute ucaron uhungarumlaut umacron
00FA 01D4 0171 016B
126 127
ů ũ ẅ ẁ
uring utilde wdieresis wgrave
016F 0169 1E85 1E81
v w x y
VECTORIZACIÓN
VECTORIZACIÓN
v w x y
0076 0077 0078 0079
ẃ ŵ ý ŷ
wacute wcircumflex yacute ycircumflex
1E83 0175 00FD 0177
128 129
ÿ ỵ ž ż
ydieresis ydotbelow zcaron zdotaccent
00FF 1EF5 017E 017C
ỳ ỹ ẓ
VECTORIZACIÓN
VECTORIZACIÓN
ygrave ytilde zdotbelow
1EF3 1EF9 1E93
z ź
z zacute
007A 017A
130 131
0 1 6 7
zero one six seven
0030 0031 0036 0037
2 3 8 9
VECTORIZACIÓN
VECTORIZACIÓN
two three eight nine
0032 0033 0038 0039
4 5
four five
0033 0035
132 133
* \ ! ¡
asterisk backslash exclam exclamdown
002A 005C 0021 00A1
· • # .
VECTORIZACIÓN
VECTORIZACIÓN
periodcentered bullet numbersign period
00B7 2022 0023 002E
: , ? ¿
colon comma question questiondown
003A 002AC 003F 00BF
134 135
; / ] (
semicolon slash bracketright parenleft
003B 002F 005D 0028
_ { ) —
VECTORIZACIÓN
VECTORIZACIÓN
underscore braceleft parenright emdash
005F 007B 0029 2014
} [ – -
braceright bracketleft endash hyphen
007D 005B 2013 002D
136 137
« » ‘ ’
guillemetleft guillemetright quoteleft quoteright
00AB 00BB 2018 2019
‹ ›
VECTORIZACIÓN
VECTORIZACIÓN
guilsinglleft guilsinglright
2039 203A
“ ”
quotedblleft quotedblright
201C 201D
138 139
$ + % @
dollar plus percent at
0024 002B 0025 0040
= > & |
VECTORIZACIÓN
VECTORIZACIÓN
equal greater ampersand bar
003D 003E 0026 007C
< ~ ^
less asciitilde asciicircum
003C 007E 005E
140 141
´ ˘ ˙ `
acute breve dotaccent grave
00B4 02D8 02D9 0060
ˇ ¸ ˝ ¯
VECTORIZACIÓN
VECTORIZACIÓN
caron cedilla hungarumlaut macron
02C7 00B8 02DD 00AF
ˆ ¨ ˚ ˜
circumflex dieresis ring tilde
02C6 00A8 02DA 02DC
142 143
“El diseño
de alfabetos
es el arte de
engañar al ojo
humano.”
José Scaglione
ESPACIADO
Una fuente tipográfica está bien espaciada cuando el texto que

escribimos con ella forma un color homogéneo y regular en la página
sin exageradas separaciones o caracteres muy apretados, de lo
contrario la fuente no servirá para nada a pesar de que los dibujos
estén bien logrados. Esto se consigue mediante la suma de dos
partes: la prosa –a veces denominado simplemente como espaciado o
ESPACIADO
ESPACIADO
tracking– y el acoplamiento –conocido también como kerning–.
En la prosa o espaciado se define la cantidad de blanco izquierdo y

derecho de cada glifo. Lo ideal es que sin importar qué signo venga
a continuación siempre debe percibirse el ritmo armonioso. Para
logralo existen varios métodos, uno de los más utilizados es el
desarrollado por Walter Tracy en su libro “Letters of Credit: A View of
Type Design” en 1986, que se basa en replicar la cantidad de espacio
interno de las letras en sus costados.
146 147
Método
- Walter Tracy -
Mayúsculas
ESPACIADO
Método
- Walter Tracy -
Minúsculas
149
Espaciado del alfabeto mayúsculo:
a) Definir el entorno izquierdo y derecho de la H. Deben tener entre

el 25 y 50% del espacio existente entre las dos astas. Comprobar el
ritmo de la letra escribiendo HHHH.
b) Definir el entorno izquierdo y derecho de la O. Deben ser menores

a los espacios de la H ya que las curvas dan la impresión de estar más
separadas. Comprobar el ritmo de la letra escribiendo OOOO.
c) Comprobar el ritmo de ambas letras escribiendo HOH, HHOOHH,

OOHOO. Hacer los ajustes pertinentes hasta que las composiciones
sean homogéneas.
•
ESPACIADO
ESPACIADO
•
Espaciado del alfabeto minúsculo:
a) Definir el entorno izquierdo y derecho de la n. Deben tener entre el

25 y 50% de su contraforma y el derecho debe ser menor. Comprobar
el ritmo de la letra escribiendo nnnn.
b) Definir el entorno izquierdo y derecho de la o. Deben ser menores

a los espacios de la n. Comprobar el ritmo de la letra escribiendo
oooo.
c) Comprobar el ritmo de ambas letras escribiendo non, nnoonn,

nnonn, oonoo, oonnoo. Hacer los ajustes pertinentes hasta que las
composiciones sean homogéneas.
150 151
A B C D E F G
1. Espaciado de la H - Diagonales y abiertas con espacio mínimo-
2. Un poco menor a H 4
A 4 4
V 4 4
W 4 4
X 4 4
Y 4 15 15
H
100
O
50 100
B
50
H
100
O
60
H
100 50
H
100
E
50
O
60
U
90
T J
H I J K L MN
3. La mitad de H
4 4 4 1
4. Espaciado mínimo A H H A H A U H U U
- Lados rectos y verticales marcadas - 100 100 75 75 15 100 100 15 100 15 90 100 90 90
D P R L K
5. Espaciado de la O
O P Q R S T U
1 5 1 5 1 4 1 4 1 4
6. Ajuste visual
1
B 3 1
E 3 1
F 3 1
U 2 1
I 1 60
H
60 100
O
60
O
60
O H
60 100 30 80 80
A
15 0
H
100 90
V W X Y Z
- Lados rectos y verticales suaves -
2
N 2 2
M 1 A
15
A
15
A
15
A
15
A
15
A
15
A
15
A
15 50 50
- Lados redondeados - - Arco central -
5
Q 5 4
C 3 5
G 2 3
Z 3 6
S 6
ESPACIADO
ESPACIADO
1. Espaciado izq. de n - Diagonales con un espacio mínimo -
2. Espaciado der. de n 4 v w x
4 4 4 4 4 4 y 4
a b c d e f g
3. Mayor que 1
- Astas verticales cortas -
r m j u
4. Espaciado mínimo n o o o n o c
55 75 90 65 65 55 65 90 65 55 65 0 65 75
1 4 1 2 1 1 2 2
h i j k l mn
5. Espaciado de la o
- Astas verticales largas -
b p k l h i
6. Menor que 5 n n n n n n v n n n n
1 5 3 5 3 4 3 2 3 2 3 1 90 75 90 90 -70 90 90 10 90 90 90 75 90 75
7. Ajuste visual
o p q r s t u
- Lados redondeados -
c e q d
n o o n n v n n
65 65 90 65 65 90 90 10 50 55 65 15 75 75
5 6 5 6 5 1 5 1
v w x y z
- Forma irregular -
g a s z f t
v v v v v v
10 10 10 10 10 10 10 10 60 60
7 7 7 7 7 7 7 7 7 7 7 7
152 153
Una tipografía
A
bien diseñada
debería
componerse
ESPACIADO
ESPACIADO
incluso sin
a kerning.
Karen Cheng
154 155

ESPACIADO
ESPACIADO
156 157
A pesar de ser una fuente para titulares, una de las maneras más
rápidas y sencillas de comprobar el espaciado es usarla a tamaños
reducidos –puede ser alrededor de los 10 puntos, considerado el
mínimo para títulos– ya que así los errores se vuelven más evidentes
y fáciles de detectar. Otra opción es imprimirlas en negativo, sobre
un fondo obscuro, porque aquello puede develar incluso problemas
en el dibujo de los caracteres (pág. der).
También se puede realizar conjuntos de tres letras que deberían

estar bastante bien resueltos una vez aplicado el espaciado, entre
estos conjuntos tenemos:
•
ESPACIADO
ESPACIADO
lal aaa oao vav
lbl aba obo vbv
lbl aca oco vcv
ldl ada odo vdv
lel aea oeo vev
lfl afa ofo vfv
lkl aka oko vkv
lll ala olo vlv
lol aoa ooo vov
lsl asa oso vsv
lvl ava ovo vvv
lpl apa opo vpv
lql aqa oqo vqv
158 159
“El éxito del
espaciado
reside en no
llamar nunca
la atención.”
Cristóbal Henestrosa
KERNING
El kerning es el ajuste en el espacio de pares específicos de letras

que debido a sus estructuras siempre presentarán problemas si
únicamente se atienden en el espaciado. Es un trabajo muy extenso,
ya que si se habla de pares específicos se pueden obtener entre 300
a 500 combinaciones, aunque muchos tipógrafos y diseñadores
sostienen que mientras mejor esté resuelto el espaciado de una
fuente menor será la cantidad de parejas cuyo kerning tendrá que
arreglarse. Un ejemplo claro de este problema sería juntar las letras
V y A que por sus astas diagonales deberían juntarse más de lo
establecido en el espaciado.
KERNING
KERNING
Estos arreglos se realizan manual y ópticamente, con constantes
impresiones para comprobar que los problemas desaparezcan o
de lo contrario regresar al computador y continuar ajustando el
espacio entre pares. Cabe resaltar que existen caracteres a los que
se deben prestar especial atención cuando se trata de los diacríticos,
sobre todo a la letra i ya que su ancho aumentará por la presencia de
acentos así como a los signos de puntuación cuando se encuentran
con trazos curvos o diagonales.
En las siguientes páginas se muestran los pares de letras más

problemáticos con respecto al kerning.
162 163
- Mayúsculas - - Minúsculas -
AC AG AO AQ AT AU MC MG MO ac ad ae ag ap af at mv my
AV AW AY NC NG NO au av aw ay ap nc nd ne ng no np
BA BE BL BP BR BU OA OB OD OE OF OH bl br bu by nt nu nv nw ny
BV BW BY OI OK OL OM ON ca ch ck ob of oh oj ok ol
CA CO CR OP OR OT OU OV da dc de dg do dt om on op or ou ov
DA DD DE DI DL DM OW OX OY du dv dw dy ow ox oy
DN DO DP DR DU PA PE PL PO PP PU ea ei el em en ep pa ph pi pl pp pu
DV DW DY PY er et eu ev ew ey qu
EC EO QU fa fe ff fi fl fo ra rd re rg rk rl rm
FA FC FG FO RC RG RY RT RU RV ga ge gh gl go gg rn ro rq rr rt rv ry
GE GO GR GU RW RY hc hd he hg ho hp sh st su
KERNING
KERNING
HO SI SM ST SU ht hu hu hv hw hy td ta te to
IC IG IO TA TC TO ic id ie ig io ip it iu ua uc ud ue ug uo
JA JO UA UC UG UO US iv up uq ut uv uw uy
KO VA VC VG VO VS ja je jo ju va vb vc vd ve vg
LC LG LO LT LU LV WA WC WG WO ka kc kd ke kg ko vo vv vy
LW LY YA YC YO YS la lc ld le lf lg lo lp wa wd we wg wh
lq lu lv lw ly wo wx
- Mayúsculas con puntuación - ma mc md me mg xa xe xo
A’ L’ S’ A” L” S, T, U, V, W, Y, mn mo mp mt mu ya yc yd ye yo
B. C. D. F. J. N. O. P. F; P; T; V; W; Y;
S. T. U. V. W. Y. F: P: T: V: W: Y:
B, C, D, F, J, N, O, P, T- V- W- Y-
164 165
- Minúsculas con puntuación - - Grupos de kerning -

f’ ‘s ’t b, d, e, f, g, j, o, p, r,
b. d. e. f. g. j. o. p. r. s, t, v, w, y,
A
A B C A H B O C H
D O H
E F G H H F O G
H I J K L MN
s. t. v. w. y. r-
H H I I J U H K H L H H H H
- Mayúsculas con minúsculas -

O
O P Q O H P O O R
R R
S T U
S S T T U U
Ac Ad Ae Ag Ao Ap
Aq At Au Av Aw Ay
Ma Mc Md Me Mo
Nu Na Ne Ni No Nu V W V V V V X
X X
Y ZY Y Z Z
Bb Bi Bk Bl Br Bu Oa Ob Oh Ok Ol
KERNING
KERNING
By Pa Pe Po
Ca Cr Rd Re Ro Rt Ru
Da Si Sp Su
a b c d e f g
Eu Ev Ta Tc Te Ti To Tr Ts
Fa Fe Ff Fi Fo Fr Ft Tu Tw Ty a a n o o c o u o e f f o u
Fu Fy Ua Ug Um Un Up Us
Gu
He Ho Hu Hy
Va Ve Vi Vo Vr Vu
Vy
n
h n
i j n n j u n
k k
l mn
n n n nn n
o p q r s t u
Ic Id Iq Io It Wa Wd We Wi Wm
Ja Je Jo Ju Wr Wt Wu Wy o o n o o u n r s s f f u u
v w x y z
Ke Ko Ku Kv Kw Ky Xa Xe Xo Xu Xy
Lu Ly Yd Ye Yi Yp Yu Yv v v v v x x v v z z
166 167
•
Facultad
cuenta con:
435 glifos
348 pares
de kerning
•
SOBRE
EL USO DE
LA FUENTE
Aunque la gran mayoría de las veces un diseñador no pueda predecir

SOBRE EL USO DE LA FUENTE

exactamente bajo qué contextos será usada su fuente, nunca sobra
marcar ciertos límites y parámetros que garanticen de alguna
manera un mejor desenvolvimiento de los caracteres. Estos límites
están ligados a los tamaños mínimos, sugerencias sobre con qué
familias puede resultar más conveniente usar y hasta qué medida
mínima de interlineado e interletraje soporta la fuente antes de que
los caracteres se comiencen a sobreponer.
170 171
- Tamaño mínimo - - Interlineado mínimo -

El interlineado es el espacio existente entre los renglones de
10 pts un texto y está ligado a la métrica vertical de los caracteres que
Facultad es una fuente tipográfica académica para fueron establecidos dentro de Glyphs como parte del proceso de
comunicados de arte y diseño. vectorización. Dentro de dichas proporciones, que deben situarse
dentro de las mil unidades, no suelen contar los diacríticos y acentos
11 pts sino que éstos se ubican fuera del valor estándar del programa.
Facultad es una fuente tipográfica académica para Esto afecta de manera directa al interlineado de la fuente, ya que
comunicados de arte y diseño. podrá presentarse el caso en el que alguna letra descendente se
encuentre con una acentuada en el siguiente renglón provocando
que se sobrepongan y generen una mancha excesiva de negro. Por
12 pts este motivo lo recomendable es que el interlineado apenas se reduzca
Facultad es una fuente tipográfica académica dentro de un límite en caso de que sea estrictamente necesario (caso
contrario lo mejor es dejar el interlineado por defecto):
para comunicados de arte y diseño.
13 pts

Facultad es una fuente tipográfica académica Por defecto Mínimo necesario
para comunicados de arte y diseño. 10/12 pts 10/11 pts
Facultad es una fuente Facultad es una fuente
tipográfica académica para
14 pts tipográfica académica para
comunicados de arte y
comunicados de arte y
Facultad es una fuente tipográfica diseño. diseño.
académica para comunicados de arte y
11/13,2 pts 11/12 pts
Facultad es una fuente Facultad es una fguente
15 pts tipográfica académica tipográfica académica
Facultad es una fuente tipográfica para comunicados de arte para comunicados de arte
y diseño.
académica para comunicados de arte y y diseño.
12/14,4 pts 12/13,3 pts

16 pts Facultad es una fuente Facultad es una fuente
tipográfica académica tipográfica académica
Facultad es una fuente tipográfica para comunicados de
para comunicados de
académica para comunicados arte y diseño.
arte y diseño.
172 173
- Interletraje mínimo -
El interlineado se refiere al espacio existente entre las letras de una
palabra y que puede ser ajustado automática o manualmente. Este
apartado se centra en el interletraje automático que el usuario de “Una fuente
es un sistema
la fuente podría llegar a aplicar a través de programas como Adobe
Illustrator o Adobe InDesign.
Este parámetro se encuentra sujeto a una menor posibilidad de

cambio sobre todo si es que en algún momento se desea implementar
de diseño,
en textos de corrido –debido que precisamente la fuente no está
pensada para esa aplicación–porque afectará notoriamente la
legibilidad del texto. Cuando se traten de textos cortos es posible que
el interletraje pueda ser modificado con mayor libertad, aunque en
realidad esto dependerá de la/s palabra/s específicas.
una serie
Cualquiera fuera el caso lo más factible entre abrir o cerrar el espacio

entre letras sería aplicar la primera opción ya que compromete
menos la lectura en la manera que no superpondrá caracteres entre
sí, aunque claro que una separación excesivamente grande también
de formas
resultaría negativo.Siempre dependerá del tamaño usado y el texto
específico escrito con la fuente.
Por defecto
18/0
Facultad de Artes
que deben
Mínimo necesario
equilibrarse.”
Karen Cheng
18/-40
Facultad de Artes
174 175
Caligrafía ~
Disegno
& Glifos. Système
Pluma,

Inovação
Buchstaben
tinta Typography
y lápiz ~
176 177
NOTAS
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
....................................................................................................................
179
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
.................................................................................................................... ....................................................................................................................
Facultad:
Un proyecto
tipográfico

Folleto de Procesos

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Folleto de Procesos

Caricato da

Copyright:

Formati disponibili

FACULTAD por Andrés Torres

Diseño de una fuente tipográfica

Este proyecto surge a partir de una inquietud personal

Facultad –con su peso Regular– es un proyecto plantea-

Desarrollado por Andrés Torres en el marco de la

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

Una vez identificado el problema muchos proyectos de diseño grá-

Aquí se parte de una iniciativa propia para asistir a un problema que

La fuente tipográfica Facultad está pensada para titulares debido a

BRIEF DEL PROYECTO

La extensión de la familia se centra en el peso Regular y la ausencia de

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

H u ma n i s m o Cr eat ivid ad Experimentación T I T ULA R ES

D i v e rs i da d Emp r end imient o I n n o vació n

BRIEF DEL PROYECTO

Moderna Geométrica Monolinear

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

El concepto en este proyecto de diseño tipográfico está ligado a las

CONCEPTO Y DEFINICIÓN DE PARÁMETROS

Es una fuente de índole moderna con guiños a las bases tradicionales

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

CONCEPTO Y DEFINICIÓN DE PARÁMETROS

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

No obstante cabe puntualizar que la principal propiedad de las

La metodología desarrollada por Karen Cheng sirvió como punto de

BOCETAJE Y TOMA DE DECISIONES

En el proceso de bocetaje de Facultad se realizaron varios bocetos de

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

Las mayúsculas O* E* Las mayúsculas

BOCETAJE Y TOMA DE DECISIONES

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

BOCETAJE Y TOMA DE DECISIONES

BOCETAJE Y TOMA DE DECISIONES

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

BOCETAJE Y TOMA DE DECISIONES

BOCETAJE Y TOMA DE DECISIONES

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

Para empezar a vectorizar los caracteres lo primero es colocar la

A la hora de dibujar muchos tipógrafos suelen hacerlo directamente

Una vez colocado el escaneado a modo de plantilla en Glyphs se puede

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

Ascendentes Mayúsculas Altura de x Línea base Descendentes

781 u 710 u 568 u 0 -213 u

Si bien muchos de los conceptos

diseño tipográfico es mantener

los vectores, así como saber

sacrificar decisiones en pos del

Terminaciones Modulación Contraste

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA

ESCUELA DE DISEÑO DISEÑO DE TIPOGRAFÍA