TipografíaTipografíaa la a la

CartaCartaUn manual para deleitar el gusto por la Tipografía.

MenúMenúBotanas“Conceptos Básicos de Tipografía”.Pag.

Entrada“Trabajando con las Fuentes”.Pag.

Plato Fuerte“Construcción de una Fuente”.Pag.

Postre“Principios básicos de Diagramación”.Pag.

Encontrar un buen plato de comida es tan difícil como buscar la tipografía perfecta; necesitas saber lo que quieres para llegar a satisfacer tu paladar. Tipografía a la carta es la receta ideal para conocer todos aquellos conceptos que conforman esta disciplina del diseño, con el objetivo de guiar al lector en la búsqueda de un significado exquisito de Tipografía.

BotanasBotanasConceptos básicos de Tipografía

TIPOGRAFÍAOficio que trata el tema de las letras, números y símbolos de un texto impreso, tales como su diseño, su forma, su tamaño y las relaciones visuales que se establecen entre ellos.

TIPOModelo o diseño de una letra determinada. Está conformado por un conjunto de glifos (letras, números y caracteres especiales) que han sido diseñados de tal forma que mantengan una unidad estilística.

FUENTE Estilo o apariencia de un grupo completo de caractéres, números y signos, regidos por unas características comunes (letras en caja alta y baja, numerales, fracciones, puntua-ción, signos matemáticos, acentos, entre otros).

FAMILIA TIPOGRÁFICA Grupo de fuentes unidas por características similares. Los miembros de una familia se parecen entre si, pero también tienen rasgos propios.

SERIF

Romana AntiguaRomana de Transición

Romana ModernaEgipcia

Italiana

SANS SERIF

GrotescaPalo Seco

HumanísticaManuscrita

A b t g m y xHh Q k

Línea Ascendente

Línea Superior

Línea de BaseLínea Descendente

Asta

Barra

Asta

Altu

ra d

e la

sM

ayús

cula

s

Ascendente

Blanco Interno Anillo

CruzOreja

Hombro

Descendiente

Altura x

ColaSerif

Pata

Brazo

ANATOMÍA DE LA FUENTE Y

LÍNEAS DE CONSTRUCCIÓN

UNIDADES DE MEDIDA

PUNTO DTP

Equivale a 0,352mm. Es la unidad de medida más común.

Esta es una fuente de 12 puntos de tamaño.

Esta es una fuente de 14 puntos de tamaño.

MILÍMETRO

Equivale a 2,67 puntos DTP.

Esta es una fuente de 4mm (0.4cm).

Esta es una fuente de 7mm (0.7cm).

UNIDADES DE MEDIDARELATIVAS Y PORCENTUALES

PIXEL (PX)

Unidad relativa a la resolución de salida (resolución de pantalla).

EM = CUADRATIN

Un cuadratín del 12 es un cuadrado de 12 puntos de lado.

- Medio Cuadratín: Es la mitad de un cuadratín.

- Cuarto de Cuadratín: La mitad de un medio cuadratín.EX (EX)

Unidad relativa al tamaño de la X minúscula del tipo de letra que se esté usando.

PORCENTAJE (%)

Unidad porcentual basada en el tamaño de letra empleado. UNIDADES DE MEDIDA

Trabajando con las FuentesEntradaEntrada

CONTRASTES TIPOGRAFICOSLa mayor parte de los lectores recorren las páginas con los ojos de un punto a otro. Por esta razón, los diseñadores deben crear un contraste tipográfico y un flujo coherente, destacando correctamente el texto que tenga más valor.

DIMENSIONESLógicamente un mayor tamaño de fuente indica mayor prioridad, ya que llama la atención del lector, por lo tanto se suele usar en los encabezados. Por otra parte, se le puede restar importancia colocando algo de texto de menor tamaño encima del encabezado.

