Tipografía

Como el otro día hablaba de una ayuda para buscar tipografías quizá te haya picado el gusanillo por saber más sobre las mismas.

Puedes pasarte por Typedia que pretender servirnos de ayuda para conocer todo lo que hay detrás de la creación de estas letritas. Año de creación, autores, un poco de historia… Actualmente rondan las 300 tipografías y más de 1000 usuarios registrados por lo que no empiezan nada mal.

Os dejo además un post del gran Jason Santa María [en] en el que comenta un poco el proceso de creación de la web.

:: Typedia [en] + Introducing Typedia [en] ::

Lo he visto en Swissmiss [en] y me lo he tenido que traer. Porque aunque tampoco he probado muchos frameworks CSS sí que me da a mí en la nariz que no se tiene especial atención en el aspecto tipográfico. Y no me refiero sólo a los tamaños sino más bien a los espaciados e interespaciados.

Porque un párrafo de texto puede pasar de ser un ladrillo infumable a algo comprensible y agradable con tan sólo modificar el line-height. Y parece que Baseline está preparado para lidiar con ello.

:: Baseline [en] ::

Mientras trasteaba un poco por la web de Adobe, me he encontrado con una nueva herramienta que no me suena pero que seguro lleva disponible mucho tiempo. Se trata de Font Finder, un asistente online que te ayuda a seleccionar el mejor estilo de tipografía en función de las opciones que marques.

Ya sea para un packaging o logotipo, si el estilo va a ser más estricto o liviano… hay un montón de opciones para configurar. Lo suyo es echarle un vistazo un par de veces y ver si os merece la pena usarlo. Eso sí, siempre muestra resultados de tipografías comerciales. Para los que busquéis otro tipo de soluciones, siempre estará a mano la gran Font Squirrel [en] o el más modernuqui Fontplore :D

:: Adobe Font Finder [en] ::

font-face es una propiedad CSS que permite definir una tipografía alojada en una URL de nuestra elección y así conseguir que nuestras webs se vean tal y como queremos, independientemente de si en nuestro sistema tuviéramos instalada la fuente o no. Aunque actualmente no está soportada por el amplio espectro de navegadores disponibles, se va avanzando en el asunto.

Debido a ello empiezan a surgir preguntas relativas al “libre albedrío” con el que empezarán a moverse fuentes de un lado para otro sin saber realmente si su licencia de uso lo permite. Por ello, The League of Movable Type nace con la idea de servir de nexo de unión para todos aquellos interesados en el desarrollo y distribución de tipografías open source. Ya tienen un par de ejemplos que podemos usar y con los que no tendremos que preocuparnos de estos temas.

:: The League of Moveable Type [en] :: (Vía Ventilate [en])

Cuando estuve haciendo las prácticas en la editorial de la Universidad de Oviedo, una de mis labores fue la correción ortotipográfica y de estilo, todo un tostón al principio que terminó por entretenerme mucho al final, como si de hacer sudokus estuviéramos hablando.

La ortotipografía viene a ser el conjunto de reglas y convenios que nos dicen qué está bien escrito y qué no lo está. Es lo que nos dice si los paréntesis van en cursiva si su contenido lo está o cuánto espacio hemos de dejar si hablamos de capitulares. Hay un sugerente listado de estas reglas aquí: ortotipografía.

Lo de los signos es otra cosa. Igual te has topado a la hora de maquetar un libro con alguno de estos símbolos. Es una notación que ayuda a agilizar el tema de la corrección de textos. Todo un código Matrix del género literario. En esta guía ortotipográfica se pueden ver los más usuales (creo que falta alguno) y una aplicación de los mismos.

Y dirás, ¿pero esto a qué viene? Pues que me ha picado el gusanillo tras ver el manual de Axel y pensé: “pues vamos a hablar de este tema un poquito”. Es mi blog, ¿no?

En Fubiz [en] nos sugieren un regalo por si tenemos cerca algún cumpleaños de un amiguete aficionado a la tipografía. Font Generator es el Rubik de la tipografía. Una lástima que simplemente se trate de un proyecto del ingenioso Jas Bhachu [en].

:: Font Generator [en] ::

Pues sí, desde el 2002 ha llovido mucho y yo casi ya ni me acuerdo. Pero ha vuelto con energías renovadas y mucha mucha pasión por la tipografía.

:: Typographica [en] :: (lo contaban en Surfstation [en])

Tengo un nuevo ídolo; el remilgado Max Kerning. Un cachondeo de campaña virtual para narrar los beneficios del Suitcase Fusion 2 [en].

Aviso que está en inglés pero es muy sencillote de entender. M A X K E R N I N G for president!

:: MAXKERNING [en] :: (Vía The Letter [en])

Vamooooos. Otro de estos jueguitos que tanto nos hacen perder el tiempo jajaja. Lo sé, lo sé, no lo tendría que haber puesto. Productividad laboral descenciendo en 3, 2, 1…

:: Deep Font Challenge [en] :: (Vía Serif de Chocolate)

PD: 83mil y pico la primera vez. Luego he visto las puntuanciones y me he echado a llorar.

Gozada de post para los amantes de las letritas. Primero por Typographic posters [en], una web centrada única y exclusivamente en enseñarnos más y más calidad en forma de…eso, carteles cuyo máximo exponente es la tipografía. (Vía A City InBox)

