Este e-book interactivo titulado Typographic Web Design se publicará en agosto de este año y, entre otras cosas, vendrá con ejercicios prácticos sobre HTML y CSS que serán útiles para comprender y aplicar en cada caso  las mejores soluciones en tipografía web.

Aunque no se haya publicado todavía puedes descargar dos muestras del primer y segundo capítulo y leer la tabla de contenidos. Serán suficientes para que valores la calidad, profundidad y detalle del material que, en breve, nos va a presentar esta profesora de la University of Massachusetts Dartmouth especializada en diseño tipográfico.

Así lo demuestra en su portfolio y, especialmente, en el proyecto que ha construido para City ID (un lugar del que tengo poca información pero que muestra una filosofía de trabajo sorprendente).

Raabe intentó condensar en un póster, y a partir de un tema muy sugerente como es la vida de los esquimales,el ciclo de vida, métodos, principios y técnicas del Diseño Centrado en el Usuario.

Como el mismo autor señala, no está completo y, es verdad que difícilmente puede recoger todo lo que implica este enfoque de trabajo, pero esto no quita que tengamos que reconocer su gran aportación, sobre todo en beneficio de otros estudiantes y profesionales.

El mismo proyecto incluye un microsite desarrollado con CSS3 y que utiliza Titillium, una tipografía Open Source creada por la Accademia di Belle Arti Urbino.

Se trata de un planteamiento muy creativo con un diseño minimalista que juega con una magnífica combinación de funcionalidad y expresión tipográfica.

Descargar todas las sillas de Otten (PDF, 2,26 Mb)

Fuente | Design You Trust

Su portfolio es extenso y roza la experimentación en muchos de sus trabajos ya que rompe con algunas de las convenciones más extendidas de los materiales impresos. Le gusta jugar con la tipografía e imaginar formas y posiciones con ella.

En una entrevista a Book Designers asumía sin miedo la llegada de los e-books pero reconocía que la calidad debería seguir existiendo en los trabajos impresos.

I’m not a sentimentalist. The e-book is inevitable. And they make sense. The publishing industry can’t sustain the old/current model for making/selling books. It’s wasteful and unsustainable. They have to embrace change. Good content will continue to be created whether it’s represented on paper or on a screen.

Helvetica, la tipografía creada en los años 50 por Max Miedinger y Eduard Hoffmann ha servido de inspiración a muchas otras fuentes y familias tipográficas. Quizás por eso, y por otras muchas razones, haya sido una de las más populares entre los diseñadores. Pero su originalidad y particularidad no debe ser confundida porque estaríamos ignorando su largo y fructífero recorrido histórico, tal y como nos cuenta Travis Neilson:

Helvetica’s popu­la­rity in the 50’s, 60’s and 70’s was unmatched as it was adop­ted inter­na­tio­nally for uses in bran­ding, adver­ti­sing and com­mu­ni­ca­tions. It was, in a way, a rebut­tal to the swashy hand-lettered signs and ads of the era, and in some cases repre­sen­ted a new way of thin­king, a breath of fresh air, and a way to get rid of the clut­ter.

Por su parte, Helvetica Neue fue una reelaboración de la primera:

In 1983, Linotype’s daugh­ter com­pany Stem­pel AG relea­sed a rewor­king of Hel­ve­tica with more struc­tu­rally uni­fied heights and widths. I was deligh­ted to learn that Erik Spie­ker­mann was the design con­sul­tant on the pro­ject and also crea­ted the lite­ra­ture for the launch.

Helvetica y Helvetica Neue aparecen en los ordenadores Mac una seguida de la otra y la primera ha sido desde hace años la tipografía base de Mac OS. De ella se ha hablado mucho, se ha hecho hasta un documental y ahora, el mismo Neilson, nos cuenta nuevamente su historia y realiza un estudio comparativo entre la famosa fuente y su hermana bastarda.

Los resultados de este informe revelan que, efectivamente, existen detalles y consideraciones que las hacen muy diferentes hasta el punto que el autor da mayor puntuación a la Neue. ¿Habías apreciado alguna vez estas diferencias? ¿Te parecen relevantes?.

Es evidente que la primera respuesta sería que ambos lugares están en Alemania. Pero no es mi intención hablar de su localización.

Si nos centramos en su diseño, ambos gozan de un excelente reconocimiento internacional. El primero por apostar por una espectacular arquitectura y concentrar en su interior toda la historia de esta gran marca. El segundo, entre otras cosas, por poseer una magnífica identidad y un sistema integral de comunicación, en el cual la señalética adquiere su máxima expresividad y significado.

Pero curiosamente Michael Pieracci nos ha descubierto algo más en el interior del Museo Porsche. Su señalética guarda estrecha relación con la que diseño Ruedi Baur para el Aeropuerto de Colonia.

En Fontshop la consideran como una aplicación del trabajo de Daniel Utz: FF Netto.

En cualquier caso, es un auténtico placer ver cada pictograma. Podríamos decir que su eficacia comunicativa está en parte avalada por el uso de representaciones socialmente aceptadas y de adopción internacional, como sucede en otras muchas colecciones.

También es cierto que en la mayoría de los casos no llegan a representarse interacciones complejas. Esto permite que no haya debilidad semántica y que no se reduzca excesivamente la eficacia comunicativa.