TIPO DE LETRAEl contraste puede ser logrado mediante la mezcla de diferentes tipos de letra. Sin embargo, debido a que el tipo seguro de fuentes en web es limitado, disponemos de dos grandes tipos de uso: con serifa, o sin-serifa.En los monitores los pequeños remates aparecen menos definidos, dificultando la lectura. Lo más común para crear un contraste es usar fuentes con serifa para las encabezados o titulares y fuente sin serifa para el cuerpo

COLOREl uso de colores es una forma común para distinguir entre los títulos, los enlaces, y el cuerpo del texto. El uso de un color más llamativo también llama la atención al lector. El uso de diferentes colores dentro del mismo texto, sirve de elemento diferenciador. Muchos logotipos usan esta técnica.Puede usarse el color con transparencia para indicar que algo no está disponible.Si se combina un tamaño de letra más peque-ño con un tono de color más claro, se le resta importancia.

NEGRITASLas negritas deben utilizarse solo para enfati-zar algunas palabras, resaltar puntos clave dentro de la información o alguna frase de gran importancia. Las negritas distraen, por ello nunca se debe abusar de ellas.

MAYUSCULAS Y MINUSCULAS

Si se usa el mismo tipo de letra para los títulos y para el cuerpo, se pueden usar las mayúsculas y las minúsculas como elemento diferenciador. Consejo: es recomendable evitar el uso de mayúsculas en el texto del cuerpo o en una frase larga, ya que se reduce la legibilidad.

ESTILO Y DECORACIONCuando se lee un artículo en una revista, es común el uso del subrayado para enfatizar contenido. Este es un gran error en la tipografía para web, ya que los lectores pueden malinterpretar el texto subrayado como enlace. En su lugar, se puede usar la fuente en cursiva.

ESPACIOEl buen uso del espacio hace que las cosas se vean más claras. Hay varias maneras de crear un espacio:

• Ruptura del bloque: es el espacio entre los elementos de bloque.

• Salto de párrafo: es el espacio creado entre párrafos.

• Espaciado entre letras (kerning): es el espacio entre los caracteres. • Espacio entre líneas (leading): es el espacio entre las líneas.

• Sangría: Se usa para marcar los listados o los comentarios

LAS FUENTES COMO ELEMENTO EXPRESIVO

La elección tipográfica, como la forma en que la misma se distribuye en una pieza gráfica, puede ayudar a reforzar un mensaje o a contradecirlo. Todas las tipografías tienen su personalidad.

TRACKING

Se refiere al espacio que existe entre cada par de letras en un texto en relación con el cuadratín o ancho y alto de la fuente usada. El track o tracking ajusta el espacio entre caracteres, abriéndolo cuando se trata de cuerpos pequeños y cerrándolo cuando se trata de cuerpos grandes, con lo que se con-sigue alterar la densidad visual del texto.

ALIENACIONESLa alineación de los textos permite armonizar los distintos niveles de un texto y su relación con otros elementos de la composición:

Alineación Izquierda es la de uso más común para textos largos.

Alineación Derecha. Posicionará hacia la derecha el texto o objeto seleccionado.

Alineación Centrar. Se lo suele utilizar en imágenes o títulos principales.

Alineación tipo justificada. Es un tipo de alineación que empareja el texto. Se lo suele utilizar en todos los párrafos aunque en ocasiones en párrafos de muy poco ancho no se lo utiliza, ya que separará demasiado las palabras. Alineación Libre: El texto se puede posicio-nar en cualquier lugar de la página.

Plato FuertePlato FuerteConstrucción de una Fuente

CONSTRUCCIÓN DE UNA TIPOGRAFÍASi se trata de hacer una nueva fuente, lo primero que se necesita es una idea; pueden provenir de cualquier lugar o de cualquier cosa. Aquí hay una lista de formas en que se puede obtener inspiración cuando no se cuenta con ninguna.

