# data[].attributes.attachment_link.title
Imagen interactiva by dg_paular on Genially

# data[].attributes.attachment_link.description
Discover more about Imagen interactiva ✌️ - Interactive Image

# data[].attributes.attachment_link.readable_text
Resulta imposible no tener un contacto directo constante con tipografías. Nos acompañan en todo momento, ya que forman parte de nuestra rutina diaria. Hablamos por tanto de un elemento visual casi omnipresente del que podemos hacer uso desde el diseño gráfico .

Además, las tipografías son una herramienta clave a la hora de diseñar la identidad de marca o branding de un proyecto. Junto con el logo, la paleta de colores y otros recursos, forman parte del branding visual que diseñamos estratégicamente para reforzar el mensaje que queremos enviar desde la empresa.

En este artículo voy a profundizar en el concepto de la tipografía. Aprenderás qué es una familia tipográfica y conocerás sus variables, así como los 4 grandes grupos de tipografías que existen teniendo en cuenta su forma. Además, al final del artículo te listo las 6 webs a las que más recurro cuando necesito encontrar la mejor tipografía para el diseño de un proyecto o marca.

Índice de contenido

¿Qué es una tipografía?

La palabra tipografía proviene de dos términos griegos: "typos" que significa golpe, marca o forma, y "graphia" que significa cualidad de escribir.

Podemos definir la tipografía como "el arte de diseñar las letras". Se denomina así a la disciplina que estudia la representación gráfica de las letras para que el lenguaje escrito sea efectivo.

Al mismo tiempo, denominamos también tipografía a la escritura con un conjunto de caracteres alfanuméricos, elaborados previamente y que cuentan con un estilo y una serie de características en común.

Toda la familia de caracteres se ha diseñado siguiendo unas mismas pautas y estilo. Posteriormente se han incluido en un archivo contenedor con formato (Microsoft y ) o (Apple).

Gracias a estos archivos podremos incluir las tipografías en nuestro catálogo tipográfico, que nos permitirá usarlas desde cualquier programa de edición de textos (o imágenes) o programas de diseño desde nuestro ordenador. Podremos incluir estos diseños de letras en nuestras creatividades y composiciones, sin necesidad de diseñarlas una y otra vez.

No debemos confundir la técnica de la tipografía con el Lettering "el arte de dibujar las letras" o la Caligrafía "el arte de escribir las letras". Aunque cuenten con similitud, estas 3 técnicas difieren en cómo conciben y abordan la creación de las letras.

Al autor de la tipografía lo denominamos tipógrafo.

Al igual que ocurre con las formas, los colores o las imágenes, las tipografías también pueden llegar a evocarnos conceptos o emociones. A esto se le denomina psicología tipográfica o personalidad de la tipografía.

La personalidad tipográfica nos puede ayudar a transmitir aún más con la identidad visual de la marca. Por ejemplo, si queremos que la empresa se muestre moderna y cercana, podemos recurrir a una tipografía de palo seco. Si quizás la preferimos más tradicional y seria, una tipografía con serifa podría ser una mejor opción.

Tipos de Tipografías

Sin profundizar demasiado dentro de cada categoría de tipografías, lo cierto es que podemos clasificar a las fuentes tipográficas por su morfología en 4 grandes grupos:

Con serifa (romanas)

Sin serifa (palo seco)

Cursivas (manuscritas)

Decorativas (exposición)

Vamos a conocerlas una por una para que puedas aprender a diferenciarlas por su forma.

Tipografías con serifa (romanas)

Las tipografías con serifa son aquellas que cuentan con remates o terminales, que son esos pequeños adornos ubicados en los extremos de los trazos de los caracteres.

Las tipografías Serif suelen ser concebidas como serias y tradicionales. Cuentan con un aire académico o institucional. Son tipografías idóneas para párrafos o textos largos, ya que los pequeños terminales o serifas contribuyen a que se cree una línea imaginaria bajo el texto que facilita mucho lectura a nuestro ojo.

Algunos ejemplos de fuentes tipográficas Serif son: Times New Roman, Garamond o Book Antigua.

Y recuerda dentro de las tipografías con serifa, podemos incluir también las tipografías egipcias o Slab Serif.

