MANUAL DE SISTEMA DE LECTURA
índice Manual Tipografico Manual tipografíco
La Tipografía
7-8 8
9 - 19
Definición 10 Conceptos asociados 11 Partes de una Tipo 12 - 19
Desarrollo Inicial
20 - 44
Código Icónico Primeros Cambios Malla de Desarrollo Vista de Cambios
21 22 - 25 26 - 41 42 - 48
Variantes de la Tipografía
49 - 59
Definición Variante Light Variante Regular Variante Bold Variante Ultra Bold
50 - 51 52 - 53 54 - 55 56 - 57 58 - 59
Desarrollo Final
60 - 86
Trazo Grosor Remates Travesaños Aberturas
61 - 62 63 - 64 65 - 66 67 - 68 69 - 70
Contraformas Interna Numeros Signos Signos Ornamentales Acentos Ligaduras Tracking Kerning
Muestras Finales Afiches
71 - 72 73 - 74 75 - 76 77 - 78 79 - 80 81 - 82 83 - 84 85 - 86
87 - 96 88 - 96
manual
tipografĂco 7
manual
tipográfico
La tipografía es de gran importancia para un diseñador, no solo es una de las principales herramientas de comunicación textual y visual, sino que por si sola puede ser un fuerte elemento de diseño.
Este manual, muestra un análisis de las distintas partes del sistema creado en sus 4 versiones, un resumen de las partes mas importantes de una letra, todo esto para poner en contexto el proyecto, así entender y comprender mejor el fin de crear este sistema basado en los pueblos originarios.
La importancia que tiene la tipografía dentro de un diseño es tal, que con solo cambiar el tipo de fuente, podemos dar otro contexto, sensación o significado, al mensaje que queramos transmitir, la tipografía es el mejor complemento de una imagen o gráfica dentro del diseño.
Las tipografías que veremos en el manual son: El sistema de lectura en sus variantes, Light, Regular, Bold y Ultra Bold.
Muchos factores influyen para quien vea el mensaje, la percepción que queramos dar por medio de la tipografía, si esta bien conceptualizada también puede ser rápidamente comprendida la relación por cualquier espectador, se facilita el mensaje a transmitir.
8
la
tipografĂa 9
la tipografía definición
Se conoce como tipografía, la forma gráfica de expresar el lenguaje, el oficio que trata el tema de las letras, números y símbolos de un texto impreso (ya sea sobre un medio físico o electromagnético), tales como su diseño, su forma, su tamaño y las relaciones visuales que se establecen entre ellos.
El diseño, la apariencia y las dimensiones de los tipos dependen de la tipografía. Es posible distinguir diversas ramas o divisiones en este arte, como la tipografía creativa (que explora las formas gráficas más allá de la finalidad lingüística de los símbolos), la tipografía de edición (vinculada a las propiedades normativas de las familias de tipos), la tipografía del detalle o microtipografía (centrada en el interlineado, el interletrado y la marca visual) y la macrotipografía (especializada en el tipo, el estilo y cuerpo de los símbolos).
El oficio y la industria de la elección y el uso de tipos (las letras diseñadas con unidad de estilo) para desarrollar una labor de impresión. Una actividad que se encarga de todo lo referente a los símbolos, los números y las letras de un contenido que se imprime en soporte físico o digital.
Existe la tipografía decorativa o también conocidas como Display. Son aquellas tipografías que comparten el estilo propio de una época o lugar. Debido a sus formas tan características y su personalidad definida y concreta, son apropiadas para dar un carácter histórico o cultural a un diseño. Este género ha crecido muchísimo y abarca una gran cantidad de estilos y propuestas.
En un principio se imitaba a la caligrafía pero con el tiempo se fue optando por los tipos más legibles y fáciles de entender, una decisión vinculada además a los adelantos técnicos. También comenzó como técnica del manejo y selección de tipos, originalmente de plomo, para crear trabajos de impresión.
10
la tipografía
conceptos asociados
Tipo:
Fuente tipográfica:
Es igual al modelo o diseño de una letra determinada, la unidad mínima de la tecnología de la imprenta. Esta palabra es crucial, porque de aquí se derivan lo siguiente. En el contexto de las artes gráficas, un tipo es cada una de las piezas individuales para una letra o signo de imprenta o máquina de escribir. Ya en tiempos digitales, en donde la vieja máquina de imprimir tiende a desaparecer, a lo sumo el vocablo se reserva para un campo en donde compite con los términos letra y carácter.
Es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.
Familia tipográfica: En tipografía, significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo, en el grosor y anchura, pero manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios. Una familia se compone de varias fuentes, todas variaciones del mismo diseño
Tipografía: Es el arte y la técnica de crear y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.
11
la tipografía
partes de una tipo
- Abertura: Trazos que terminan en formas abiertas, la poseen letras como la C o la G. El tamaño de la apertura es muy importante para conocer el estilo o grado de legibilidad. - Altura de mayúscula: Es la altura de las letras de caja alta. - Altura X: Altura de letras en caja baja, las letras minúsculas, excluyendo los ascendentes y los descendentes. - Anillo o Panza: Es el asta curva que encierra el blanco de las letras como la b, p y o.
CAMpAb Abertura
Vértice
Vértice
Altura de X
Anillo
Altura de Mayúscula
- Vértice o Apígrafe: Unión de dos astas en la parte superior de la letra.
12
Anillo
la tipografía
partes de una tipo
bkHAsKg
Ascendente
Basa
Asta
Asta Montante
Brazo
Asta Ondulada
Búcle
- Ascendente: Asta que contiene la letra de caja baja y que sobresale por encima de la altura x, tales como las letras b, d y k. - Asta: Rasgo principal de la letra que la define como su forma o parte mas esencial. - Astas montantes: Son las astas principales o oblicuas de una letra, tales como la L, B, V o A. - Asta ondulada, Espina o Columna: Es el rasgo principal de la letra “S” en mayúscula o “s” en minúscula. - Basa: Proyección que a veces se ve en la parte inferior de la b o G. - Brazo: Parte terminal que se proyecta horizontalmente, tal como se pronuncia en la letra E, K y L. - Bucle u Ojal: Parte inferior de la g minúscula cuando esta es una forma cerrada.
13
la tipografía
partes de una tipo
- Cartela: Trazo curvo o poligonal de conjunción entre el asta y el remate. - Cola Curva: Es la cola inferior que tiene la Q - Contraforma interna o Blanco interno: Parte interna de poseen algunas letras con formas cerradas con la a, d o p. Es importante tenerlo en cuenta para saber el grado de legibilidad de una tipografía. - Cuerpo: Es el tamaño de la letra, se mide en puntos. - Descendente: Asta de la letra de caja baja que se encuentra por debajo de la línea de base, como p y g.
Contraforma Interna
Gota
AuQpaG Cuerpo
Espolón Cartela
Descendente
- Espolón: Extensión que articula la unión de un trazo curvo con otro recto.
Cola Curva
- Gota: Trazo terminal de un asta, brazo o cola. Es un resalte ornamental de forma curva.
14
la tipografía
partes de una tipo
- Hombro o Arco: Trazo curvo que sale del asta principal de algunas letras sin acabar cerrándose.
Línea Base Oreja
KnOgrC Hombro
Remate Pata o Cola
Ligadura
- Inclinación: Ángulo de inclinación de un tipo. - Ligadura o Cuello: Es el trazo que une la cabeza con la cola de la G. - Línea base: La línea sobre la que se apoya la altura. - Oreja: Es un pequeño trazo o terminación que se le añade a algunas letras de caja baja como la g, o y r. - Pata o Cola: Asta oblicua colgante en letras como la R o K. - Remate o Terminal: Trazo terminal de un asta o brazo de la letra.
Inclinación
15
la tipografía
partes de una tipo
- Serif: Es el trazo ornamental para el termino o comienzo de un asta, brazo o cola. Es un resalte que no es indispensable para la definición del carácter. - Travesaño, filete o barra: Línea horizontal que uno a dos verticales, dos diagonales o dos curvas (H, A, e) Situados mas cerca o lejos de la línea base permaneciendo paralela a esta - Travesaño cruz: Trazo horizontal que cruza por algún punto del asta principal como en la f o t.
Serif
HuTpaf Travesaño o Barra
16
Travesaño Cruz
la tipografía
partes de una tipo
Buen Tracking
Mal Kerning “VA”
Hol VAST Hol VAST Mal Tracking
Buen Kerning
17
Los tipógrafos han usado el track o tracking para alterar la densidad visual del texto o el espacio global entre un grupo seleccionado de caracteres. Esta alteración afecta a todos los caracteres, como regla general, cuanto más grande es el cuerpo más apretado debe ser el track. El track ajusta el espacio que existe entre los caracteres, abriendo los cuerpos más pequeños y cerrando los mas grandes. El Kern o kerning es el espacio existente entre dos caracteres individuales, para cuando dos de estos caracteres se encuentran demasiado juntos o separados. El kern es proporcional, ya que es del mismo tamaño en puntos que el cuerpo de los caracteres. Si un texto es de 10 puntos, el kern mide 10 puntos.
la tipografía
partes de una tipo
- Números: El término número se refiere a la expresión de una cantidad con relación a su unidad. Se trata, por lo tanto, de un signo o un conjunto de signos. 1, 2, 3, 4, 5, 6, 7, 8, 9 y 0 son los números naturales. Cabe destacar que algunos matemáticos no consideran al cero numero natural. - Trazo: Líneas que crean la tipografía, el trazo puede tener distintos grosores dependiendo de la inclinación que se de, esto esta relacionado con la antigua escritura, de forma manual con pluma. - Grosor Representa la anchura del trazo pueden clasificarse en extrafina, fina redonda, negra o supernegra. Se produce un cambio en la estructura que solamente se modifican las proporciones, el trazo no varía. Se altera el color del texto.
Números
Grosor
1289 hhAA Y6gA&feS Trazo (Orientación)
18
la tipografía
partes de una tipo
Acentos Ligaduras
Ææ ὅÊïȂǎí ‡ «$#!*{¢ Signos Ornamentales
Signos
19
- Ligaduras: En tipografía una ligadura es un signo formado por la unión de 2 o más que suelen o pueden escribirse también separados. - Acentos: El acento ortográfico es un signo que se coloca generalmente sobre las vocales. En otros idiomas, se utilizan acentos diacríticos. El acento tiene variantes, como: agudo, circunflejo, grave, etc. - Signos: Son elementos que ayudan a establecen jerarquía, consiguiendo así estructurar el texto, existen: signos de puntuación, diacríticos, de entonación, auxiliares, fracciones, etc. - Signos Ornamentales: No creados a base de letras sino gráficas. No sirven para escribir textos, ya que contienen símbolos o motivos gráficos que ayudan a títulos.
desarrollo
inicial
20
desarrollo inicial código icónico
Iconografía Los conceptos aplicados van directamente relacionados a los pueblos originarios y sus formas, es decir las formas rectas y líneas diagonales. A pesar de que la proporción no es exacta en los dibujos de estos pueblos, al ser aplicados como concepto se neutraliza el grosor. Los códigos visuales que mas se rescatan apelan a grecas ornamentales geométricas donde la línea es el principal elemento. Los módulos geométricos que fueron utilizados como diseño para el arte en arcilla, son un icono importante representa una cultura general.
21
desarrollo inicial primeros cambios
Nueva
Variante Light
Light
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz
El cambio mas notorio en la variante light presentada por primera vez en comparación con la nueva, es el peso. El grosor tiene mucho mas concordancia con lo que realmente es una variante light. Anteriormente esta letra era Nueva tan sutil que podría tener serios problemas de legibilidad, ya que estos trazos podrían perderse en muchas ocasiones, sobre todo con fondos mas oscuros.
Light
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz
El signo interior era mucho menos proporcional y no estaba normado para todas las letras solo dependía de la contraforma del caracter.
Antigua
ABCDEFGHIJKLMN
ABCDEFGH OPQRSTUV ABCDEFGH OPQRSTUV Bold
ABCDEFGHIJKLMN ABCDEFGHIJKLMN 22
ABCDEFGH OPQRSTUV ABCDEFGH OPQRSTUV
Regular
ABCDEFGHIJKLMN ABCDEFGHIJKLMN OPQRSTUVWXYZ OPQRSTUVWXYZ ABCDEFGHIJKLMN abcdefghijklmno OPQRSTUVWXYZ pqrstuvwxyz
Regular
Antigua
ABCDEFGH
ABCDEFGHIJKLMN ABCDEFGHIJKLMN OPQRSTUVWXYZ desarrollo OPQRSTUVWXYZ inicial anteriorJproceso ABCDEFGHI KLMN abcdefghijklmno OPQRSTUVWXYZ pqrstuvwxyz
ueva
Light
FGHIJKLMN TUVWXYZ fghijklmno tuvwxyz
Antigua
Regular
ABCDEFGHIJKLMN OPQRSTUVWXYZ ABCDEFGHIJKLMN OPQRSTUVWXYZ
ABCDEFGHIJKLMN ABCDEFGHIJKLMN OPQRSTUVWXYZ OPQRSTUVWXYZ ABCDEFGHIJKLMN abcdefghijklmno OPQRSTUVWXYZ pqrstuvwxyz
Regular
En este caso también se modifico su grosor logrando un trazo mas neutral y real a lo que es una variante regular. El espacio que hay para cada carácter es mas ancho y se modifico el signo interior, el cual esta normado para todas las variantes.
Bold
FGHIJKLMN ABCDEFGHIJKLMN ABCDEFGHIJKLMN TUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ ABCDEFGHIJKLMN ghijklmno abcdefghijklmno OPQRSTUVWXYZ tuvwxyz pqrstuvwxyz Bold
El ancho de caja también es mas cuadrado la anterior era mas condensada y mas alta que la nueva propuesta.
ABCDEFGHIJKLMN OPQRSTUVWXYZ ABCDEFGHIJKLMN OPQRSTUVWXYZ
ExtraBold
FGHIJKLMN ABCDEFGHIJKLMN ABCDEFGHIJKLMN 23
Variante Regular
ABCDEFGHIJKLMN
ABCDEFGH OPQRSTUV ABCDEFGH OPQRSTUV
ABCDEFGHIJKLMN ABCDEFGHIJKLMN ABCDEFGHIJKLMN OPQRSTUVWXYZ OPQRSTUVWXYZ desarrollo inicial OPQRSTUVWXYZ anterior proceso ABCDEFGHIJKLMN abcdefghijklmno abcdefghijklmno OPQRSTUVWXYZ pqrstuvwxyz pqrstuvwxyz Variante bold
Regular
Bold
ABCDEFGHIJKLMN ABCDEFGHIJKLMN ABCDEFGHIJKLMN OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ ABCDEFGHIJKLMN abcdefghijklmno abcdefghijklmno OPQRSTUVWXYZ pqrstuvwxyz pqrstuvwxyz En esta variante se nota mucho mas el cambio de grosor de las letras, la propuesta anterior no parecía ser una versión bold, finalmente en la nueva propuesta se muestra mucho mas el cambio de una variante a otra.
Las letras parecían ser recién de una versión light, ya que no había un norma respecto a la proporción utilizada.
Bold
ExtraBold
ABCDEFGHIJKLMN ABCDEFGHIJKLMN ABCDEFGHIJKLMN OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ ABCDEFGHIJKLMN abcdefghijklmnoabcdefghijklmno OPQRSTUVWXYZ pqrstuvwxyz pqrstuvwxyz Los caracteres tienen mas forma y concordancia unos con otros, es aun mas fácil encontrar la coherencia.
ExtraBold
ABCDEFGHIJKLMN
ABCDEFGH OPQRSTUV ABCDEFGH OPQRSTUV
24
ABCDEFGHIJKLMN
ABCDEFGH OPQRSTUV ABCDEFGH OPQRSTUV
ABCDEFGHIJKLMN FGHIJKLMN ABCDEFGHIJKLMN ABCDEFGHIJKLMN OPQRSTUVWXYZ desarrollo STUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ inicial ABCDEFGHIJKLMN anterior proceso ABCDEFGHI JKLMN fghijklmno abcdefghijklmno OPQRSTUVWXYZ OPQRSTUVWXYZ tuvwxyz pqrstuvwxyz Bold
ExtraBold
ABCDEFGHIJKLMN FGHIJKLMN ABCDEFGHIJKLMN OPQRSTUVWXYZ STUVWXYZ OPQRSTUVWXYZ ABCDEFGHIJKLMN fghijklmnoabcdefghijklmno OPQRSTUVWXYZ tuvwxyz pqrstuvwxyz ExtraBold
FGHIJKLMN TUVWXYZ fghijklmno tuvwxyz
ABCDEFGHIJKLMN OPQRSTUVWXYZ ABCDEFGHIJKLMN OPQRSTUVWXYZ 25
Variante Ultra Bold
ABCDEFGHIJKLMN OPQRSTUVWXYZ ABCDEFGHIJKLMN OPQRSTUVWXYZ Por ultimo, la variante ultra bold es el grupo con mayor grosor de los 3 abecedarios anteriores.
Esta variante ahora si tiene el sentido de ser ultra bold pues su propuesta anterior era mas bien cercana al grupo regular.
Las contraformas son mucho mas peque単as pero gracias a su ancho de caja mucho mas amplio, estas se ven bien sin problemas de legibilidad. Las letras tienen mas forma y consistencia.
desarrollo inicial malla de desarrollo
Nomenclatura
los futuros problemas de contraforma de las variantes bold, sería mas ancho para no perder esta forma interior. Se normo una proporción para el grosor de cada letra, la variante light tendría el 10% de la altura de la letra, la regular el 15% de esta, la bold el 20% y por ultimo la ultra bold se quedaría con el 25% de la altura mencionada.
Para establecer algunas relaciones nos pondremos de acuerdo en la nomenclatura. Una familia tipográfica se construye entre 5 lindes (o líneas) principales: Línea base, aquella en la que se apoyan los signos. Por encima de la de base está la altura de x, luego la línea de minúscula (sin ascendentes), la de mayúsculas, la de ascendentes, descendente y por ultimo la sobredimensión (esta ultima utilizada para acentos y elementos sobre el carácter).
Al pasar las letras a FontLab (programa de creación de tipografía) se modifico la altura de la minúscula que era mas pequeña en un principio pero al ser con forma de mayúscula esta no debía ser muy baja. La altura de mayúscula se mantiene pero el ancho de caja se acorta sutilmente.
Para comenzar a crear los nuevos caracteres junto con la nomenclatura, se comenzó a ver el resto de las letras al momento, es decir, al editar una “A” por ejemplo, se fueron editando en conjunto las “A” restantes.
Aunque en las letras no se utiliza al ascendente o descendente se agregan para mantener la proporción y también ser utilizadas en la construcción de signos.
Las líneas lograron un espacio en donde se mantenía el alto de caja, no así el ancho, ya que esta sería la forma de solucionar
26
desarrollo inicial malla de desarrollo
Sobredimensi贸n Ascendente
100 pt 100 pt
Mayuscula 545 pt Altura de X
388 pt
Linea Base
255 pt
El 10% de la altura
El 20% de la altura
El 15% de la altura
Descendente 1000 pt
27
El 25% de la altura
desarrollo inicial malla de desarrollo
Sobredimensi贸n Ascendente
100 pt 100 pt
Mayuscula 650 pt Altura de X
545 pt
Linea Base
150 pt Descendente 1000 pt
28
desarrollo inicial malla de desarrollo
Sobredimensi贸n Ascendente
100 pt 100 pt
Mayuscula 650 pt Altura de X
545 pt
Linea Base
150 pt Descendente 1000 pt
29
desarrollo inicial malla de desarrollo
Malla
Para el signo interior se trazaron líneas de medición que lo dejo en el espacio correcto dentro de la contraforma, se decidió esa medida estándar para el interior de todas las letras y sus variantes.
La tipografía como se ha dicho anteriormente es geométrica, tomando en cuenta sus conceptos, estos remarcaban las líneas rectas y diagonales, por lo que la malla para desarrollar los caracteres ser recta.
De esta forma el signo esta bien ubicado en todas las contraformas internas, y no tendrá problemas en topar con algún travesaño o trazo interior de algunas letras.
Las letras se construyeron en una cuadricula cuadrada y dentro de esta, se agregaron líneas interiores para los trazos y grosor de la letra. Siempre quedan en tamaño justo, solo varia el ancho de caja y líneas interiores (travesaño, barra), si la letra las tiene.
También se trazan líneas para los travesaños, estos son levemente mas delgados que las astas verticales de las letras, para así obtener mayor espacio interior y debido a un peso óptico que tienen las letras, estas deben verse mas “livianas” de cierta forma en el centro.
A pesar de tener, en algunos casos, diagonales en las esquinas superiores o inferiores esta sigue acoplándose a la geometría por lo que no tiene problema con la cuadricula.
30
desarrollo inicial malla de desarrollo
A 31
desarrollo inicial malla de desarrollo
Travesaños
- La barra mas arriba: Son las siglas con la barra mas arriba, ya que van en letras cerradas como la “B”, “E”, etc. Este carácter al comenzar a ser mas grueso puede perder sus contraformas interiores y junto con ello, la barra central con la inferior pueden llegar incluso a toparse, lo que provocaría manchas al momento de la lectura, para prevenir estos problemas la barra central se sube sutilmente mas arriba.
Como se dijo anteriormente, en la cuadricula solo se modifican algunas líneas o medidas dependiendo de ciertas formas de la letra. Estas variaciones se dividen en 2 grupos, el primer grupo son los travesaños (las letras que tengan un trazo interior). Los travesaños se vuelven a separan en 2 grupos:
De esta forma el sistema tiene 2 tipos de posición para las barras, las cuales no producen discrepancia y aun así mantiene la unión del sistema.
- La barra mas abajo: Son generalmente el glifo que no cierra en la parte inferior como por ejemplo la “A”, “H”, “F”, etc. Poseen un espacio mayor debido al no cierre de la sigla en su parte inferior y eso da una impresión de ser mucho mas grande y extensa que el resto, esta ilusión visual proporciona la posibilidad de poder usar la barra mas abajo.
Se probo con palabras que tuvieran ambas barras y no hubo problema visual con ello. El segundo grupo es el ancho de caja del cual se hablará mas adelante.
Se quiso romper un poco la geometría utilizando la barra en una posición “no normal” para los caracteres, esto sin producir molestia visual.
32
desarrollo inicial malla de desarrollo
HAR 33
desarrollo inicial malla de desarrollo
BES 34
desarrollo inicial malla de desarrollo
Anchos de Caja
no posee estos carácteres, si logra diferenciarse de las astas rectas al tener pequeñas diagonales en sus esquinas, por lo tanto, este ancho de caja igual es sutilmente mas angosto.
Luego de generar las letras y ordenar los grupos con sus respectivos travesaños, los carácteres se vuelven a separar en grupos pero de anchos de caja, esto porque no todas las tipos deben tener el mismo espacio.
El tercer grupo es las que tienen el un ancho mas notorio y considerable, estas tienen astas menos rectas que los grupos anteriores, ejemplos como las “S”, “R”, “P”, “B” son muy variadas y de espacios abiertos.
Existen siglas mas anchas y otras que no necesitan ocupar una dimensión considerable para poder notarse en una palabra, esta diferencia no interfiere en la legibilidad final, es decir que una letra tome mas protagonismo que otra no significa que las frases se verán irregulares y que las letras con menos espacio no se verán.
Por ultimo el grupo, solo con la “E” y “F”, estos glifos son los mas delgados de todo el abecedario (sin contar la I) y aunque su espacio es angosto se complementan muy bien con el resto de las letras. Al definir estos grupos, las letras se van armando de forma mas optima, ordenada y coherente. Las letras que pudieran quedar sin grupo se pueden corregir y crear de forma individual pero basándose en lo anterior.
Las letras de mas espacio son tipos como las “H”, “K”, “T” y “A” ( esta ultima letra va en el grupo de letras rectas, ya que en este sistemas las astas de la A no son diagonales.), etc. Le siguen las letras de trazo curvo, pero aunque nuestro sistema
35
desarrollo inicial malla de desarrollo
R F DA B E GH 36
desarrollo inicial malla de desarrollo
37
desarrollo inicial malla de desarrollo
A H K T C G O D P S R U 38
desarrollo inicial malla de desarrollo
Variantes de grosor
El espacio del signo con las astas también es el mismo para todas las variantes, porque no podía ir corriéndose a medida que cambiara de variante, ya que, cada vez queda menos espacio, y en las letras con mas espacio de notaria mucho la diferencia, por lo tanto el signo se utilizo primero en las variantes gruesas y si estas quedaban de forma optima se traspaso al resto.
Las variante del sistema de lectura es el volumen, este se soluciono, como se dijo anteriormente, con el porcentaje de la altura y se aplico al grupo correspondiente. Mostramos la malla para analizar el ancho de caja general de cada grupo, donde la variante light ocupa menos espacio y la ultra bold tiene la amplitud mas considerable.
Se partió con las contraformas mas pequeñas, porque serían las que posiblemente darían mas problemas, por lógica las letras light o regular siempre tendrán buen espacio para el signo interior.
Al tener todas las variantes en la misma nomenclatura, se analizaron y corrigieron al momento los posibles problemas con el signo interior en las variantes mas gruesas, específicamente en la ultra bold, como el signo es el mismo para todas las letras, la ultra bold podría tener problemas de topar con algún trazo ya sea interior o exterior, pero viendo las variantes gruesas al instante se eliminaba la posibilidad de que esto ocurriera.
Por ultimo cabe recordar y como mostramos anteriormente, las variantes también realizan sus propios cambios de ancho, dependiendo de cada letra por separado.
39
desarrollo inicial malla de desarrollo
GG 40
desarrollo inicial malla de desarrollo
GG 41
desarrollo inicial vista de cambios
Cambios FontLab Por ultimo, se muestran fotografías de parte del proceso y los cambios nombrados anteriormente, pruebas realizadas en el programa de creación tipográfica, FontLab. En ella se pueden ver comparaciones hechas en el proceso, en especial de variantes, probando la opción minúscula con respecto a su mayúscula, relación del signo y como se fueron analizando distintos tamaños hasta llegar al signo interior final.
42
desarrollo inicial vista de cambios
43
desarrollo inicial vista de cambios
44
desarrollo inicial vista de cambios
45
desarrollo inicial vista de cambios
46
desarrollo inicial vista de cambios
47
desarrollo inicial vista de cambios
48
variantes de la
tipografĂa
49
variantes de la tipografía definición
Las familias tipográficas presentan en su diseño una serie de variables, o deformaciones proyectivas, que permiten al diseñador obtener diversas soluciones de diseño, con respecto al ritmo, al color y a las jerarquías del texto.
grosor de trazo mayor, aproximadamente entre 1/4 y un tercio 1/3 del ancho de la ene, mientras que la tipografía blanca o light presenta un grosor de trazo menor, aproximadamente entre 1/6 y 1/8 del ancho de la letra ene.
Las variables de un diseño tipográfico se pueden agrupar en tres conjuntos básicos, según las variaciones en el peso (variable de tono), en la amplitud del ancho de la letra (variable de proporción) y la inclinación del eje vertical (variable de inclinación).
Variable de proporción: La variable de proporción hace referencia a la modificación del ancho de la letra. Siempre las variaciones en la expansión o en la condensación de la tipografía se establecen en el sentido horizontal, es decir que lo que varía es el tamaño del ancho tipográfico. La variación de tamaño en el sentido vertical no se considera una variable tipográfica, ya que corresponde a la simple alteración de la medida del cuerpo tipográfico.
Variable de tono: Respecto a la variable de tono, y aunque cada diseño de familia tiene sus propias medidas, puede considerarse como regular o normal a la tipografía cuyos trazos presentan un espesor aproximado a un quinto (1/5) del ancho de la letra, tomando como referencia la ene (n) para las minúsculas y la hache (H) para las mayúsculas. La tipografía negrita o bold, presenta un
Respecto de la proporción, se considera normal o regular una tipografía cuando su relación alto/ancho es de 5 a 4 (5 módulos en el alto por 4 módulos en el ancho), tomando como referentes la letra ene (n) minúscula y la hache (H) mayúscula.
50
variantes de la tipografía definición
• Variable de inclinación
• Variable Versalita
La variable de inclinación hace referencia al ángulo de inclinación de la tipografía, respecto de su eje vertical. Esta variable esta compuesta por la tipografía regular o “derecha” y su versión inclinada, itálica u oblicua. En la tipografía con variable de inclinación el eje vertical presenta una inclinación de aproximadamente 12 grados respecto de la perpendicular a la línea base.
Por último, dentro de esta descripción de variables, podemos mencionar también a las versalitas. Las versalitas son alfabetos con estructuras de mayúsculas, pero que mantienen la altu ra de los signos de caja baja. Nos servimos de esta opción, por ejemplo, si necesitamos utilizar mayúsculas y no queremos ge nerar irregularidades en el color del texto. En el gráfico, de arriba hacia abajo: la palabra compuesta en minúsculas, luego en versalitas y, finalmente, las versalitas «de máquina», que son una reducción de los signos al 75% de su tamaño. Entre los conflictos que esto presenta se puede mencionar: en primer lugar, las versalitas artificiales no tienen la al tura de las minúsculas y, en segundo lugar, tampoco conservan el color de las mismas. Los criterios mencionados en este apun te no son los únicos que se pueden tomar para decidir la crea ción de variables tipográficas, pero sí son los más utilizados.
Existen 2 tipologías reconocibles en la variable de inclinación: - La oblicua, que es el resultado de la inclinación de la redonda (regular o derecha), sin que su apariencia sufra grandes cambios. - La itálica, que es un diseño inclinado particular, bastante diferente al de las redondas, generalmente basado en la escritura caligráfica cancillere
51
variantes de la tipografía variante light
De la palabra “ligero”, la variante light es el grupo con los trazos mas delgados y el ancho de caja mas reducido. Sus trazos son mas finos, esta tipografía suele ser utilizada en contextos donde se quiera mostrar delicadeza. La variante fue construida basándose en la versión regular, desde esa base se extrae el 10% de la altura lo que da como resultado un abecedario sutil y fino. La muestra contiene: Abecedario Caja Alta (signo) Abecedario Caja Alta Abecedario Caja Baja Números Signos Acentos Ligaduras Signos Ornamentales
ABCDEFGHIJKLMNÑO PQRSTUVWXYZabc defghijklmnñopqr stuvwxyzabcdefgh ijklmnñopqrstu vwxyz1234567890 52
variantes de la tipografĂa variante light
53
variantes de la tipografía variante regular
La variable regular como su nombre lo dice regula de cierta forma el resto de las variantes, es el grupo que tiene el peso justo respecto a las demás familias. Los trazos son mas gruesos que la variante anterior, suele ser utilizada cuando no se requiera enfatizar en algo específicamente y se pueda usar una tipo de grosor neutro. Se puede decir que es el punto de partida del resto de las variantes. La muestra contiene: Abecedario Caja Alta (signo) Abecedario Caja Alta Abecedario Caja Baja Números Signos Acentos Ligaduras Signos Ornamentales
ABCDEFGHIJKLMNÑO PQRSTUVWXYZabc defghijklmnñopqr stuvwxyzabcdefgh ijklmnñopqrstu vwxyz1234567890 54
variantes de la tipografĂa variante regular
55
variantes de la tipografía variante bold
También llamada negrita es una variante mas gruesa que la anterior y desde aquí comienza a notar más el trazo marcado y el ancho de caja mucho mas ancho. Sus trazos son gruesos y esta tipografía suele ser usada para dar importancia o énfasis a una palabra o título en especial, donde se requiera una mayor visibilidad o como un gran llamado de atención. Se construyó extrayendo el 20% de la altura. La muestra contiene: Abecedario Caja Alta (signo) Abecedario Caja Alta Abecedario Caja Baja Números Signos Acentos Ligaduras Signos Ornamentales
ABCDEFGHIJKLMNÑO PQRSTUVWXYZabc defghijklmnñopqr stuvwxyzabcdefgh ijklmnñopqrstu vwxyz1234567890 56
variantes de la tipografĂa variante bold
57
variantes de la tipografía variante ultra bold
Esta ultima variante es la mas gruesa del sistema, tiene el ancho de caja mas amplio y aunque se parezca mucho a su variante anterior tiene cambios muy notorios, principalmente en el grosor aun mas marcado. Sus trazos son mas grotescos y puede suele ser utilizada para espacios donde se requiera una buena visibilidad por parte del lector, un llamado de suma importancia, etc. Se construyo con el 25% de la altura. La muestra contiene: Abecedario Caja Alta (signo) Abecedario Caja Alta Abecedario Caja Baja Números Signos Acentos Ligaduras Signos Ornamentales
ABCDEFGHIJKLMNÑO PQRSTUVWXYZabc defghijklmnñopqr stuvwxyzabcdefg hijklmnñopqrstu vwxyz1234567890 58
variantes de la tipografĂa variante ultra bold
59
desarrollo
final
60
desarrollo final trazo
AaaGgg AaaGgg 61
Basándose en los conceptos elegidos para el sistema de lectura, se definió un trazo neutral para todo la tipografía y sus variantes, esto quiere decir que no existe una inclinación especial en donde una parte del trazo sea mas delgada que otra, esto se decide debido a la forma geométrica de las tipos. El trazo es recto y en las partes donde podría haber curva se reemplaza por diagonales que suplen esta función. Todo esto logra glifos de forma geométrica y trazo neutral, pero sin ser monótonos, las formas rectas dan una simetría distinta y llamativa.
desarrollo final trazo
ABCDabcd ABCDabcd ABCDabcd 62
desarrollo final grosor
AAAA aaaa 63
El grosor como se explico antes esta basado en porcentajes de la altura de la tipografía misma. Es decir, para crear el volumen ideal, en la variante light se utilizo el 10% de la altura de la letra, para la versión regular se empleo el 15%, para la opción bold el 20% y por ultimo la categoría de mayor cuerpo se queda con el 25% de su altura. Este método sirvió mucho mejor, para generar el volumen real de lo que es una variante de grosor y ayudo a tomar en cuenta el ancho de caja y sus contraformas internas, que van cambiando a medida que crece el volumen de sus trazos.
desarrollo final grosor
DDDD dd EEEE ee HHHH hh 64
desarrollo final remates
RKZq gjwy 65
Los remates son de terminados en línea recta. El trazo sigue la línea geométrica y se corta de forma vertical u horizontal dependiendo de la dirección de la asta, si esta viene empinada o apaisada, debe ser cortada en la dirección natural en la que esta el trazo. El algunos casos como la “R” o la “K” la forma se corta horizontal pero también vertical, esto sucede porque la línea viene en forma diagonal y se quiso crear ese corte especial para estas letras, siglas como la “Y”, “W” o “X” necesitaban esa diferencia en el trazo.
desarrollo final remates
cqXVn xjw単r 66
desarrollo final travesaños
abhefg abhefg
Como se explico anteriormente en el tema de los travesaños, esta categoría esta dividida en 2 grupos. El primer grupo tiene la barra ubicada en una posición baja, ya que los caracteres de este grupo tienen su parte inferior abierta y esto no provocaría un problema de legibilidad para las variantes de mayor grosor. El segundo grupo tiene su barra levemente mas arriba, son las letras cerradas en su parte baja, estas si tendrían un futuro problema en el grupo bold y ultra bold, ya que el travesaño podría topar con en trazo inferior e incluso con alguna recta ubicada en el centro. El travesaño esta en una posición distinta, para generar una sutil irregularidad relacionada a el pueblo originario.
67
desarrollo final travesa単os
ABFEHGPSR abfehgpsr 68
desarrollo final aberturas
cgsef32 cgsef32
Las aberturas son amplias, se comenzó creando la letra “C” de forma espaciosa. Tomando la anterior letra como carácter inicial, las demás tienen similitud con esa abertura, siglas como la “G” siguen su línea pero su abertura se hace mas pequeña debido al espolón que esta tiene. Las letras como la “F” o “E” tienen travesaño, lo que las hace diferente a la “C” pero que de igual manera tienen una abertura considerable, la C sigue siendo referente. Para los números nos guiamos por la misma regla, en un principio los números eran mas cerrados, pero ahora tienen mayor aire que ayuda a la legibilidad. La abertura es ancha para no tener problemas con las variantes gruesas del sistema, que los remates se pudieran juntar.
69
desarrollo final aberturas
C 5632 G
cgsef 70
desarrollo final
contraformas internas
bdrp689 bdrp689 71
Las contraformas internas son también de gran amplitud, esto se debe a la posición de sus barras centrales (travesaños). Las grandes contraformas se ven reflejadas en letras como las “D”, “P” o “R”. Para letras como la “B” la contraforma superior es mas amplia que la inferior por la barra comentada anteriormente. Se deja una gran contraforma por la misma razón que las aberturas, para que las versiones bold y ultra bold no tuvieran problemas de que la forma interior se perdiera debido a su grosor, ya que la letra se engruesa pero su contraforma se hace mas pequeña.
desarrollo final
contraformas internas
aQbDrP89 aQbDrP89 72
desarrollo final números
12345670 12345670 73
Los números se guían también por las reglas escritas anteriormente. El numero 4 tiene su trazo interior mas abajo que el numero 3 esto se basa en la explicación de los travesaños (grupo 1 y 2) Sus aberturas son grandes y también tienen gran contraforma interna. El único numero que no sigue la norma del travesaño es el 8, que por regla propia la contraforma superior debe ser mas pequeña que la inferior, por lo que las guias aplicadas hasta entonces no se hacen en este numero, pero a pesar de los anterior no se pierde de la familia tipográfica.
desarrollo final nĂşmeros
1234567890 1234567890 74
desarrollo final signos
@-$%&?ç) @-$%&?ç) 75
Se creo una gran cantidad de signos para poder usar el sistema de la forma mas optima posible, además de tener los 3 tipos de paréntesis, se crearon las cedillas, porcentajes, guiones, puntos, comillas, etc. El signo arroba se creo en base a la "a" al igual que todas las arrobas pero con la diferencia de que esta "a" minúscula es de forma mayúscula, esto porque en este sistema no existe esa "a”. También fueron reemplazados por diagonales las curvas. Para Ampersand (&) se tomo como referente el signo original, el cual viene de la E y T y no de un 8, se creo la unión de estas letras.
desarrollo final signos
{-}”!\ª-¬][><^`_ {-}”!\ª-¬][><^`_ 76
desarrollo final signos ornamentales
�������� ����� 77
Se crearon signos decorativos para enriquecer el sistema y así complementar cualquier titulo o frase que requiera ser acompañada de un ornamento y reflejar los conceptos sin saturar. Se diseñaron piezas juntas y separadas, ya que esta figuras generalmente son formas que se vuelven módulos que al repetirse forman figuras infinitas, en este sistema también se da la posibilidad de crear distintas posibilidades. Algunos signos que tuvieran trazos se intervinieron para darle volumen y así no tuvieran problema en relacionarse con las versiones bold.
desarrollo final signos ornamentales
���������� ������������ 78
desarrollo final acentos
AÁÀÂÃÄÅ aáàâãäå 79
También se crearon una gama importante de acentos, principalmente en la letra A que de por si tiene la mayor cantidad de acentos, también para el resto de las vocales los signos básicos del idioma. Nos encontramos con acentos grave y agudo, también acentos diacríticos como la diéresis, tilde, carón, de anillo, breve y circunflejo. Estos aplicados a las vocales como también individualmente (convertidos en signos). En algunos casos se aplico en letras como la "S" o "Z". Estas tienen el mismo espacio desde el trazo superior hasta el acento propiamente tal.
desarrollo final acentos
èíõûÿýŠŽÒ èíõûÿýŠŽÒ 80
desarrollo final ligaduras
æ��Œ œfl�fl 81
Las ligaduras en la historia fueron creadas para economizar escritura. Hoy en día se pueden utilizar para evitar, en algunos casos problemas de kerning o resolver ciertas ilusiones que se dan al combinar a veces caracteres tipográficos que parecen consecutivos o iguales (FI LL). Para este sistema, la ligadura es una creación para solucionar problemas de espacio entre un carácter y otro además se diseñan otra opciones para tipos modernas del idioma latino como las doble L o CH.
desarrollo final ligaduras
Æ���Œ Æ���Œ 82
desarrollo final tracking
nananan nononon 83
El interletrado a tracking ajusta el espacio que existe entre los caracteres, abriendo los cuerpos mĂĄs pequeĂąos y cerrando los mas grandes. Para crear un buen interletrado se tomo como referente la N, ya que esta tiene una asta recta y otra terminada en diagonal (reemplazo de la curva) por lo que podĂa compararse con todo el resto del sistema, para letras diagonal por ambos lados se utilizo la O y para astas rectas completamente se uso la H. Se crean espacios distintos en cada lado (izquierda o derecha) dependiendo de su asta, estos espacios presentan cambios leves por lado, pero debe ser asĂ, porque el trazo termina de 3 formas posibles (diagonal, recta, recta - diagonal).
desarrollo final tracking
INONOHAHAI inonohahai 84
desarrollo final kerning
ex xt lt ex xt lt 85
El kerning es utilizado para resvolver problemas puntuales, como el espacio existente entre dos caracteres individuales, como cuando 2 caracteres se encuentran muy juntos o separados. Algunos problemas comunes no necesariamente aparecieron en este sistema pues ac谩 no existen los trazos curvos y la A no es en forma diagonal. Para casos parecidos se juntaron sutilmente las tipos y lograr el espacio correcto. Pero de todas formas la "X" suele tener problemas punturales con otras letras debido a su doble espacio junto con la T y la L. Estos en algunos casos se solucionan con ligaduras o uni贸n proporcional de los caracteres.
desarrollo final kerning
TT LI VA RT YS tt li va rt ys 86
muestras
finales 87
muetras finales afiches
Chile Pueblo Originario
88
muetras finales
[
DIAGUITA
]
Diaguita es la denominaciĂłn quechua con etimologĂa aimara, que significa â&#x20AC;&#x153;serranoâ&#x20AC;?, fue impuesta por los incas y divulgada luego por los espaĂąoles.
Los diaguitas eran
ALFAREROS Fabricaban sus
vasijas & ollas
â&#x2030;&#x2C6; vaď&#x203A;&#x20AC;e delâ&#x2030;&#x2C6; HabitarĂłn entre los rĂos copiapĂł y choapa, su cultura e influencia se propagĂł por diversas regiones hasta llegar a el...
ACONCAGUA
89
afiches
muetras finales
afiches
[
DIAGUITA
]
Diaguita es la denominaciĂłn quechua con etimologĂa aimara, que significa â&#x20AC;&#x153;serranoâ&#x20AC;?, fue impuesta por los incas y divulgada luego por los espaĂąoles.
Los diaguitas eran
ALFAREROS Fabricaban sus
]
Diaguita es la denominaciĂłn quechua con etimologĂa aimara, que significa â&#x20AC;&#x153;serranoâ&#x20AC;?, fue impuesta por los incas y divulgada luego por los espaĂąoles.
Los diaguitas eran
[
DIAGUITA
vasijas & ollas
â&#x2030;&#x2C6; vaď&#x203A;&#x20AC;e delâ&#x2030;&#x2C6; HabitarĂłn entre los rĂos copiapĂł y choapa, su cultura e influencia se propagĂł por diversas regiones hasta llegar a el...
ALFAREROS
ACONCAGUA
Fabricaban sus
vasijas & ollas HabitarĂłn entre los rĂos copiapĂł y choapa,
â&#x2030;&#x2C6; vaď&#x203A;&#x20AC;e delâ&#x2030;&#x2C6; su cultura e influencia se propagĂł por diversas regiones hasta llegar a el...
ACONCAGUA
90
muetras finales afiches
ABCDEFGHIJKLMNÑOPQRST UVWXYZabcdfghijklmnño pqrstuvwxyz1234567890 áéÁÉÍÚÓóúÀÈÌÒÙàèìíòùÃÕãõ ÂÊÎÔÛâêîôûÄËÏÖÜäëïöüÿýÝÅ垎ŠšŸ (){}?¿!¡*",:%=´|`/\][-_+#'.;>¬<^~¢ˆˇ…¨˚˘⁄ »«›‹Øø˜¸Çç‚„”’“‘·ª°º≈≠€&@)(Æ挜 #"!fl3456789A BCDEF GHIJKLMIJNOP
ABCDEFGHIJKLMNÑOPQRST UVWXYZabcdfghijklmnño pqrstuvwxyz1234567890 áéÁÉÍÚÓóúÀÈÌÒÙàèìíòùÃÕãõ ÂÊÎÔÛâêîôûÄËÏÖÜäëïöüÿýÝÅ垎ŠšŸ (){}?¿!¡*",:%=´|`/\][-_+#'.;>¬<^~¢ˆˇ…¨˚˘⁄ »«›‹Øø˜¸Çç‚„”’“‘·ª°º≈≠€&@)(Æ挜 #"!fl3456789A BCDEFGHIJKLMNOPQ
[REGULAR]
[LIGHT]
91
muetras finales afiches
[BOLD]
[ULTRA BOLD]
ABCDEFGHIJKLMNÑOPQRST UVWXYZabcdfghijklmnño pqrstuvwxyz1234567890 áéÁÉÍÚÓóúÀÈÌÒÙàèìíòùÃÕãõ ÂÊÎÔÛâêîôûÄËÏÖÜäëïöüÿýÝÅ垎ŠšŸ (){}?¿!¡*",:%=´|`/\][-_+#'.;>¬<^~¢ˆˇ…¨˚˘⁄ »«›‹Øø˜¸Çç‚„”’“‘·ª°º≈≠€&@)(Æ挜 #"!fl3456789A BCDEFDGHIJKLMNOP
ABCDEFGHIJKLMNÑOPQRST UVWXYZabcdfghijklmnño pqrstuvwxyz1234567890 áéÁÉÍÚÓóúÀÈÌÒÙàèìíòùÃÕãõ ÂÊÎÔÛâêîôûÄËÏÖÜäëïöüÿýÝÅ垎ŠšŸ (){}?¿!¡*",:%=´|`/\][-_+#'.;>¬<^~¢ˆˇ…¨˚˘⁄ »«›‹Øø˜¸Çç‚„”’“‘·ª°º≈≠€&@('Æ挜 "!0fi456789AB CDEFGHIJKLMNOPQR
92
muetras finales afiches
93
muetras finales afiches
ABCDE FGHIJK LMﾃ前PQ RSTUV WXYZ
ABCDE FGHIJK LMﾃ前PQ RSTUV WXYZ
94
muetras finales afiches
ABCDE FGHIJK LMﾃ前PQ RSTUV WXYZ
ABCDE FGHIJK LMﾃ前PQ RSTUV WXYZ
95
muetras finales afiches
96
98