GEl libro tipográfico es una obra única y cautivadora que celebra el arte y la belleza de los diferentes estilos y formas de la tipografía. A través de sus páginas, el lector se adentra en un fascinante viaje por la historia y evolución de la escritura, explorando desde los primeros tipos de imprenta hasta las modernas técnicas tipográficas. Cada capítulo del libro es una ventana a un mundo lleno de letras y caracteres, donde el diseño y la creatividad se entrelazan para dar vida a palabras y mensajes. Los distintos estilos tipográficos son presentados con detalle, revelando su origen, características distintivas y ejemplos emblemáticos. Desde las elegantes y clásicas serifas hasta las audaces y contemporáneas sans serif, cada tipografía tiene su propia personalidad y expresividad. Acompañando la riqueza visual de las tipografías, el libro también explora la importancia de la legibilidad, la composición y la tipografía en la comunicación visual. Se presentan principios y técnicas para utilizar la tipografía de manera efectiva, tanto en el diseño gráfico como en la creación de logotipos, carteles, libros y otros medios impresos y digitales. Con ilustraciones inspiradoras y ejemplos prácticos, el libro tipográfico es una herramienta invaluable para diseñadores, artistas, escritores y amantes de la tipografía en general. A través de sus páginas, el lector no solo aprenderá sobre los aspectos técnicos de la tipografía, sino que también será inspirado a experimentar y explorar nuevas posibilidades creativas en la expresión visual del lenguaje escrito. En resumen, el libro tipográfico es una obra fascinante que captura la magia y la importancia de la tipografía en nuestra sociedad, invitando al lector a descubrir y apreciar el arte inherente en las letras. Es una fuente de conocimiento, inspiración y creatividad, que dejará una huella duradera en aquellos que se aventuren en su lectura.
PINEDO EDITORIAL, S.A
CALLE 40 # 10-71
UniBarranquilla
080006 Barranquilla-Colombia WWW.PinedoEditorial.com
Impreso en Barranquilla- Atlantico creado por Camilo Pinedo
Reservado todos los derechos , El contenido de esta obra esta protegido por la ley y por nuestro informantes de investigacion al momento de la creacion de este libro tipografico. para quienes reprodujeran este libro distribuiro comunicacar atravez de este libro publicamnete, en todo o en parte, uns obra literaria, artista o cientifica, o su trasformacion, interpretacion o ejecuccion artistica fijada en cualquier tipo de soporte o comunicada a traves de cualquier medio.
Las familias tipográficas son grupos de tipos de letras relacionados que comparten características y estilos similares. Cada familia tipográfica está compuesta por una variedad de estilos (o pesos) que incluyen variaciones en grosor, inclinación o forma de los caracteres. Algunas de las familias tipográficas más conocidas son:
1. Serif: Las tipografías serif se caracterizan por la presencia de pequeños adornos o remates en los extremos de las letras. Son elegantes y tradicionales, y se utilizan con frecuencia en textos extensos y impresos, como libros y periódicos. Ejemplos: Times New Roman, Garamond, Georgia.
2. Sans Serif: Estas tipografías carecen de los remates característicos de las serif y son más simples y modernas en apariencia. Son ampliamente utilizadas en medios digitales y diseños contemporáneos. Ejemplos: Helvetica, Arial, Futura.
3. Script: Las tipografías script imitan la escritura a mano o el estilo caligráfico. Son elegantes y suaves, y se utilizan con frecuencia en invitaciones, tarjetas de felicitación y diseños que buscan un toque más personalizado. Ejemplos: Brush Script, Bickham Script, Pacifico.
4. Decorative o Display: Estas tipografías son llamativas y expresivas, con diseños únicos y creativos. Se utilizan principalmente en encabezados, logotipos y diseños que requieren un mayor impacto visual. Ejemplos: Impact, Cooper Black, Lobster.
5. Monoespaciada: Estas tipografías tienen caracteres con un ancho fijo, lo que significa que cada letra ocupa el mismo espacio horizontal. Son comúnmente utilizadas en programación, codificación y diseño de interfaces de usuario. Ejemplos: Courier, Consolas, Monospace.
Estas son solo algunas de las diferentes familias tipográficas que existen, y dentro de cada una de ellas hay una amplia gama de estilos y variaciones. La elección de la familia tipográfica adecuada depende del contexto y objetivo de diseño, y cada una proporciona un estilo y personalidad distintivos a los textos y diseños.
Clasificación tipográfica
Las tipografías serif y sans serif son dos categorías principales de fuentes o tipos de letras utilizadas en diseño gráfico y tipografía. Aquí hay algunos ejemplos de tipografías serif y sans serif:
Las tipografías serif se caracterizan por tener pequeños remates o adornos en los extremos de las letras, lo que las hace lucir más tradicionales y elegantes. Estas tipografías son ampliamente utilizadas en impresión, especialmente en textos extensos como libros y periódicos, ya que se ha demostrado que son más legibles en formato impreso.
Por otro lado, las tipografías sans serif no tienen remates en los extremos de las letras y tienen un aspecto más limpio y moderno. Son ampliamente utilizadas en el diseño de interfaces digitales, carteles publicitarios y en cualquier contexto donde se busque una apariencia más contemporánea y minimalista.
Ambas categorías de tipografías tienen sus propias características distintivas y se utilizan en diferentes contextos según el estilo y el propósito del diseño. La elección entre tipografías serif y sans serif dependerá del efecto que se desee lograr y de la legibilidad requerida para el proyecto en particular.
Clasificación tipográfica
Clasificación tipográfica
Clasificación tipográfica- vocabulario representativo
Las tipografías script son fuentes que imitan la apariencia de la escritura a mano o el estilo caligráfico. Estas tipografías suelen tener caracteres cursivos, fluidez en sus trazos y una sensación de elegancia y movimiento. Son muy utilizadas en diseños que buscan transmitir un toque personalizado y sofisticado. Aquí tienes algunos ejemplos de tipografías script:
1. Brush Script: Una tipografía con trazos sueltos y pinceladas distintivas, imitando la apariencia de la pintura con pincel.
2. Bickham Script: Una tipografía script elegante y refinada, que combina rasgos caligráficos clásicos con detalles ornamentales.
3. Pacifico: Una tipografía script informal y amigable, con trazos fluidos y un aspecto alegre y moderno.
4. Snell Roundhand: Una tipografía que imita la escritura con pluma estilográfica redonda, con forma de letra clásica y líneas curvas elegantes.
5. Lobster: Una tipografía script audaz y llamativa, con trazos gruesos y formas estilizadas, utilizada comúnmente para citas o títulos destacados. Estos son solo algunos ejemplos de tipografías script, pero existen muchas otras con diferentes estilos y características. La elección de una tipografía script dependerá del contexto y de la intención deseada para el diseño, ya sea que se busque un aspecto elegante y refinado o uno más informal y amigable.
Script. Las tipografías script, como Pinyon Script o Parisienne, se caracterizan por tener ligaduras en las letras (es decir, que las letras van ligadas unas con otras). Son elegantes y, por tanto, eso es lo que transmiten: elegancia, lujo y calidad.
DECORATIVAS
Estas tipografías no fueron concebidas como tipos de texto, sino para un uso esporádico y aislado. Las tipografías decorativas presentan diseños creativos y artísticos como agujeros, trazos curvos, bordes rústicos, etcétera. Consisten en una variedad de estilos tipográficos como curvado, moderno, desgastado, distorsionado, fracturado, entre otros, y generalmente se usan en contextos que requieren innovación e imaginación. Dada su poca legibilidad, las fuentes decorativas son mejores para fines ornamentales y se debe evitar su uso en presentaciones y documentos formales como currículos, cartas y brochures. Se emplean básicamente en títulos debido a que no aportan mucha legibilidad.
También conocidas como tipografías display, estas tienen un uso puntual, pues presentan diseños creativos y artísticos. Se mezclan diferentes estilos tipográficos y se utilizan en proyectos muy innovadores, ornamentales o imaginativos, por lo que su legibilidad es difícil.
Tipografías Display o Decorativas
Las tipografías decorativas, también denominadas “display”, están consideradas como tipografías divertidas, más desenfadadas. Pueden transmitir una gran variedad de sensaciones, en función de cómo sea el resultado final. Este estilo de fuente tipográfica no suele ser la más apropiada a la hora de diseñar el branding para una empresa o su identidad visual. Carecen de sensación de seriedad o profesionalidad. En cambio, sí es bastante común encontrarlas con frecuencia en el branding de producto, especialmente en el sector alimenticio. La tipografía decorativa está presente en alimentos destinados a su consumo infantil o joven, como en cajas de cereales o galletas.
¿Qué es una tipografía monoespaciada?
Lo primero que debes saber es que una tipografía monoespaciada cuenta con el mismo espacio para todos sus caracteres. Esto es lo que define el auténtico carácter de una tipografía monoespaciada. Además los caracteres cuentan también con el mismo ancho. Pero, ¿qué significa entonces el término “monoespaciado”? Mono (uno) y espaciado (acción de espaciar). Monoespaciado, se traduce por tanto en “un mismo espacio para todos”. Pero las monoespaciadas forman sólo una pequeña parte del total de tipografías. La mayor parte de las tipografías siempre acaban espaciando sus caracteres de forma “proporcional” o variable. Además, sus caracteres pueden variar en ancho, como ocurre con la tipografía que estás leyendo ahora mismo en este artículo. Piensa en el espacio que puede ocupar la letra “i” a diferencia de la letra “M”. A estas tipografías se les denomina como tipografías proporcionales o de anchura variable, donde como acabamos de ver, los caracteres pueden contener diferentes anchos. Aunque las tipografías monoespaciadas puedan resultar idóneas para ciertos casos son las tipografías proporcionales las que dominan el terreno, sobre todo porque nos otorgan una mayor fluidez en la lectura.
Como anécdota, que sepas que en 1966 la compañía IBM llegó a introducir al mercado una máquina de
escribir que podía llegar a utilizar tipografías proporcionales o no monoespaciadas. No tuvieron mucha suerte y parece que la máquina nunca llegó a prosperar demasiado. Las tipografías monoespaciadas y la informática Gracias a su uniformidad de espacio, a las formas limpias de sus caracteres y a las serifas horizontales, con las monoespaciadas se reconoce ópticamente con más precisión cada carácter del texto, aunque la fluidez de la lectura baje. Esto favoreció a que las tipografías monoespaciadas se incluyesen en los lenguajes de programación, donde una errata en el texto podía arruinar una secuencia entera de código, y por tanto, en la primera etapa de la informática. ¡Yo mismo he programado en COBOL usando tipografías monoespacidas! Gracias a las monoespaciadas tus ojos podían escanear todo el texto para localizar posibles errores en el código. Además, como el espacio es uniforme para todos los caracteres, siempre contaremos con el mismo número de caracteres por línea. -A día de hoy, las tipografías monoespaciadas siguen siendo las tipografías más usadas por los programadores.
Clasificación tipográfica-Caracteres
Clasificación tipográfica-Caracteres
Ana Moliz-Gràffica Clasificación de Caracteres Ana Moliz-Gràffica Clasificación de CaracteresDiseñar caracteres tipográficos es un proceso creativo y técnico que implica crear letras y símbolos que se utilizarán para formar palabras y textos en una tipografía específica. Aquí hay una guía general para el diseño de caracteres tipográficos:
Investigación y referencias: Antes de comenzar el diseño, es importante investigar y recopilar referencias de otras tipografías y estilos que puedan ser relevantes para el proyecto. Estudia diferentes fuentes y tipos de letras para entender cómo se construyen los caracteres y cuáles son las tendencias actuales.
Diseño de bocetos: Comienza diseñando bocetos de las letras en papel o utilizando software de diseño gráfico. Concéntrate en crear formas distintivas y coherentes que representen el estilo general que buscas. Es útil dividir los caracteres en grupos (como mayúsculas, minúsculas, números, símbolos) para mantener la consistencia en la tipografía.
Proporciones y métricas: Asegúrate de mantener una relación adecuada entre las diferentes partes de cada letra y entre los caracteres en general. Las proporciones y métricas adecuadas son esenciales para una tipografía legible y equilibrada.
Diseño de glifos: Además de las letras alfabéticas, también necesitarás diseñar glifos especiales, como signos de puntuación, números, acentos y otros símbolos. Asegúrate de que estos se ajusten al estilo general de la tipografía. Pruebas y refinamiento: Una vez que tengas un conjunto básico de caracteres diseñados, pruébalos en palabras y oraciones para identificar posibles problemas de legibilidad o coherencia. Realiza ajustes y refinamientos según sea necesario.
Digitalización: Lleva tus diseños a un software de diseño vectorial para digitalizar los caracteres. Asegúrate de que las líneas sean limpias y precisas.
Formatos y distribución: Guarda tu tipografía en diferentes formatos, como TrueType (TTF), OpenType (OTF) o Web Open Font Format (WOFF), según el propósito de uso. Si deseas compartir tu tipografía con otros, asegúrate de cumplir con las licencias y derechos de distribución adecuados.
Diseño de Caractere-Espacio de Diseño Tipográfico. proceso 1
Diseño de Caractere-Espacio de Diseño Tipográfico. proceso 2
Diseño de Caractere-Espacio de Diseño Tipográfico. proceso 3
Una vez realizados los bocetos, se recomienda escoger cuatro caracteres en concreto y trabajarlos más en detalle. Estos caracteres son los que conforman la palabra «nova» en minúscula. La importancia de estas cuatro letras es clave, ya que en ellas se conforma el ADN de la mayoría de los elementos para toda la caja baja, además de que los 3 primeros caracteres están creados con las tres formas geométricas básicas: cuadrado, círculo y triángulo, y con estas tres formas se pueden construir todos los caracteres del alfabeto, tanto las de caja baja como las de caja alta.
Una vez que se ha terminado el diseño de los cuatro caracteres clave, podemos completar el resto de la caja baja usando partes de las letras ya diseñadas o realizando extensiones de ellas.
Secuencia de construcción de caracteres partiendo de los cuatro iniciales clave:
Partiendo de la n de caja baja, se construyen los caracteres m (duplicando), u (volteando 180 grados), r, t, i, t (usando la mitad izquierda).
Partiendo de la o de caja baja se construyen los caracteres e y c (usando la parte izquierda y añadiendo una barra y una gota).
Partiendo de la v de caja baja se construyen los caracteres w (duplicando), x (usando la mitad superior y repitiéndola) y la z (haciendo una rotación de 90 grados a la izquierda).
Muestra de los cuatro caracteres clave para establecer las bases de diseño y estructura de la tipografía. Muestra de los cuatro caracteres clave para establecer las bases de diseño y estructura de la tipografía. proceso
Derivación de nuevos caracteres:
Usando elementos de la n, o y l, podemos diseñar nuevos como la j (usando partes de la o y la l y añadiendo una gota).
Usando partes de la l y la x, podemos construir la k.
Usando la parte superior de la v y la parte inferior de la j, podemos construir la y.
Usando la l y rotando la t 180 grados, podemos diseñar la f.
Con todas estas combinaciones podemos apreciar que se pueden diseñar prácticamente todos los caracteres que comprenden la caja baja del alfabeto. Los únicos que se deberían bocetar desde el principio serían la g y la s, pero como ya tendremos los otros 24 caracteres diseñados, nos será mucho más fácil.
Una vez acabados los caracteres de la caja baja, podemos empezar con los de la caja alta. Nos va a ser mucho más sencillo por varias razones:
Ya tenemos las proporciones básicas de las letras (línea base, altura x, altura de la ascendente y altura de la descendente).
Para establecer la altura de las mayúsculas, solo tenemos que usar las medidas de la línea base a la altura de la ascendente.
También tenemos las proporciones y los diseños de todos los caracteres de la caja baja y los podremos usar para construir nuestras mayúsculas.
Los caracteres de la caja alta se rigen todos por los principios básicos de la geometría (cuadrado, círculo y triángulo), eso significa que son mucho más fáciles de construir.
Muestra de los cuatro caracteres clave para establecer las bases de diseño y estructura de la tipografía. Muestra de los cuatro caracteres clave - Alfabeto
Muestra de los cuatro caracteres clave para establecer las bases de diseño y estructura de la tipografía. proceso
Para establecer la proporción de las mayúsculas solo debemos tomar como punto de partida la altura de los caracteres ascendentes.
Muestra de los cuatro caracteres clave para establecer las bases de diseño y estructura.
Usando el diseño de los caracteres de caja baja que ya hemos construido previamente y partiendo de las formas geométricas básicas podemos desarrollar todas las letras de la caja alta.
Kerning
En el momento en que empezamos a juntar letras y a crear palabras, se generan unos espacios entre ellas. Estos espacios que se acostumbran a formar, generalmente entre grupos de dos letras, se pueden ajustar de forma automática para que ópticamente los textos obtengan una mejor apariencia.
El término kerning deriva del inglés kern, que detallaba la porción de una letra que se extendía más allá del carácter de plomo y que se debía retocar de forma manual limando la pieza y extrayendo material. No se debe confundir con los conceptos interlineado o espacio entre caracteres, ya que estos son aditivos y lo que hacen es, en esencia, añadir espacio al ya existente. Desde el punto de vista técnico, es mucho más cómodo utilizar el término tracking (comúnmente utilizado en la mayoría de las aplicaciones informáticas), que describe la adición o eliminación del espacio entre letras.
En el proceso del espaciado nos podremos encontrar ciertas complicaciones problemáticas entre pares de caracteres que nos van a ser casi imposibles de solucionar con el espacio natural a izquierda y a derecha. En este punto, deberemos hacer una lista de estos pares de caracteres y trabajarlos de forma específica y personalizada.
Algunos de los pares que habría que supervisar serían: AO, AT, AU, AV, AY, Ao, At, Au, Av, BV, BY, FA, Fo, JA, KO, Kv, LT, LU, LV, LY, Lv, OA, OV, OX, OY, PA, PX, RO, RU, RV, RY, TA, To, UA, VA, VO, Va, Vf, Vg, Vi, Vn, Vo, Vs, Vx, Vz, XO, Xv, YA, YO, Ya, Yf, Yg, Yn, Yo, Yp, Ys.
Ejemplo
y con kerning
de pares de caracteres sin kerning (arriba) (abajo).
Grupo de caracteres con diferentes categorias de kerning
Ejemplo de pares de caracteres con Tracking y kerning.
Ejemplo de pares de caracteres con Tracking y kerning. num 2
Pares de caracteres con Tracking y kerning. num 3
La jerarquía tipográfica
En cualquier composición donde usemos tipografía, vamos a ayudarnos de la jerarquía tipográfica, porque nos va a permitir establecer una correcta jerarquía visual, organizará nuestra composición y aclarará el orden de lectura.
La jerarquía tipográfica se suele dividir en tres niveles: el nivel primario, donde se incluirían los titulares; el nivel secundario, que incluye subtítulos y pequeños bloques de texto; y el nivel terciario, que comprende el texto principal del diseño.
Tres niveles de jerarquía tipográfica.
Por otro lado también deberíamos de abordar la fuente tipográfica. Hablo sobre el aspecto de la tipografía, y cómo se contrasta con el resto del contenido.
Si bien la jerarquía tipográfica nos ayuda a organizar nuestra composición y aclarar el orden de lectura, la elección de la fuente tipográfica va a contribuir al estilo que respirará nuestra composición, a su personalidad tipográfica y a lograr ese contraste sobre el resto de elementos.
La fuente tipográfica y su contraste también influye sobre la jerarquía gráfica.
Podemos combinar tipografías diferentes, ayudarnos del interletrado o el interlineado, o también podemos hacer uso de otras cualidades como el tamaño, o las variables tipográficas de grosor o peso.
Para quien no lo sepa, las variables tipográficas son las diferentes opciones que podemos encontrar dentro de una misma familia tipográfica. Modificaciones de la morfología de la tipografía. Actúan sobre el grosor del trazo, el ancho o proporción del carácter y la inclinación del eje vertical de los caracteres de una misma familia tipográfica.
Ejemplo de variable tipográfica de peso.
por eso, gracias a las variables tipográficas no siempre necesitaremos hacer uso de tipografías diferentes para lograr una correcta jerarquía visual. Nos ayudaremos de una misma familia tipográfica.
Ya lo he mencionado en alguno de mis vídeos o artículos anteriores, pero revisar la prensa escrita y las revistas, es un ejercicio estupendo para estudiar cómo aplicar una correcta jerarquía, entrenando un poco el ojo.
Al observar la prensa escrita vamos a notar muchos elementos que compiten por la atención de los lectores. Nos toparemos con ejemplos muy originales e ingeniosos por parte de los editores. Comprueba tú mismo que existe suficiente contraste visual entre titulares, subtítulos y los textos de párrafo, y que son los elementos más importantes los que cuentan con mayor tamaño y contraste.
El espacio
El espacio es un elemento visual esencial para garantizar el orden y la lectura de cualquier composición. Y es que otorgar espacio alrededor de un elemento, contribuirá a que éste llame siempre la atención y a situarlo jerárquicamente por encima del resto de elementos.
El espacio en la jerarquía visual.
Ahora, gracias al espacio, podemos hacer uso del principio de proximidad, uno de los 6 principios de diseño y ley de la Teoría de la Gestalt, que todo diseñador gráfico debe conocer… pero, ¿recuerdas cuál es la idea principal que expone este principio?
Pues expone que la mirada del espectador siempre tenderá a desplazarse hacia el siguiente elemento más próximo. Es por ello, que para crear una pauta de navegación correcta, necesitaremos agrupar a los elementos según el orden de atención que queramos conseguir. Por otro lado, si hay demasiado espacio en blanco entre los elementos, se corre el riesgo de que se rompa la relación entre ellos.
El principio de proximidad.
En lo que al espacio se refiere, haz uso de él para centrar la atención sobre los elementos más importantes de tu composición. Aprovéchate del principio de proximidad para mantener un orden lógico de la lectura o cuando necesitemos relacionar algunos elementos con otros. Por ejemplo, cuando queramos agruparlos dentro de un mismo nivel jerárquico.
V. La composición (o alineación y disposición)
Sí, cómo dispongamos los elementos visuales dentro de nuestra composición también puede influir directamente sobre la jerarquía visual. No olvidemos que nuestra cabeza siempre tenderá a leer la forma natural cualquier pieza, de arriba a abajo o de izquierda a derecha. Por otro lado, nuestro cerebro está habituado a procesar la información a través del reconocimiento de patrones. Algo que se estudia también en la teoría de la Gestalt. El orden favorece la comprensión. Y también podremos aprovecharnos de este hábito de nuestro cerebro para, por ejemplo, generar énfasis sobre ciertos elementos apartándolos de una alineación, grupo o patrón.
La composición en la jerarquía visual. Romper el patrón para establecer un punto focal.¿Conoces las leyes de la Gestalt? Muchas de estas leyes o principios, demuestran cómo la disposición de los elementos visuales en la composición, puede afectar directamente a la percepción humana, contribuyendo a que percibamos los elementos como parte de un grupo.
Estas leyes nos ayudan a darle un sentido a la información y a reducir al mínimo las posibilidades de error en la lectura. Por lo que muchas pueden ayudarnos a agrupar elementos dentro de un mismo nivel jerárquico y nunca estará de más que las conozcamos. Recuerda, que diseños desordenados o mal alineados pueden confundir al espectador.
Por otro lado, sí hablamos de la disposición, debemos tener en cuenta que nuestra percepción siempre inclinará su atención sobre el objeto que se encuentre más cerca de nosotros. O qué “parezca que se encuentra más cerca de nosotros”, claro, porque podemos engañar a la percepción, por ejemplo ayudándonos de un desenfoque para fingir una falsa profundidad.
O quizás con el uso de sombras. Podremos lograr que parezca que una forma se encuentra sobre otra, dando importancia una vez más a aquella que percibamos como más cercana.
Resumiendo un poco, la consistencia en una jerarquía visual favorecerá la lectura y comprensión de nuestro contenido. Como diseñadores gráficos, podemos aprovecharnos de los anteriores recursos para lograr jerarquizar la información. Esto sólo se consigue generando contraste sobre los diferentes elementos de la composición. Eso sí, usa los anteriores recursos con sutileza. Si nos excedemos, llenando nuestra composición de elementos de gran tamaño, de múltiples colores, tipografías y otros recursos… confundiremos al usuario sin lograr nuestro objetivo, y recuerda que los elementos que se diseñen con el mismo tamaño, tipografía, color, espacio y disposición serán percibidos como parte de un mismo nivel jerárquico. Y aquí va un consejo antes de terminar el artículo. Elabora primero un listado con todo lo que necesitamos incluir en nuestra pieza, y ordena cada elemento por nivel de prioridad. Así descubriremos cuáles son los datos más relevantes y qué debe encabezar nuestra jerarquía visual. Te parecerá muy básico, pero esto nos permitirá averiguar cómo disponer los elementos en nuestra composición, qué tamaño podría tener cada uno, el espacio alrededor, su color, o dónde establecer ese primer punto focal.