Tipografías sin serifa (de palo seco)

Las tipografías sin serifa o de palo seco (sans serif) se caracterizan por la ausencia de remates y terminales. Se diseñan sin serifas. Sus trazos apenas presentan contrastes.

Las tipografías Sans Serif suelen asociarse con la tipografía comercial, ya que ofrecen un resultado muy bueno para la impresión de titulares o poco texto, en carteles y publicidad. Este estilo de fuente evoca modernidad, seguridad, neutralidad y minimalismo.

Aunque este tipo de fuente tipográfica no cuente con la línea invisible que consiguen las tipografías Serif para los textos largos, es muy recurrida también para textos en pantalla y textos en tamaños pequeños. Gracias precisamente a la ausencia de terminales y remates, esta tipografía puede resultar más legible en textos de pequeño tamaño que su hermana mayor.

Algunos ejemplos de tipografías San Serif son: Futura, Helvética, Arial, Gotham o Avenir.

Tipografías cursiva (manuscritas)

Las tipografías cursivas, también se denominan como script o manuscritas. Son tipografías que representan o imitan la caligrafía a mano, por lo que en ocasiones también se les puede denominar como tipografías caligráficas.

Generalmente este tipo de tipografías cuentan con una tendencia itálica o cursiva claro. Las letras se ligan entre sí y encontramos curvas más pronunciadas que en las tipografías con serifa o de palo seco.

Como se ligan con la caligrafía, cuentan con una personalidad algo más humana y cercana. Algunas tipografías cursivas podrían ser Beckham Script o Parisienne.

Tipografías decorativas (exposición)

También se les denomina como tipografías display. Están consideradas como tipografías divertidas, más desenfadadas, pero pueden transmitir una gran variedad de sensaciones.

Cuentan un carácter y personalidad muy fuerte. Desde el punto de vista de la psicología tipográfica son transgresoras y contribuyen a llamar más la atención. No obstante, la legibilidad que se puede obtener con este tipo de fuentes es algo más pobre.

Dentro de este conjunto de decorativas entrarían las tipografías cuyas características no se ajustan a los tres conjuntos anteriores. Suelen crearse para fines específicos donde la legibilidad no se tiene demasiado en cuenta. Como por ejemplo en el branding de producto en el sector de la alimentación. Son muy expresivas y suelen contar con atributos más temáticos.

Eso sí, definitivamente no son tipografías idóneas para párrafos de texto.

Pueden llegar a transmitir falta de cuidado o desinterés en el diseño. Por eso, piénsate bien cuando utilizar este tipo de fuentes tipográficas.

¿Qué es una familia tipográfica?

Una familia tipográfica es un conjunto de caracteres, alfabéticos o no, que cuentan con unas características comunes en su estructura y en su estilo. Esto nos permite identificarlas como una misma familia.

Los miembros que integran una misma familia tipográfica se parecen entre sí, pero cuentan con algunos rasgos propios como variaciones de peso, inclinación y proporción. Esto lo voy a aclarar con más detalle en el siguiente punto.

Existen multitud de familias tipográficas. Originalmente surgieron con la creación de la imprenta pero otras han ido apareciendo como resultado de la digitalización de todo el proceso de diseño de tipografías.

Por ejemplo, las familias Gotham, Futura o Swift son algunas de mis familias tipográficas favoritas. Las uso con bastante frecuencia.

Las variables tipográficas y las versalitas

Las variables tipográficas son las opciones que podemos encontrar dentro de una misma familia tipográfica. Son modificaciones de la morfología de la tipografía, es decir de su forma. Actúan sobre el grosor (tono) 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.

Gracias a estas variables tipográficas vamos a poder establecer una jerarquía visual en nuestras composiciones. También nos ayudan a satisfacer las necesidades que nos pueden surgir a la hora de comunicar visualmente con tipografías.

El peso como variable tipográfica

La variable de peso, denominada también como variable de grosor o tono, afecta directamente al trazo de los caracteres. Se modifica la relación entre el ancho del trazo y los espacios vacíos dentro de cada signo tipográfico.

La tipografía bold o negrita presenta un grosor de trazo mayor, mientras que la tipografía light presenta un grosor del trazo menor.

La proporción como variable tipográfica