Y segundo por Typenuts [en], una atractiva opción para decorar nuestros iPhone o escritorios virtuales gracias a su selección de imágenes tipográficas. Una gozada que ya ha hecho que me quite el wallpaper que tenía hasta ahora.

Es bueno siempre tener guardados unos apuntes de diseño y por eso el otro día me guardé en el portátil un enlace que no sé cómo encontré pero que sé que os va a venir muy bien a muchos y que voy a guardar automáticamente en la sección de apuntes. Se trata del blog de un estudiante de diseño y producción editorial (como fuí yo en su momento) en el que ha ido guardando un montón de información y teoría que se enseña en el ciclo.

Creo que es un enlace al que tendréis que echar un ojo si estáis dando primeros pasos en el mundillo. Y si no, uno de estos!

:: Apuntes de diseño y producción editorial::

Maxwell es un chico ruso de 22 años que parece haber pasado gran parte de su vida entre lápices y rotuladores. Buena prueba de ello es la sección de su portfolio dedicada al trabajo “artesanal”. Todo un lujazo visual repleto de detalles.

:: Maxwell Lord [en] :: (Vía 40fakes)

En más de una ocasión hemos podido reseñar el trabajo de algunas mentes inquietas que han querido llevar la grafía de nuestro abecedario (sin nuestra querida ñ claro), un poco más allá. Hemos visto letras de fuego, en piedra, silueteadas en el cielo…

Aquí va una recopilación de todos esos ejemplos. Ya he dicho que no soy muy partidario de estas mega recopilaciones, pero creo que merece la pena aunque sea por su carácter creativo. De paso, otro link de regalito.

:: 22 of the World’s Most Creative Alphabets [en] (Vía El Burlador) + The alphabet that keeps on giving [en] ::

Voy con retraso lo sé. Si empezamos a saltar desde aquí podremos empezar a ver más y más trabajos similares en concepto que los que podemos crear nosotros mismos con Fontpark, una aplicación web que nos permite jugar con caracteres japoneses.

Ojito porque según leía en Fubiz, detrás se encuentra el maestro Yugo Nakamura. “Casi ná”.

:: Fontpark 2.0 ::

Incredibol. Cuando uno piensa que lo ha visto todo este Domingo, siempre queda espacio para una sorpresa más.

:: Font Conference [Flash] :: (Vía Quinta Tinta + Cuatro tipos)

Que ya no hay nada que inventar. O si. Que se lo pregunten a la gente de Little Factory [en] que ha pensado en los amantes de la tipografía y/o lo peculiar para los que han diseñado esta particular bufanda tipográfica. Moola. Hay que correr que se las llevan de las manos!

:: Little Factory [en] :: (Vía DyT [en])

Y otro de tipografías:

Hacía mucho (pero mucho) que no me pasaba por Letritas. Ha sido ahora, cuando Axel enlazaba a _Nano y éste al blog mencionado anteriormente para destacar uno de los artículos que Juan Pablo nos ofrece allí.

Escogiendo tipografías habla sobre lo que a priori puede parecer fácil, seleccionar uno de los elementos más importantes en un diseño:

Existen varias maneras de elegir tipografías. Desde simples procesos preconcebidos que respetan estilos, hasta procesos muy complejos que involucran complejos raciocinios, sin embargo, el resultado y el objetivo siempre será el mismo: que se lea lo que quiero decir.

A leer con calma ahora que es veranito y muchos salís a las 15:00 :P

:: Escogiendo tipografías ::

PD: Feliz cumpleaños, RUDE!!!!

No sé si llevará rondando mucho tiempo este artículo por la web pero después de haberle echado un ojo me ha parecido bastante interesante. “Traduce” las diferentes características de una buena maquetación tipográfica a las propiedades CSS necesarias para llevarlas a cabo en la web. Mientras esperamos a ver si CSS3 sale algún año de estos, hay que seguir “jugando” con lo que tenemos.

El artículo, en inglés, habla sobre características de espaciados entre letras, citas, bloques y párrafos, versalitas, etc… Y es que un diseño web se puede ir al traste si sólo prestamos atención a lo gráfico.

:: The Elements of Typographic Style Applied to the Web [en] + Tipografía web (otro artículo para los que andéis escasos de inglés :D) ::

¿Qué es lo que hacen los estudiantes cuando se les da vacaciones? Dejo la respuesta a gusto del lector.
El caso es que siempre habrá excepciones como Axel que nos deleita con un excelent post sobre el tratamiento tipográfico que se le ha dado a la secuencia inicial de las películas de la saga SW.

Sólo por la labor de divulgación e investigación ya me quito el sombrero. Gustazo ver cómo se mueve el mundillo oigan.

:: Star wars y la tipografía ::

Me ha llamado la atención ayer, cuando ví el nuevo spot de nike dónde algunos jugadores de la selección se pintan el cuerpo respondiendo a las críticas de la afición, ya que hace sólo una semana me encontré también con este vídeo de una enamorada de la tipografía que hace lo mismo (pero con mucha mejor letra) por todo su cuerpo. En todo caso me gusta la idea, pero no he podido evitar ser una mal pensada… Vosotros que opináis?