REFERENCIASVer trabajos buenos motiva a mantener un estándar de calidad y estar al tanto de lo que se mueve en el medio.

INVESTIGACIÓNLuego de escoger un tema, se recomienda comenzar a investigar y recopilar informa-ción sobre este. Aprender del tema le dará pistas visuales de lo que quiere lograr.

RESTRICCIONESImponerse restricciones en el diseño, puede ayudarle a mantenerse enfocado y no dispersarse ante la infinidad de posibilidades.

ANOTACIONESLa inspiración puede venir de cualquier lugar. Mantener un registro de las ideas en una libreta, y repasarla constantemente, servirán como punto de partida al momento de crear una tipografía.

BOCETACIÓNDespués de haber definido el tema y la idea, se comienzan a bocetar caracteres que nos ayuden a descubrir las características y patrones de nuestra tipografía. Es usual comenzar con las letras a, e, g, n, d. Estos caracteres le proporcionaran una buena variedad de formas que le servirán como base para las demás. El proceso de bocetación con-tinua hasta que se obtenga una propuesta satisfactoria.

IMPORTANCIA DE LA TIPOGRAFÍALa tipografía hace referencia a la manera en la que las ideas escritas reciben una forma visual, y puede afectar radicalmente a como percibimos un diseño. Los tipos de fuentes tienen personalidad propia y son un excelente medio para comunicar emociones. Cuando se diseña un tipo de fuente suele ser con una función concreta en mente.

TAMAÑO

Los caracteres de una línea no tienen la misma altura matemática; en el diseño de tipos es esencial tenerlo en cuenta ya que se aplica a todos los caracteres de la fuente que contengan trazos curvos o vértices que limi-ten con las líneas que forman el ojo medio (altura x), o las que nos fijan los límites supe-rior e inferior.

HAO

FLUIDEZ DE FORMAS

El diseño de tipos debe tomar las curvas de manera natural. La curva debe comenzar y cesar suavemente, nunca de una forma brusca.

ORÍGEN CALIGRÁFICO

En los tipos modernos, los trazos que se resaltan son los rectos, mientras que en los tipos antiguos son los curvos.

TERMINOLOGÍA

Durante el proceso de diseño de una tipografía la comunicación es mucho más sencilla si utilizamos los mismos términos para definir las distintas partes del tipo.

NEGRO VS. BLANCO

El diseño de tipos no es nada más y nada menos que armonizar las formas negras y las blancas. Negro, la forma de las letras; blanco, el espacio dentro y alrededor de las mismas. La cantidad de espacio blanco dentro de un carácter define la cantidad de blanco que existirá entre dos caracteres.

thinbold

LECTURABILIDADEl único aspecto importante de una fuente de texto es su lecturabilidad. Decisiones de diseño afectan este aspecto; contraste, longitud de ascendentes y descendentes, ritmo, color tipográfico que proporciona el tipo, robustez de arcos y panzas, etc.La mayoría de estas decisiones se aplican a todos los caracteres de la fuente, y por esto el primer paso es definirlas.

PROPORCIONESDefinir las proporciones es esencial y están fuertemente conectadas con el propósito de la fuente. El uso que se le dé a la misma marcará las proporciones de sus caracteres. Para una fuente de texto la altura de los ascen-dentes debe de ser tan grande, o incluso más grande que la altura de las mayúsculas, con el objetivo de proporcionar un adecuado ajuste óptico.

DIGITALIZACIÓNA la hora de pasar los diseños dibujados a mano al entorno digital, hay que tener cuidado con el digitalizado de los mismos. Más concretamente con el trazado del diseño escaneado con una herramienta Bezier. Demasiados puntos de dibujo sobre un carácter o una posición equivocada de estos, pueden influir negativamente en tu fuente.Una presencia excesiva de puntos puede causar no solamente problemas técnicos a la hora de imprimir sino que puede hacer más difícil el control de la forma misma.

gatogato Dodecaedro

Dodecaedro