La variable de ancho o proporción afecta directamente a la estructura de los caracteres. Hace referencia a la modificación del ancho de la letra. En principio el trazo no varía.

Las tipografías condensadas y expandidas son tipografías que han sido diseñadas desde cero, al igual que las regulares. Por eso tampoco debemos deformar la escala de nuestras tipografías si necesitamos condensadas o expandidas.

Ten en cuenta que la variación de tamaño en sentido vertical no se considera como variable tipográfica, ya que se corresponde con una simple modificación del cuerpo tipográfico.

La inclinación como variable tipográfica

La variable tipográfica de inclinación modifica el eje de los caracteres. Hace referencia al ángulo de inclinación de la tipografía. Cambia la estructura y se altera el ritmo. La inclinación del eje vertical puede variar según el diseño de la familia tipográfica pero generalmente se encuentra entre los 8 y los 16º de inclinación.

Dentro de la variable tipográfica de inclinación vamos a poder reconocer dos tipos. Las oblicuas y las itálicas.

Las tipografías con variable oblicua cuenta con la misma morfología que la tipografía regular. Tan sólo cuenta con el eje inclinado. En cambio las tipografías con variable itálica presentan además una morfología propia con algunas reminiscencias a la caligrafía.

Tipografías versalitas

Tras la descripción de las variables tipográficas, es buen momento para mencionar también a las tipografías versalitas. Estas tipografías cuentan con alfabetos que mantienen la altura de caja alta (mayúsculas) a la misma altura que las de caja baja (minúsculas).

Las versalitas son tipografías que pueden ser de gran utilidad si por ejemplo lo necesitamos por valor estético.

Por lo tanto, después de conocer las variables tipográficas por peso, inclinación o proporción, ten en cuenta lo siguiente. Si necesitamos acudir a una tipografía negrita, condensada o itálica recuerda escoger siempre la variable tipográfica. Por favor, evita hacerlo digitalmente con software que modifique la tipografía.

6 webs donde encontrar la mejor tipografía para tu marca

En ocasiones encontrar una tipografía acertada se nos puede resistir. Aquí os dejamos una serie de webs donde podréis encontrar miles de tipografías gratuitas o de pago.

Google Fonts
Se trata de una página bastante básica, pero que incluye un enorme catálogo de tipografías que podemos utilizar de forma gratuita. Muchas de sus fuentes se pueden asemejar a otras tipografías de uso privado, como por ejemplo la tipografíaMontserrat, que se asemeja mucho a la Gotham. Esta herramienta de Google puede ser realmente útil, sin embargo al estar tan al alcance, muchas de sus tipografías han sido bastante utilizadas ya. El único problema con el que nos podemos encontrar es que algunas tipografías pueden no estar del todo perfectas y requieren que les metamos algo de mano para nuestros diseños.No obstante, Google Fonts sigue siendo una opción ideal para quien no se pueda permitir adquirir una tipografía de pago.No te pierdas nuestro artículo: Google Fonts: Qué es y las 10 mejores tipografías gratuitas

Myfonts
Myfonts es la web de tipografías comerciales más popular de Internet. En este portal podemos encontrar tipografías de cualquier estilo para nuestros diseños, tanto editoriales como web.Todas las tipografías son de pago. La plataforma cuenta con una sección denominada What's New, donde publican ofertas especiales y nuevas incorporaciones a su colección. Por otro lado, si hay alguna tipografía que te gustaría localizar, y cuentas con un texto escrito en ella, visita la sección What The Font.

Latinotype
Este estudio tipográfico está formado por creadores de Latinoamérica. No cuenta con muchas tipografías, pero podeos encontrar algunas realmente buenas, como laNeogrotesk, a precios muy económicos.

Good Type Foundry
Esta página web cuenta con un catálogo bastante variado de tipografías de alta calidad, aunque no es muy extenso.

Family Type
Otra web bastante interesante que cuenta con tipografías bien definidas y trabajadas. Además, su página puede resultarte muy divertida. Te entretendrás mientras buscas la fuente que más te convenga. El equipo de Familytype son los responsables de otro original proyecto denominadoUniversal Sans, que merece la pena conocer. Bajo esta página web podremos ir creando una tipografía Sans a nuestro gusto, cambiando detalles como el grosor, los terminales, las serifas, etc.