Pero en parte, el éxito de trabajos como estos, o por lo menos su reconocimiento, se puede atribuir a la eficaz eliminación de todo  rasgo, trazo o elemento morfológico que dificulte el reconocimiento o la atribución de significado (¿simplificación funcional?).

También su adecuación al contexto y su valoración como un sistema integral de identidad introducido en tal contexto, permiten que la dimensión simbólica goce de una excelente intencionalidad y funcionalidad aparente.

Es muy habitual  encontrarse en estos lugares con una mezcla de mensajes, iconos y advertencias mostrados arbitrariamente y casi de forma simultanea. Algo que entorpece y elimina la razón por la que fueron creados.

En definitiva, es posible que la estética, el significado, la función y la aplicación de estas colecciones destaquen por encima de otros trabajos. Pero no encuentro razones poderosas  para pensar que este esfuerzo no pueda realizarse en otros muchos sitios públicos o privados.

Además resolvemos numerosos problemas y necesidades, tal y como podemos observar en el caso del Aeropuerto de Colonia, que ha hecho extensible de forma extraordinaria su iconicidad a la web.

Pinche aquí para ver el vídeo

En un minuto, y gracias a herramientas como 3D Studio Max, After Effects o Photoshop, muestran reconstrucciones tipográficas de edificios y lugares emblemáticos de Manhattan y de Estambul, utilizando las páginas del primer número para crear algunas de las texturas.

Ahora se cuestiona ofrecer algo mucho más evolucionado, que permita a sus lectores comprar sus diseños y que se adapte mejor a las circunstancias tecnológicas que le rodean.

Tenemos una gran variedad de ejemplos de la calidad de este artista. Su colección Colorful Universe es una magnífica recreación del espectro visible de colores que, acompañada de una estudiada profundidad, genera composiciones muy complejas a la vez que armónicas.

Aun así, es fácil darse cuenta del gran interés que muestra el artista por las formas geométricas que, una vez analizadas, descompone, fragmenta y repite incansablemente creando igualmente estructuras muy elaboradas.

Sus trabajos también se mueven entre el diseño tipográfico, la cartelería y el diseño de logos.

Puedes seguir viendo sus propuestas en el portfolio de su sitio web, en el portfolio que tiene en Behance Network o directamente en su cuenta de Flickr.

Pinche aquí para ver el vídeo

El sistema ofrece una forma muy sencilla de ampliar el número de fuentes tipográficas en nuestro sitio web usando @font-face en CSS.

Hasta ahora existía una lista de fuentes tipográficas seguras que eran reconocidas e interpretadas por los navegadores y que, de una u otra manera, estaban instaladas en el ordenador de los usuarios.

Utilizar cualquier otra fuente significaba hacer uso de otros procedimientos que, entre otras cosas, sacrificaban el texto por imágenes, como es el caso del sIFR de Shaun Inman y Mike Davidson.

Este tipo de métodos son muy útiles y solucionan muchos problemas de visualización, como señalábamos en la integración de tipografías en la web de Typedia. Incluso la existencia de servicios como Font Burner demuestran lo simple que puede llegar a ser el uso de sIFR.

Pero lo cierto es que no satisfacen la demanda de los diseñadores que siguen viendo reducidas sus posibilidades en la utilización de fuentes tipográficas para la web.

En 1998 CSS2 describió una forma de enlazar a fuentes externas pero la falta de acuerdo por el formato deshizo los primeros acuerdos entre empresas y navegadores. Aun así la regla CSS @font-face no ha desaparecido y ha seguido su propia evolución aguardando el momento que sea soportada y especificada por todos los navegadores.

No se si el servicio ofrecido por Typotheque puede acelerar todos estos cambios pero se suma al esfuerzo y el interés que están poniendo en este asunto otros sistemas como Typekit, Fontdeck o Kernest.

Si necesitas más información Goio, de La personnalité, te hace un buen resumen (a propósito, de los primeritos que lanzan en su recién estrenado sitio. Enhorabuena).

Se trata del libro de Giovanni Battista Palatino, impreso en 1540 y 1545, “donde se enseña a escribir toda suerte de letra Antigua y Moderna, de cualquier nación, con sus reglas y medidas, y ejemplos, y con un breve y útil discurso de la cifra”.

Puedes descargarlo en Archive, gracias a la promoción y el mecenazgo de Sloan Foundation y Getty Research Institute, e igualmente puedes encontrar más información online sobre otros volúmenes y tratados.

Siglos de aportaciones didácticas y ejemplos caligráficos y tipográficos que, en cierto modo, también describen nuestra historia.

Calígrafos, creadores de estilos y formas que nos ilustran y nos muestran la evolución estética que hoy, a golpe de ratón, podemos disfrutar en pantalla gracias a los “sanatorios digitales de viejos y enmohecidos compendios”.

Atrás quedan los años donde el sanatorio existía para todos esos que intentaban, a golpe de plumín, practicar el arte de pensar y escribir al mismo tiempo sin miedo a equivocarse. Difícil tarea.

Nota: A Palatino debemos el nombre de tan famosa y polémica fuente tipográfica. No dejes de leer la historia. Es muy curiosa.