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. 

12 Dic

5 herramientas muy útiles para amantes de la tipografía

En el post de hoy queremos compartir con vosotros una colección de herramientas muy útiles para incorporar tipografías a los diseños. Para los diseñadores las tipografías son muy buenas aliadas porque más allá de ser una combinación de caracteres con un diseño dado, supone un medio de expresión de mensajes y emociones. Quizás nunca has reparado en su importancia, pero si haces un ejercicio de reflexión descubrirás que cuando escribes un documento, lees una página web o reconoces el estilo de una de tus marcas preferidas estás aplicando un criterio tipográfico propio que puede que no supieras que tenías. ¿A qué no te resulta igual de legible un texto escrito en regular que un texto escrito en cursiva? ¿Por qué crees que los mensajes escritos en mayúsculas transmiten agresividad? 

Si estás buscando herramientas que te ayuden a mejorar tu relación con las tipografías o que simplemente te faciliten la incorporación de fuentes en tus diseños, ¡coge papel y lápiz y anota estas cinco recomendaciones!

 

Identifont

 

identifont

 

Una situación muy habitual es que cuando quieres utilizar una fuente que sabes que te gusta y que encajaría perfectamente en tu diseño no recuerdas su nombre. ¿A quién no le ha pasado alguna vez? Esta página web resulta muy útil en estos casos porque te permite dar con ella atendiendo a varios parámetros: preguntas acerca de las claves que definen la tipo, su nombre, su similitud con otras fuentes, la inclusión en ella de algún símbolo característico o a través del nombre del diseñador que la creó. La interfaz es muy sencilla, pero damos fe de que para los tipo-olvidos ¡funciona! [Identifont]

 

Font Comparer

 

font-comparer

El catálogo actual de fuentes es tan amplio que a veces es muy complicado decantarse por una u otra. A nosotros particularmente nos gusta mucho salir de nuestra zona de confort tipográfica y descubrir nuevas fuentes que aplicar a nuestros diseños. Para esta labor es muy interesante utilizar la herramienta online Font Comparer. En un golpe de vista puedes ver cómo funcionan diversas tipos y comprobar cuál de ellas se adapta mejor a tus necesidades. El catálogo de fuentes es muy completo porque incluye todas las de Google Fonts y Typekit. [Font Comparer]

 

Tiff

tiff

 

Una tipografía es un elemento de diseño muy complejo, a pesar de su aparente simplicidad. Detrás de ella esconde muchas decisiones de diseño que son perceptibles de forma muy sutil. Denotarás que eres un apasionado/a de este arte si te gusta detectar las diferencias entre fuentes fijando la mirada en cada uno de sus caracteres. Esta página web (que además de por su funcionalidad, nos encanta por su diseño) permite comparar solapadas dos tipografías. Tú eliges qué fuentes quieres confrontar y sobre qué caracteres. [Tiff]

 

Font Pair

 

font-pair

 

¿Y qué nos decís de las combinaciones de fuentes en un mismo documento, diseño o página web? Parece que todas las tipografías pueden combinar bien si se usan para propósitos diferentes, pero… no es así. Si necesitas seleccionar uno o varios pares de fuentes que logren empastar correctamente, te recomendamos que hagas uso de herramientas tan útiles como Font Pair. En esta página web proponen interesantes combinaciones utilizando el catálogo de Google Fonts. Además, puedes filtrar por estilos: Sans-Serif/Serif, Serif/Sans-Serif, Sans-Serif/Sans-Serif, Cursive/Sans-Serif, Cursiv/Serif o Serif/Serif. [Font Pair]

 

Font Changer with Google Fonts

 

font-changer

 

La última recomendación es una extensión para el navegador Google Chrome. Tras su instalación, siempre tendrás a mano la funcionalidad de poder averiguar cómo luciría una determinada página web utilizando una determinada tipografía. Resulta muy útil tanto en la planificación de diseños web, ya que permite verificar de forma previa cómo funciona una tipografía con la estructura y contenidos del sitio, como para comprender por qué páginas muy reconocidas que utilizamos diariamente han apostado por unas tipografías teniendo en cuenta la naturaleza de sus portales. [Font Changer]

22 Abr

Lettering que despierta las papilas gustativas

Una de las tendencias de diseño que ha irrumpido con más fuerza ha sido el lettering. Seguro que ya has visto un montón de referencias e imágenes sobre esta técnica, pero si aún no sabes a qué se refiere, el lettering básicamente es el nombre anglosajón que alude a las composiciones tipográficas hechas, o que simulan, la escritura a mano. Es un procedimiento gráfico libre de herramienta y de estilo que facilita que la creatividad fluya. 

Tan libre es que se puede utilizar cualquier elemento que permita agrupar motivos para escribir textos. Becca Clason, diseñadora freelance, un día pensó que la comida era un buen recurso para comunicar mensajes y poner a prueba su imaginación. Lo que probablemente no sospechaba era que aquello que empezó como un hobbie, un juego artesanal con tipografía y alimentos, acabaría convirtiéndose en su profesión. 

Basta darse un paseo por Pinterest para descubrir cómo las grandes marcas se han interesado en las composiciones que utilizan objetos, comida y otros elementos para apoyar sus estrategias de comunicación. Bancos, marcas de cereales, editoriales, cadenas de televisión… se encuentran entre la cartera de clientes de Becca Clason. Prepara las papilas gustativas porque se activarán viendo sus lettering creativos 🙂

 

Fuente de las fotografías: Becca Clason

11 Abr

Una letra ilustrada por cada película de Wes Anderson

Wes Anderson es uno de esos directores de cine que o amas u odias. Desde muy pequeño sintió predilección por el arte del celuloide y eso quedó plasmado en infinidad de cortometrajes que realizó junto compañeros del colegio y la universidad. La versatilidad de su perfil – además de director, Anderson es guionista, productor y actor- le ha llevado a ser considerado uno de los mejores cineastas de la época con tan sólo 9 largometrajes. 

¿Pero qué tiene Wes Anderson que crea adicción? Los que nos dedicamos al mundo del diseño seguramente que coincidimos en la respuesta: su estética. Este director ha sabido crear un estilo propio en el que la dirección artística tiene un peso importante. Anderson cuida hasta el extremo las gamas cromáticas de cada una de sus películas, lo que se traduce en imágenes muy plásticas, armoniosas, serenas. Su paleta de colores preferida es la de tonos pasteles; los colores suaves suelen ser los elegidos para teñir cielos, vestir a sus personajes, darle vida a la arquitectura de sus espacios y, en definitiva, modelar su universo onírico.  

 

 

La querencia que sentimos por este director se ha visto magnificada cuando nos hemos topado con esta maravilla de Sara Enríquez. Entendiendo a la perfección la estética de Wes Anderson, Sara ha conseguido plasmar en cada letra de su nombre la esencia de las películas que conforman su filmografía. Si habéis visto los filmes de este director americano os proponemos un plan: jugar a averiguar cuál es la cinta que se esconde detrás de cada letra. ¡Nosotros hemos hecho pleno! 

wesandersontipo

Wes Anderson (IV)

Wes Anderson (III)

Wes Anderson (II)

Wes Anderson (I)

 

¿Qué os parece el catálogo tipo-cinematográfico?