Se trata de un catálogo gratuito de fuentes, que se centra mayormente en tipografía contemporánea. Se trata de una plataforma que se estrenó hace bastante poco y donde los tipógrafos pueden enviar también sus tipografías.

¿Cómo instalar una tipografía en nuestro ordenador?

Todo sistema operativo cuenta con una serie de tipografías preinstaladas por defecto, pero siempre podremos incluir nuevas familias tipográficas con las que trabajar.

Para usuarios Windows

Para instalar una tipografía en el sistema operativo de Windows, debemos acceder a la carpeta Mi PC > C* > Windows > Fonts, donde volcaremos los ficheros de las tipografías. Al abrir esta carpeta, podremos consultar todas las tipografías que se encuentran instaladas en nuestro ordenador. Para instalar las nuevas tipografías en nuestro equipo, tan solo necesitamos arrastrar ficheros a esta carpeta.

Para usuarios macOS

Para los usuarios de Apple es un poco más fácil. Basta con hacer doble clic sobre el fichero de la tipografía que queremos instalar, y el programa Catálogo Tipográfico se abrirá para guiarnos en el proceso. Además, desde este programa podemos consultar las tipografías instaladas, así como desactivar algunas, para evitar que carguen en nuestra memoria RAM, si por ejemplo, ya sabemos que no las vamos a utilizar por un tiempo.

¡Esperamos que os haya gustado el artículo!
Anímate y cuéntanos cuáles son las tipografías que más utilizas en tus diseños en nuestros comentarios.

Recuerda, la manipulación de las tipografías debes realizarla siempre con cuidado y respetando la morfología tipográfica. Ya que las tipografías son el resultado final de un extenso y complejo proceso de diseño por parte del tipógrafo.

Jaime P. Llasera

Soy Ingeniero informático, diseñador gráfico y desde hace más de 13 años ayudo a otras empresas a trabajar en su identidad corporativa.
YouTube

# data[].attributes.attachment_link.title
Tipografías: Qué son, los diferentes tipos y sus variables tipográficas

# data[].attributes.attachment_link.description
Resulta imposible no tener un contacto directo constante con tipografías. Nos acompañan en todo momento, ya que forman parte de nuestra rutina diaria. Hablamos por tanto de un elemento visual casi omnipresente del que podemos hacer uso desde el diseño gráfico .

# data[].attributes.attachment_link.readable_text
/es/conceptos-basicos-de-diseno-grafico/la-imagen-en-diseno/content/

¿Qué es tipografía y cómo elegir un tipo de letra?

La tipografía está en donde quiera que mires: en los libros que lees, en los sitios web que visitas, en letreros, en señales de tránsito y empaques de productos. Sencillamente, es el estilo o la apariencia del texto. También puede referirse al arte de trabajar con él, algo que probablemente haces todo el tiempo si creas documentos u otros proyectos para ti, tu trabajo o tu escuela.

Puede ser intimidante al comienzo, pero es más fácil de lo que parece. Solo necesitas saber un poco sobre el tema para marcar una diferencia en las cosas que haces diariamente.

Veamos primero algunos tipos comunes de fuentes y lo que necesitas saber sobre ellas:

Las fuentes de Serif tienen pequeños trazos, llamados serifas, pegados en la parte principal de la letra. Por su aspecto clásico, son una buena opción para proyectos más tradicionales. También son comunes en publicaciones impresas, como revistas y periódicos.

Las fuentes Sans serif no tienen ese trazo extra, de ahí el nombre, que en francés significa "sin serifas". Este estilo es considerado más limpio y moderno. Además, es más fácil de leer en las pantallas de los computadores, los teléfonos inteligentes y las tabletas.

Las tipografías de visualización tienen muchos estilos, como cursiva, negrita, mayúscula y fuente de lujo. Este tipo de letras suelen utilizarse para textos pequeños debido a su naturaleza decorativa. Por ejemplo, títulos, encabezados y diseños gráficos complejos.

¿Qué tener en cuenta al elegir un tipo de letra?

