31 Jul

Tipografía con buen humor

Todos los gremios tienen sus propios chistes, bromas que desatan más de una carcajada porque evidencian la complicidad que existe entre quienes comparten una profesión. Afrontar el trabajo con sentido del humor tiene enormes beneficios, los cuales se ven reflejados en el resultado final, pero también en la relación que se establece entre compañeros y con los clientes

Aprovechando que estamos en pleno verano, época propicia para sonreírle a la vida, nos hacemos eco de un proyecto ideado como guiño a todos los tipolovers como nosotros. La diseñadora Caisa Nilaseca, en colaboración con Design Taxi, ha creado una serie de ilustraciones muy divertidas sobre tipografía con buen humor. ¡Ahí va una selección! 

 

Ilustraciones: Caisa Nilaseca

 

¿Y tú, te reconoces alguna de las #typographyjokes?

 

14 Jun

Un juego interactivo para probar cuánto sabes de tipografía

El ‘The Equilateral Triangle of a Perfect Paragraph’ es el resultado de la teoría desarrollada por el diseñador Matej Latin en su curso online ‘Better Web Type’. En él, Latin explica que para diseñar editoriales perfectas es necesario que la altura de la línea, el tamaño de la fuente y el ancho de línea se encuentren en perfecta armonía. Cuando eso ocurre, según él, conseguimos armar un triángulo equilátero en el que  los tres ángulos internos son congruentes entre sí. 

 

 

Pensarás que es una tarea fácil y que basta con tener un poco de sentido común y agudeza visual, pero Matej Latin quiere romper con esa creencia demostrando en un juego que es preciso contar con unos mínimos conocimientos si queremos que nuestros textos sean legibles y cumplan las normas básicas de la tipografía. Nosotros ya lo hemos probado y hemos de decir que es adictivo porque te impulsa a ir mejorando nivel a nivel. 

 

¡Ponte cómodo/a, dale al play y construye triángulos tipográficos perfectos!

07 Jun

Glosario ilustrado de términos tipográficos

Ya lo decían nuestras abuelas, “cada maestrillo tiene su librillo” y no estaban mal encaminadas porque cada profesión o disciplina tiene asociados un conjunto de términos que es necesario conocer para entender sus particularidades. ¿Si os decimos que vinculado a la tipografía hay un glosario de más de treinta expresiones, qué os parece? Quizás, a priori, os resulte exagerado, pero al final de este post descubriréis conceptos que definen funcionalidades de las fuentes que os ayudarán a optimizar su uso y a conseguir unos diseños más precisos y efectivos. 

 

 

Clasificar cada uno de los términos puede resultar confuso, por ello Janie Kliever ha ilustrado 34 acepciones para tratar de explicar de forma visual su significado. De esta forma no importa si eres un diseñador gráfico y/o amateur, en un golpe de vista podrás entender cada uno de los misterios que esconde este pilar fundamental del diseño que es la tipografía. ¡Vamos con los más destacados!

 

Tipografía vs. Fuente

 

¿Creías que eran lo mismo? Muchas veces se utilizan para denominar el mismo concepto, pero mientras la fuente se refiere “a la realización física, la tipografía hace mención al diseño”. Resumiendo: “una fuente es lo que usas y una tipografía es lo que ves “.

 

Caracter

 

Es un símbolo de todo el catálogo que compone una tipografía. Bien puede ser una letra, un número o un signo de puntuación.

 

Serif

 

Engloba al conjunto de tipografías que poseen un remate en los extremos de las líneas de sus caracteres. Los remates también son llamados gracias, serifas, patines o terminales. 

 

Sans Serif

 

También denominadas de “palo seco”, las tipografías san-serif carecen de remates en los extremos de sus caracteres. 

 

X-Height

 

Hace referencia a la altura de los caracteres medida en minúscula y sin tener en cuenta los ascendientes, ni los descendientes. Esta medida parte de la línea base, línea donde se asientan los caracteres, hasta el punto más alto de las letras sin ascendientes. 

 

Apertura

 

Formas abiertas que poseen algunas letras, como por ejemplo la ‘c’ o la ‘e’. Determinan no sólo el estilo, sino también la legibilidad de la tipografía. 

 

Ligadura

 

Signo decorativo que conecta a dos o más letras que suelen o pueden escribirse separadas. 

 

Fuente de las ilustraciones: Canva

11 May

Font Map, el mapa interactivo del cosmos tipográfico

¿Cómo no hacernos eco en este blog de un mapa interactivo que muestra las relaciones entre más de 700 fuentes? Ideo, consultora tecnológica experta en crear experiencias a través del diseño, se encuentra detrás de Font Map, un proyecto que hace las delicias de todos aquellos que nos definimos como tipolovers

Los diseñadores de esta compañía se propusieron brindar de inteligencia artificial al basto universo de tipografías a las que tenemos acceso hoy a golpe de clic. Por medio de dos algoritmos, uno de los cuales actúa como red neuronal y otro como catalizador de información organizada, el robot aprende y estructura las tipografías en categorías y subgrupos: serif, sans-serif, fuentes planas, fuentes condensadas… Una vez programada la máquina, los diseñadores introdujeron el catálogo de fuentes de Google Fonts y los algoritmos hicieron el resto organizando cada tipo en su jerarquía y clase. ¿No parece increíble?

 

fontmap_1

fontmap_3

 

Pero esto no es todo, ya que Font Map muestra estas relaciones a través de una interfaz visualmente muy atractiva. Cada fuente es representada por un caracter en un mapa interactivo, de modo que en un sólo vistazo podemos ver las diferencias formales de cada una de las tipografías que constituyen su archivo. Situando el cursor sobre ellas el sistema nos ofrece la siguiente información: nombre, enlace a Google Fonts y fuentes similares. 

Para los diseñadores que andamos siempre en la búsqueda de nuevas fuentes y combinaciones, Font Map es un gran descubrimiento. No obstante, la tipografía es, y seguirá siendo, uno de los pilares fundamentales del diseño.