PostrePostrePrincipios Básicos de Diagramación

DIAGRAMACIÓNEsta permite organizar todos los insumos gráficos y de texto necesarios para realizar una propuesta gráfica. Es importante saber que el formato es definido por la cantidad de información a utilizar.

RETÍCULA

Son guías para la lineación y distribución de los elementos en un formato. Organizan todos los elementos, jerarquiza y crea un orden intangible que puede ser comprendido y repetido por otras personas.

Columna

Modulo

Márgen

Línea de Flujo

Zona Espacial

Marcador

ELEMENTOS

Márgenes: Espacio vacio que se deja entre el borde del formato y los bloques de columnas. Columnas: Bloques verticales que encapsulan el contenido.

Módulos: Unidades más pequeñas de organización que dividen el formato.

Zonas Espaciales: Zonas que agrupan varios módulos para poder contener información que no encaje en uno solo.

Líneas de flujo: Permiten una divisón horizontal del espacio para evitar columnas demasiado extensas.

Marcadores: Son los únicos insumos que pueden ir en la margen. Proporcionan información como el número de página y el título del articulo.

PÁGINA MAESTRAEstamos hablando de la primera página, donde aparece el estilo y todas las características ideadas para toda la publicación. De esta forma, todas las páginas que forman una revista, catálogo o bien un libro, tendrán siempre el mismo estilo y presentación.

JERARQUÍAEste criterio es fundamental para la organización de los elementos visuales. Se trata de asignar valores a cada uno de ellos y hacer que en varios niveles se vayan organizando de acuerdo con la necesidad de enfatizar jerárquicamente los distintos elementos que componen el mensaje. Siempre habrá un elemento líder al que hay que destacar en sus diferentes atributos: tamaño, color, posición, orientación, opacidad.

ESTRUCTURAEs el esqueleto que soporta los elementos básicos de la energía visual; sin estructura no hay imágenes, tan sólo un conjunto amorfo de elementos amorfo de elementos visuales sin conexión.

TENSIÓNEs la fuerza concentrada en el elemento. El punto tiene tensión, pero no dirección, la línea combina tensión y dirección. A partir de esta base teórica trataremos de plantear un conjun-to de ideas que nos permitan no sólo entender sino adiestrarnos en la composición.

RITMOEn la composición gráfica también hay que organizar los elementos independientemente pero considerando sus relaciones con los otros. Los conceptos de repetición, alternancia, simetría, compresión, expansión, reflejo, rotación y traslación componen el ritmo de una pieza gráfica.

CONTRAGRAFISMODebemos asignarle un valor visual al vacío y considerarlo como objeto equilibrante. Las áreas «blancas» que aparecen en las páginas no son sobrantes, están llenas de aire y ayudan a ventilar las páginas. Evidenciamos que el vacío también hay que diagramarlo.

TIPOGRAFÍA ENDIAGRAMACIÓN

¿Cómo escoger un tipo? En principio se debe tener claro cuál es el espíritu de la publicación. Los criterios de legibilidad son relativos puesto que depen-den de otros factores que se producen en el proceso del diseño como la asignación de atributos al tipo como el tamaño, color, textura, profundidad, etc. Por eso que es necesario proyectarse a sus posibles modificaciones de acuerdo al plan general de diseño que se está pensando desarrollar.Evidenciamos que el vacío también hay que diagramarlo.

GlosarioOBLICUO: Que no es recto.

GOTICA: Es una fuente que apareció en la Edad Media, hacia el siglo XII. Aún se usa en nuestros días. Se caracteriza porque las partes redondeadas de las letras aparecen fracturadas.

Grafismo: Conjunto de particularidades gráficas de la letra de una persona.

Caligrafía: Conjunto de rasgos que caracte-rizan la escritura de una persona.

Epigrafe: Título, rótulo que encabeza un capítulo o cualquier subdivisión de un escri-to.