En cierto modo, las fuentes tienen su propio idioma, ya que pueden ser casuales, neutrales, exóticas o gráficas. Es importante que pienses en tu mensaje y elijas una fuente que se ajuste a él.

Algunas tipografías vienen con otras características, como las fuentes Comic Sans, Curlz, Papyrus, etcétera. Lo malo con estas es que tienen la reputación de estar pasadas de moda y sobreutilizadas. Si las quieres usar, piénsalo dos veces y considera buscar otra opción. Hay muchas fuentes con apariencias similares y con menos probabilidades de desviar tu mensaje.

Al decidir qué fuentes usar, menos es más. Es decir, es mejor limitarte a una o dos fuentes por proyecto. Por ejemplo, si necesitas más contraste, intenta repetir tus fuentes en un tamaño, peso o estilo diferente. Este truco es bueno para crear combinaciones interesantes y funcionales.

Probablemente has escuchado el dicho: "los opuestos se atraen". Bueno, lo mismo pasa con las fuentes. Puedes combinar tipos de letra diferentes pero complementarias, como sans serif con serif, corta con alta o decorativas con simples. Esto puede parecer extraño, pero tranquilo, mira otros diseños para inspirarte y ponerlo en práctica.

Jerarquía, Interlineado, Espaciado e Interletraje.

Para algunos con más experiencia, estos conceptos son esenciales al diseñar algo. Pero como principiante, no es necesario que sepas todo sobre estos, aunque no está de más que los tengas presentes en tu trabajo y cuando hables de diseño.

La jerarquía es utilizada para guiar el ojo del lector a lo más importante. En otras palabras, le muestra dónde comenzar y a dónde ir, usando diferentes niveles de énfasis.

Establecer una jerarquía es simple: decide qué recursos quieres que el lector note primero y luego haz que se destaquen. Los elementos más importantes suelen ser más grandes, más gruesos o diferentes de alguna manera. Recuerda que es mejor mantener una forma sencilla y usar solo algunos estilos complementarios.

El interlineado es el área entre las líneas del texto, también conocido como espacio vertical. Si no estás seguro de cuánta distancia debes dejar, no te preocupes, el valor predeterminado usualmente es el correcto. El objetivo es hacer tu texto cómodo de leer. Mucho o muy poco espacio puede ser molesto para el lector.

El espaciado es la distancia general entre los caracteres o letras. La mayoría de los programas permiten reducir o aumentar esto según tus necesidades. En algunos diseños, puedes ajustar el espacio para crear cierto efecto. También puede ayudarte a entender y arreglar las fuentes que están mal espaciadas.

El interletraje es el espacio entre letras específicas. A diferencia del espaciado, cambia en el transcurso de la palabra porque cada letra encaja diferente. Algunas fuentes tienen mal interletraje, lo que hace que las letras se vean mal espaciadas. Si utilizas una fuente que tenga esto, es mejor elegir otra.

Un texto bien diseñado puede significar la diferencia entre un proyecto ordinario y un proyecto extraordinario, incluso si estás comenzando en el diseño. Todo lo que necesitas es interesarte en la tipografía, así serás más eficiente y podrás hacer mejor tu trabajo.

/es/conceptos-basicos-de-diseno-grafico/que-es-branding-o-identidad-corporativa/content/

# data[].attributes.attachment_link.title
Conceptos básicos de diseño gráfico: ​¿Qué es tipografía y cómo elegir un tipo de letra?​

# data[].attributes.attachment_link.description
Elegir la tipografía correcta es fundamental para crear un buen diseño. Aprende con nosotros cómo seleccionar el tipo de letra o fuente correcto.

# data[].attributes.attachment_link.title
Qué tipos de tipografía existen y cómo usarlas | Conceptos básicos de diseño gráfico

# data[].attributes.headline
Recomendaciones de cómo utilizar las tipografías de manera correcta:

# data[].attributes.subject
Recomendaciones de cómo utilizar las tipografías de manera correcta:

# data[].attributes.body
Conjuntamente con la presentación de estos consejos importantes, se procederá a compartir láminas/flyers de forma dinámica que contengan algunos ejemplos para trabajar correctamente con tipografías, tomando como referencia algunos tipógrafos destacados en el mundo. Aportando ideas puntuales de experiencias propias vividas y haciendo preguntas como: ¿Porqué utilizamos la tipografía de una determinada manera? ¿Qué transmiten las formas? Veremos que cada estilo nos transmite una sensación, entonces para la construcción de un isologotipo por ejemplo, tendremos en cuenta el tipo de letra que identifique a la marca y evoque lo que se desea transmitir a través de esa tipografía, ¿Estoy utilizando una tipografía adecuada para cada situación? Cantidad de tipografías para un proyecto, combinaciones adecuadas, por ejemplo usar una tipografía de palo seco con una con serif. La importancia del uso del kerning o interletrado, el significado, para qué sirve, momentos de realizar ajustes ópticos para lograr un equilibrio visual ¿Qué tamaño de texto utilizar según la finalidad del diseño? Tamaños pequeños para piezas como tarjetas personales, piezas editoriales como libros, diarios, etc. Tamaños grandes para gigantografías como por ejemplo carteles ruteros, teniendo en cuenta la legibilidad y las distancias de visualización.

# data[].attributes.headline
Anatomía de la tipografía y criterios tipográficos en la composición de diseño: 

# data[].attributes.subject
Anatomía de la tipografía y criterios tipográficos en la composición de diseño: 

# data[].attributes.body
Aquí se dará una clasificación general de tipografías a modo orientativo, ya que existen muchas, dicha clasificación será:

Serif: estas fuentes tienen un acabado en casi todas sus letras. Se trata de unos remates muy característicos en los extremos de las letras, conocidos con el nombre de serif.

Sans Serif: del francés Sans “sin” Serif, serifa o patines. Las fuentes Sans Serif son las que van sin patines o pies.  Es decir, no tienen remates en sus extremos.

Script: son las fuentes manuscritas que parecen cursivas o de caligrafía. Estas fuentes se reservan para acentuar porque comprometen la legibilidad. Se subclasifican en brush, caligráfica, canciller, casual, formal, semi-formal, gráfico y monolínea, aunque también podría entrar aquí el graffiti.

Decorativas: son las que tienen mayor poder de atracción. La forma de sus caracteres puede sugerir una época o período histórico concreto, otras pueden contener elementos de fantasía que les otorgan mayor personalidad.

Además se explicarán las partes constitutivas de una letra, como las partes ascendentes y descendentes, asta, pico, letras con caja alta, letras con caja baja, cola, remate, oreja, etc., a fin de obtener criterios adecuados en las composiciones visuales.

# data[].attributes.headline
Valor de la tipografía en el Diseño y de la palabra en las piezas de diseño.

# data[].attributes.subject
Valor de la tipografía en el Diseño y de la palabra en las piezas de diseño.

# data[].attributes.body
Se diseñan piezas gráficas articulando diferentes signos lingüísticos entre sí, o bien vinculándolos a la imagen, pero siempre teniendo en cuenta que está haciendo visible la palabra. El texto será forma visible, tendrá un valor icónico dado por la forma de la tipografía, pero luego, dejará de serlo para convertirse en palabra visible. La tipografía en la construcción de mensajes visuales, nos aporta contexto, contenido y significación en la imagen, nos evoca emociones y nos cuenta historias. Es decir que es todo aquello que nos transmite mensajes escritos y con los cuales convivimos constantemente en nuestro alrededor.

# data[].attributes.body
La presencia de la tipografía es constante en nuestro entorno: carteles, señales, revistas, libros, páginas web, televisión, celular, etc. Nos encontramos permanentemente en contextos que invitan a la lectura, de una manera u otra. "El deseo de convertir la palabra en forma visible, ha fascinado a la humanidad desde los tiempos más remotos", explica Emil Ruder en su famoso Manual de Tipografía.

# data[].attributes.body
¿Qué es la tipografía?

Más allá de ser uno de los sistemas más antiguos de impresión en relieve que reproduce la escritura, la tipografía no es sólo eso. La tipografía es el arte y la técnica de crear y componer tipos o letras para comunicar un mensaje y es una de las disciplinas del diseño gráfico más atractivas. La informática ha revolucionado la tipografía obligando a modificar y crear nuevas fuentes tipográficas para su correcta aplicación, visualización y lectura en las diferentes aplicaciones digitales.