Principal

Cómo hacer una versión negrita de tu tipografía

fina y negrita

Siempre que doy clases de diseño de tipografía los alumnos me acaban haciendo la pregunta que da título a esta entrada. Como suelen ser diseñadores no tienen problema en dibujar una forma dada pero hacer una versión negrita de una tipografía requiere un concepto más elaborado y sistemático. Quizás te hagas la misma pregunta, de modo que te voy a explicar cómo lo hago yo esperando que te sirva de ayuda:

Primer paso: dibújalo en un papel

Si eres capaz de hacerlo en tu cuaderno ya casi lo tienes. Como dice el gran Nacho Lavernia:

Con el lápiz busco, con el ordenador encuentro

No hace falta que te quede perfecta, sólo se trata de pensar con el lápiz, de pensar dibujando (somos diseñadores, es lo que hacemos). Si no sabes por donde empezar continúa hasta el paso 2, si lo tienes claro pásalo a tu editor tipográfico favorito.

Segundo paso: encuentra el esqueleto de la letra

Si lo piensas un segundo, ¿Qué es lo que hace que una negrita se reconozca como pariente de su redonda? Su forma no, desde luego, es más gorda que aquella… debe ser otra cosa: la estructura, el esqueleto o como le llamo yo, cursus (perdona el latinajo pero queda muuuucho más universitario).

esqueleto

Tercer paso: entiende su construcción

A continuación trataremos de entender la construcción del contraste para saber cómo repartir el crecimiento. Puedes dibujar círculos o rectángulos para luego escalarlos proporcionalmente y saber dónde apoyar los puntos de las curvas Bézier. En este ejemplo se trata de rotación más expansión:

construcción

Cuarto paso: engorda los trazos

Ahora puedes escalar los rectángulos o círculos que has dibujado para ayudarte en el proceso. Pero ¿cuánto engordo los trazos? Como no quiero desviarme mucho del tema de esta entrada —la respuesta da para una tesis doctoral— voy a ir al grano y darte un consejo: aplícale la proporción áurea y multiplícalo por 1,618. Te dará una aproximación, ajusta el grosor a partir de ahí usando sólo tu intuición.

Si queremos que crezca el trazo no podemos simplemente sumar n unidades a ambos lados del cursus, el resultado sería una letra más alta y eso no nos interesa. En lugar de repartirlo al 50% la estrategia será crecer sólo hacia el interior de la letra en sentido vertical.

Si se nos cierran mucho los contragrafismos podemos abrirlos dejando que el cursus crezca en sentido horizontal. Puedes comprobar esta táctica en cualquier tipografía clásica en la que confíes. Yo aprendí lo poco que sé haciendo autopsias a los grandes, tomando medidas y deduciendo los principios que les habían llevado a tomar sus decisiones.

fase 3

También es habitual dejar que crezca un pelín en altura, puedes comprobarlo superponiendo las variantes de una familia amplia como la Univers o la Helvetica Neue. Recuerda que la mejor manera de aprender es copiando a los clásicos.

Si te ha parecido mucho trabajo, bienvenido al lado oscuro de la fuerza. Sufrir no debes, una vez has hecho la versión más fina y la más gruesa puedes dibujar las demás automáticamente gracias a la interpolación. Pero eso será otro día, pequeño padawan.

Continue Reading · 3

Los tiempos están cambiando

Hoy me apetece escribir una entrada diferente. Una de esas que te sale de dentro, de un tirón. Está inspirada en una famosa canción de Bob Dylan titulada The Times They Are Changin’ (los fragmentos en cursiva son traducciones de la letra original). Dale al play en el vídeo de arriba y disfruta:

La gente se siente confusa,
las reglas de antes ya no sirven de nada,
lo que era intocable ya no lo es.

Los diseñadores seguimos quejándonos de la Comic Sans,
de los concursos crowdsourcing,
de los bajos presupuestos
y de lo difícil que es cobrar una factura en este país.

Mejor empieza a nadar
o te hundirás como una piedra
Porque los tiempos están cambiando.

Intenta romper con la inercia, con el antiguo modelo,
olvídate de los encargos y de las PYMEs,
de regatear los presupuestos,
de lamentarte porque trabajas sin cobrar.

Céntrate en las personas,
diseña sin un encargo,
trabaja para ti.

Busca una necesidad y cúbrela,
un deseo sin satisfacer,
una pregunta sin responder,
enseña a hacer cosas a la gente.

Pero sobre todo, ten esto muy presente,
nada va a funcionar si no cumples una única regla:
haz algo que te apasione.

No importa que estés solo,
ni que seas pequeño,
tampoco que nadie te conozca.
¿Me conocías la semana pasada?

Los perdedores de hoy
serán los ganadores del mañana,
porque los tiempos están cambiando.

Diseña una tipografía o camisetas molonas,
tu propia cerveza, una aplicación para el móvil,
o un videojuego, lo que te apetezca.
Haz lo que te gusta y te encontrarán.

No pierdas más el tiempo, ya es tarde,
no necesitas hacer ningún máster,
te enseñarán sólo cosas del antiguo modelo.

Aprende haciendo, compartiendo lo hecho,
preguntando a tu audiencia qué les parece,
pero sobre todo qué necesitan.
Y HAZLO.

Porque los tiempos están cambiando.

Puedes consultar la letra completa original de la canción.

Continue Reading · 12

Las mejores fuentes gratis y de pago de 2012

Typographica publica cada año su lista de las mejores fuentes, y la red está llena de recopilaciones de las mejores fuentes gratuitas de tal año o tal mes. También hay concursos de diseño de tipografía y listas de best sellers de las distribuidoras más grandes (MyFonts y FontShop).

Yo no quería ser menos y dado que a mucha gente, especialmente a los que empiezan, les facilita mucho las listas como ésta, ahí van mis favoritos del 2012 sin un orden determinado:

Mejores tipografías comerciales

  1. Ciutadella de Eduardo Manso; tengo debilidad por este diseñador argentino afincado en Barcelona. Uso su Geogrotesque cada vez que puedo y con su nueva tipografía lo ha bordado. Tiene especial habilidad para detectar franjas tipográficas desiertas y diseñar alfabetos que las habiten:
    Ciutadella
  2. Dulcinea de Ramiro Espinoza; sin palabras, Ramiro nos tiene acostumbrados a tipos excelentes, en este caso os presento un trabajo basado en dos calígrafos españoles, Pedro Díaz Morante y Juan Claudio Aznar de Polanco. Barroco español en estado puro. Ramiro practica a diario caligrafía para preparar sus proyectos, toma nota.
    Dulcinea
  3. Adelle Sans de Typetogether; esta pareja tiene algo, no sé… me gustan todas las que hacen, no lo puedo remediar y no acierto a explicarlo, lo siento:
    Adelle Sans
  4. Hipster Script de Ale Paul; otro monstruo de la escena tipográfica mundial, cuando perdió su trabajo como diseñador de packaging anduvo perdido hasta decidirse por crear una serie de productos que sabía de buena tinta que no existían y tenían demanda: tipografías para envases y embalajes. Un triunfo del talento y un caso de libro de Design Thinking.
    Hipster Script
  5. Rollerscript de G-Type; este año le pido a los Reyes Magos que Google Fonts la compre para su catálogo, o mejor, que paguen Microsoft y Apple para sustituir a la Comic Sans:
    Roller Script
  6. Magallanes de Daniel Hernández para LatinoType; a mí, no sé… me deja hipnotizado, es de esos trabajos que son tan redondos que no podrías cambiar ni una coma:
    Magallanes
  7. Bombshell Pro de Emily Conners; lo siento pero estoy caligráfico… no tengo remedio:
    Bombshell
  8. Nexa de Svetoslav Simov (Font Fabric), tiene dos pesos gratis y se subió a lo alto de la lista de más vendidas de MyFonts gracias a un agresivo 90% de descuento. Chicos listos…
    Nexa

  9. Idlewild de Hoefler & Frere-Jones; el trabajo de estos chicos me chifla, y además son valientes y venden sus fuentes en exclusiva; no las encontrarás en ningún distribuidor. En este caso nos presentan un palo seco brutalmente ancho y elegante:
    Idlewild
  10. Harriet Series de Jackson Cavanaugh (Okay Type); la elegancia hecha tipografía, es especialmente remarcable la web que se marcaron para presentarla:
    Harriet Series

Mejores fuentes gratis

  1.  Alegreya de Juan Pablo del Peral. Destacada como una de las mejores tipografías de la década por la ATypI (Association Typographique Internationale), Google Fonts se ha rascado el bolsillo para que nadie pueda decir que las tipografías gratuitas no tienen calidad:
    Alegreya

  2. Abril Fatface de Typetogether. Una delicia de una de mis fundiciones favoritas; disponible también en Google Fonts.
    Abril Fatface
  3. Ostrich Sans de The League of Movible Type; hay varias tipografías para titulares de este estilo pero he querido premiar el gran trabajo de este colectivo tipográfico.
    Ostrich Sans
  4. Signika de FontFabric. Tipografía gratuita para señalética —o wayfinding como se dice ahora— con mucha personalidad y modelo de negocio por donaciones.
    Signika
  5. Valentina de Pedro Arilla; no podía faltar un representante español en esta lista, Valentina ha sido descargada 120.000 veces en un año y generado ingresos por encima de los 5.000$. Un éxito sin duda.
    Valentina
  6. Silverfake de FontFabric. Muy activos estos chicos del este, nos regalan esta tipografía para titulares que se está usando mucho en diseño web:
    Silverfake
  7. Bariol de Atipo, un estudio de diseño español que ha optado por el modelo «paga con un twit o un like de Facebook»; si quieres la familia completa, paga lo que quieras (entre 3 y 50€, para no dejarte escapar). Muy inteligente, a ver si conecto con ellos y nos cuentan cómo les ha ido la estrategia.
    Bariol
  8. Titilium, un proyecto colectivo de la Accademia di Bellas Artes de Urbino. Un juego de pesos muy completo y disponible también en Google Fonts.
    Titilium
  9. Sánchez de Daniel Hernández para HypeforType (gratis sólo dos pesos, la redonda y la cursiva); utiliza otra estrategia de venta diferente, llamada freemium, consiste en regalar un par de pesos pero dejarte con ganas de usar la versión black. La clave está en poner un precio atractivo a la familia completa (en este caso hoy estaba rebajada a 50€) y que el cliente piense «bueno, no está mal, la compro y le ayudo a este tío tan enrollado».
    Sánchez Daniel Hernández
  10. Kaushan de Pablo Impallari; se trata de un caso muy especial, pues primero consiguió 3.000$ a través de micro-mecenazgo en KickStarter y después fue adquirida por Google Fonts, que no paga menos de 5.000$ por peso. Si te salen las cuentas, lánzate a hacer lo mismo.
    Kaushan Impallari

Ya sabes, aunque se trate de una lista totalmente subjetiva, puedes comentar qué proyecto me he dejado en el tintero; cuando la gente lea la entrada podrá ver más opciones. Gracias.

Continue Reading · 6

Cómo registrar una tipografía en España

Candado

Esta entrada ha sido sugerida por Hieu en «Documental sobre la piratería en las escuelas de diseño». Si tú también tienes una pregunta sobre tipografía digital utiliza el formulario o publica un comentario en una entrada relacionada. Estaré encantado de responderla dentro de mis posibilidades; si no sé la respuesta haré todo lo posible por averiguarla —me encantan los retos—.

Cómo registrar una tipografía en España

Yo me hice la misma pregunta hace unos meses y es cierto que no hay prácticamente nada en internet sobre el procedimiento que hay que seguir para registrar una tipografía (sin embargo, es relativamente fácil encontrar un tutoría sobre cómo registrar o patentar un producto). Os cuento lo que he descubierto y cómo he llegado hasta la información por si os sirve de algo:

La pista del tipo de registro que hay que hacer la saqué de un artículo de Wolfgang Hartmann en Foro Alfa:

«Otra forma de proteger el diseño es el registro como dibujo industrial1. Se puede recurrir a la Oficina de Alicante para la inscripción del diseño para su protección en el ámbito europeo. Con ello se ve cumplido el objetivo que se impuso la Asociación Tipográfica Internacional en su fundación hace más de 50 años y que ahora han ratificado las leyes europeas. Ahora bien, la duración de la protección está limitada entre 15 años y 25 años, y por ello no es muy frecuente que se recurra a este tipo de protección.»

1 Conforme a lo que está regulado por la Ley 20/2003 del 7 de Julio, sobre protección jurídica del diseño industrial en España

Consulto la Ley citada y descubro que cada solicitud cuesta 80€ hasta 10 modelos y van subiendo hasta llegar un máximo de 50 (los precios varían cada año). Veo también que se permiten modificaciones y que hay que renovar quinquenalmente —cada 5 años, vaya— los registros.

De paso he averiguado cuál es la categoría en la que se ha de registrar:

INTERNATIONAL CLASSIFICATION FOR INDUSTRIAL DESIGNS (Acuerdo de Locarno):
Clase 18, subclase 3: Type and type faces >>> nº serie A0103 > Alphabets [printing characters]

Es un dato que hay que hacer constar en la solicitud.

Más cosas: consulto el reglamento y en el artículo 4 (Representación de los dibujos y modelos) punto 4º dice:

«Cuando se solicite el registro de dibujos y modelos  que consten de una fuente tipográfica, su representación consistirá en la composición de las letras del alfabeto, en mayúsculas y minúsculas si procede, y las cifras arábigas, así como un texto de cinco líneas producido en dicha fuente tipográfica, ambos en el cuerpo 16.»

Bueno, espero que lo tengas claro: rellenas la solicitud, pagas y esperas el veredicto. No es muy complicado.

¿Se puede patentar una tipografía?

Yo creo que una patente no tiene sentido, lee la definición de la OAMI:

Con arreglo a la legislación, es la apariencia exterior de un producto o de una parte del mismo que se compone de las líneas, contornos, colores, forma, textura, materiales y/o su ornamentación.

¿Qué sentido tiene proteger los dibujos y modelos?
El diseño o la forma de un producto puede ser un sinónimo de la marca y de la imagen de una empresa y convertirse en un activo con valor económico creciente. Si no solicita la protección, otros pueden aprovecharse de sus inversiones.

¿Qué es un producto?
Un producto puede ser cualquier artículo industrial o artesanal, incluidos los embalajes, símbolos gráficos y caracteres tipográficos [la cursiva es mía], con exclusión de los programas informáticos. También incluye los productos constituidos por múltiples componentes que pueden desmontarse y volverse a montar.

¿Cuál es la diferencia entre un dibujo o modelo y otros derechos de propiedad industrial como las patentes y las marcas registradas?
El objetivo de todos los derechos de propiedad industrial es proteger la creatividad de las empresas y los particulares. Sin embargo, estos derechos no abarcan los mismos aspectos.

Los dibujos y modelos sólo abarcan la apariencia de los productos. No pueden proteger la función de los mismos.

Una marca identifica el origen de los productos y servicios de una empresa, con objeto de diferenciarlos de los de sus competidores.

Las patentes protegen la función, el funcionamiento o la construcción de una invención. Para poderse patentar, una función debe ser innovadora, tener una aplicación industrial y describirse de forma tal que sea posible reproducir el proceso.

Creo que lo deja bastante claro… Pero una cosa es lo que diga la norma —y el sentido común— y otra muy diferente la postura de la industria, que defiende a capa y espada que una fuente es un programa y que por lo tanto se puede patentar. En el texto anteriormente citado del Sr. Hartmann lo deja caer:

Ahora bien, la duración de la protección está limitada entre 15 años y 25 años, y por ello no es muy frecuente que se recurra a este tipo de protección.

Vaya, vaya: lo importante es la duración de la protección. Si pueden ser 50 mejor que 25. Me recuerda al chiste del perro salchicha que derrota a un Rottweiler enorme de pura raza en una competición entre Alemania y España. Los alemanes, muy extrañados por lo sucedido, preguntan cómo es posible que un perro salchicha venza a su campeón con el dineral en entrenamiento y en certificados de pedigrí que se han gastado. La respuesta española: «pues no veas lo que nos ha costado meter al cocodrilo en la piel del perro salchicha».

Nada es lo que parece en este mundo loco que nos ha tocado vivir.

¿Merece la pena todo este lío?

Ahora viene cuando me mojo: no pierdas un solo instante registrando tu tipografía. ¿De qué te va a servir? Estas leyes están diseñadas para favorecer al pez grande, no al chico; y no te confundas: no sirven para proteger tu diseño de la piratería, su función es evitar que otro fabricante/distribuidor use tu obra con otro nombre. Si tienes la gran suerte de que eso te pase algún día, alégrate, sólo les pasa a los mejores; ponte las pilas y mejora tu diseño porque te acaban de demostrar que es viable. Véndelo o regálalo tú directamente, mantén el poder en tus manos.

Me adelanto a mis detractores: efectivamente, yo he registrado una tipografía en la OAMI con este procedimiento. Me declaro culpable. Pero me gustaría explicarlo: como investigador tengo que probar las cosas de las que hablo, y en la universidad los registros cuentan —y mucho— para los procesos de selección y control de calidad. Yo no he cobrado un euro por hacer esta tipografía, de modo que mi sueldo ha sido en líneas de curriculum vitae.

Déjame que te cuente algo más sobre este trabajo, que será presentado a finales de mayo o a principios de junio de 2013 en la Universidad del País Vasco: se trata de una tipografía corporativa a medida diseñada dentro de un proyecto de investigación que incluye la publicación de un libro y una exposición. En este proyecto de investigación estamos Eduardo Herrera, Leire Fernández, María Pérez y un servidor. El mérito es de los cuatro; si te pica la curiosidad ten, un anticipo:

espécimen EHU

Si te gusta visita la página del proyecto pinchando en la foto

IMPORTANTE: también se puede registrar el nombre de la tipografía como una marca. Aplícale el mismo tratamiento que a lo anterior. Lo importante es que el dominio esté libre…

Ésta es la situación en España y por extensión en Europa; cuéntanos cómo funciona en tu país para que pueda documentar mejor una próxima entrada sobre el registro en América y otros continentes. Gracias por leerme.

 

Continue Reading · 7

Desafía al Status Quo y gana dinero regalando tu tipografía (el caso Valentina)

Valentina

Hace prácticamente un año Pedro Arilla, el autor del blog Don Serifa y miembro de Unos tipos duros, publicó su primera tipografía: Valentina. Lo interesante es la fórmula de venta que escogió Pedro: descarga gratuita con opción a hacer una donación voluntaria por Paypal.

Pedro y yo pertenecemos a la misma secta (y no me refiero a la de tipofílicos, que también): ambos creemos que otra manera de hacer las cosas es posible. Hace poco respondió así a un artículo sobre tipografías gratuitas publicado en Graffica. Yo participé activamente en los comentarios apoyando la causa e intentando aportar el poco sentido común que tengo a la discusión porque realmente el desafío levanta ampollas entre los miembros del Status Quo, que en algunos casos incluso rechazan discutirlo por miedo a perder los estribos.

El debate permaneció activo unos días con opiniones enfrentadas —como siempre que se plantea un cambio de paradigma en cualquier grupo, sociedad o industria cultural— y como pasa siempre, se quedó en nada. Pero yo, que soy mucho menos simpático que Pedro y tengo mayor facilidad para crearme enemigos lo quiero llevar más allá. No me importa las críticas que reciba, creo que hay que empezar a hablar con cifras y casos reales para explicarle a la gente el nuevo modelo. Luego cada uno es libre de elegir la opción que más le encaje.

Los números de Valentina

Vayamos al lío, veamos lo que me escribió Pedro el 23 de marzo de 2013:

Fecha de lanzamiento: 3 de abril de 2012
Fecha de la muestra de datos: 23 de marzo de 2013
Número de descargas: 114.206
Número de donaciones: 818
Donación máxima: 60 $
Donación mínima: 1 $
Recaudación aproximada: 5.000 $

Sí, has leído bien: en un año Valentina ha generado más de 100.000 descargas y 5.000 $ de ingresos (420$ al mes); y subiendo. Además ha recibido menciones y premios con lo que habría que sumarle un beneficio intangible en marca personal. Pedro Arilla, después de Valentina, vale más que antes.

Actualización 9/01/2015: han pasado ya dos años y medio y Valentina ha sido descargada 250.000 veces, generando 10.000$ a una media de 5$ cada una.

La pregunta que te estarás haciendo es ¿cuánto gana un diseñador que opta por vender sus tipografía a precio de mercado (entre 30 y 50$ por peso)? Le he hecho esa misma pregunta —de manera informal— a dos de los 5 mejores diseñadores de tipografía de nuestro país y la respuesta es la siguiente: unos 500€ al mes salvo las épocas de lanzamiento en que suben a unos 1.000€. Y estamos hablando de gente con varias tipografías en el mercado. A falta de un estudio más serio me atrevo a decir que las cifras son similares. ¿Sorprendido? Yo no, éste no es un caso aislado, se trata de una fórmula que funciona. Sólo hay una pega: tienes que crear una tipografía de buena calidad para conseguirlo. No vale cualquier cosa.

¿Cuánto vale entonces Valentina?

No es lo mismo lo que cuesta un producto que lo que vale. En algunas industrias culturales ya han alcanzado la paridad (como la música con las canciones a 1$ gracias a Steve Jobs), pero no puedo decir lo mismo de la nuestra. Sobre el precio medio de Valentina Pedro me escribía:

Grosso modo puedo atreverme a decir que el 90% de las donaciones ha sido de 5 €, lo que nos da el valor real de una tipografía de un solo peso de las características de Valentina. La donación media rondará los 6 dólares porque si que ha habido mucha gente que ha donado 10 y bastantes que han donado 20, pero como te digo la inmensísima mayoría ha valorado que Valentina costaba 5 dólares.

5 dólares. Eso es lo que vale Valentina. Ese es el precio que debería tener en una distribución de pago por copia. Ése es el precio que deberían tener las tipografías en mi opinión (me refiero a cada peso), igualándose así a lo que debería costar una novela en formato elctrónico (en ello estamos, de hecho es el precio que quería poner Steve Jobs en su iBook Store y no lo consiguió). De hecho el movimiento ya ha empezado: desde hace dos o tres meses no paro de ver ofertas en muchas tipografías que acaban costando 5$. ¿Será que han bajado las ventas?

Conclusiones

Si te animas a hacer tu primera tipografía imita el sistema de Valentina; en un año sabrás si tu producto es viable y en cuánto valora tu audiencia tu producto. Si te sale bien como a Pedro puedes explorar otras opciones. Pronto te las contaré.

Continue Reading · 5

10 libros imprescindibles sobre caligrafía que debes conocer

plumillas
Todo diseñador que se precie, especialmente los que nos dedicamos a diseñar alfabetos, debemos praticar regularmente caligrafía. En el libro que estoy preparando escribí lo siguiente:

Mi teoría es que los trazos son el mecanismo que mejor se adapta a la visión humana, que se desplaza de manera fluida y continua —aunque cada cierto tiempo vuelve hacia atras para revisar lo visto en un movimiento que llamamos sacada—. Cuando el órgano perceptivo cambia también lo hacen las formas de la escritura; pensemos qué sucede cuando leemos con los dedos: los trazos pierden efectividad y los puntos en relieve ganan la partida.

Los trazos se hacen con herramientas muy diversas: tenemos escrituras solares —un palo en la arena, una caña en arcilla fresca, un punzón en la piedra y hasta el cincel de la capital imperial romana— y todo tipo de tintas y pigmentos aplicados con dedos, pinceles, cálamos, plumas, plumillas, rotuladores, etc. Pero lo que nos importa del hecho escribir con trazos es que su forma depende en gran medida de la herramienta y que nuestro cerebro memoriza y percibe las siluetas de las palabras; introducir cambios muy bruscos en las formas y proporciones de las letras desemboca sin remedio en una pérdida de legibilidad.

Por esta razón se enseña y se estudia caligrafía en las mejores escuelas de diseño del mundo: conocer los fundamentos de la escritura manual (quirografía) y la caligrafía nos hace mejores diseñadores y tipógrafos.

El problema de aprender caligrafía de manera autodidacta es saber por dónde empezar. Una posibilidad es consultar algunos libros sobre el tema. Ahí va mi decálogo:

Principios fundamentales:

  1. El trazo; Teoría de la escritura. Uno de mis libros favoritos; yo lo disfruté más en inglés, y luego devoré todo lo que pude de su autor, el genial Gerrit noordzij.

Caligrafía en general:

  1. Caligrafía; del signo caligráfico a la pintura abstracta. Maravilloso libro de Mediavilla, también de la editorial Campgràfic, uno de los tesoros de mi biblioteca.
  2. Speedball Textbook for Pen and Brush Lettering. Éste lo recomienda todo el mundo, lo tengo en mi lista de deseos…

Pincel redondo (Pentel):

  1. Brush Lettering: An Instructional Manual of Western Brush Lettering. Mi próxima compra, sin duda.

Pincel plano:

  1. Origins of the Serif, de Edward M. Catich (descatalogado). Me costó 100€ hace unos años, es bastante difícil conseguir una copia —a ver cuándo lo reeditan— y encima está dedicado. Otra obra impescindible.

Pluma chata:

  1. Writing and Illuminating and Lettering. El clásico de Edward Johnston.
  2. The Anatomy of Letters. Otro de los que recomiendan los que entienden de esto más que yo. También está al caer.
  3. The Art of Calligraphy (ISUU); uno de esos libros completos que sirven para empezar, con la ventaja de poder leerlo online:
  4. Para zurdos, Left-handed Calligraphy (Lettering, Calligraphy, Typography) (Amazon)
  5. No es estrictamente un libro pero los que no podáis rascaros el bolsillo: Brien.net

Si me he dejado alguno, escribe un comentario e iré mejorando/ampliando la lista. Gracias!

Continue Reading · 18

¿Puedo usar la tipografía Helvetica en mi web?

Helvetica_rojo

Ah, la Helvetica, la tipografía que los diseñadores amamos amar… siempre que doy clases de diseño web llegamos al mismo punto: los alumnos se dan cuenta de que es una tipografía elegante, versátil y omnipresente pero en sus versiones de Windows (salvo el Vista que sí la llevaba) no aparece.

Profeeeee, ¿podemos descargar y usar la Helvetica en nuestra web?

Si tú te haces la misma pregunta y no leiste mi anterior entrada «¿Debo pagar por usar una fuente en mi proyecto?» has aterrizado en el sitio correcto; voy a compartir contigo un reciente descubrimiento que no le va a hacer ninguna gracia a los señores de Linotype (ahora propiedad de Monotype, quién se lo iba a decir en su día) y que no viola ninguna ley de la propiedad intelectual. Pero vayamos por pasos:

¿Puedo usar la Helvetica que venía en mi Mac para mi web?

Si te refieres a instalarla en tu servidor y usarla con @fontface la respuesta es NO. Puedes usar la Helvetica de tu Mac para un cartel y cualquier otro trabajo comercial pero no puedes pasársela a nadie: ni al impresor ni al copistero, y eso incluye dejarla en un servidor para que todo el mundo se la descargue.

Lo que sí puedes hacer es una imagen en jpg —como he hecho yo en la cabecera de la entrada— o establecer la Helvetica como la primera opción de una font stack. Si el usuario la tiene instalada el navegador la usará, de lo contrario pasará a la siguiente opción de la lista (que suele ser Arial o un genérico como Sans Serif).

¿Puedo descargarla por ahí?

Hay infinidad de sitios web donde puedes descargarte una copia ilegal de la Helvetica para instalarla en tu servidor. Eso no se debe hacer bajo ningún concepto —siempre he defendido que los alumnos deben probar las mejores tipografías aunque no tengan dinero para comprarlas, pero en un contexto determinado: en clase y en los proyectos de la carrera, nunca para trabajos profesionales— por dos razones: es un delito y nunca sabes si te puedes fiar de lo que bajas.

En ese caso ¿hay alguna alternativa a la Helvetica que se parezca y sea gratuita? Esa es la buena noticia, he encontrado las siguientes opciones:

  1. Nimbus Sans L, se distribuye bajo una licencia GNU y puedes hacer con ella lo que quieras; suele venir instalada en los Linux. Idéntica a la Helvetica, se trata de un clon que hizo URW en 1987 en plena batalla contra el monopolio de Adobe y sus tipos PostScript. En aquella época copiarse tipografías de unas fundiciones a otras era el pan nuestro de cada día y nadia protestaba.
    Nimbus Sans L
  2. Free Sans, también con licencia GNU, es una desarrollo de la Nimbus Sans L con un juego de caracteres más amplio. El aspecto es el mismo.
    Nimbus Sans L
  3. Liberation Sans, en este caso el parecido es menor y menos criticable, creo que es tu opción si las dos anteriores te parecen demasiado bestias.Liberation Sans

Espero haberte servido de ayuda, comparte esta entrada si ha sido así, por favor.

Continue Reading · 16

10 Alternativas a la Comic Sans que debes conocer

Como seguramente sabrás la Comic Sans es la tipografía que los diseñadores amamos odiar. En mi caso se debe sobre todo a la falta de kerning, que provoca unos problemas de espaciado tremendos, y el dibujo de la letra es feo de narices, como si la hubieran martilleado. Paradójicamente le cogí cierto cariño tras asistir a una conferencia de su creador, Vincent Connare, que se titulaba «Odio la Comic Sans»; el tío alucinaba de que la «mierda» que había hecho en una tarde hubiera tenido tanta repercusión y difusión, pero lo cierto es que se saca una pasta dando conferencias… los negocios ahora se hacen al revés.

El caso es que la red está inundada de webs, vídeos y todo tipo de parodias sobre la Comic Sans:

Bien, como siempre defiendo, no puedes criticar algo sin dar opciones, de modo que quiero compartir contigo una lista que he ido confeccionando a lo largo del tiempo con 10 alternativas a la Comic Sans clasificadas según su procedencia:

Fuentes de sistema

Si tienes una copia legal de Windows o de OSX has comprado licencias de uso de todas las fuentes del sistema y por lo tanto puedes usarlas para casi todo —salvo instalarlas en otro ordenador o en un servidor web; puedes ampliar información en la entrada ¿Debo pagar por usar una fuente en mi proyecto?— y consultar la lista de fuentes de Windows 7 y Mac OSX Lion). Éstas son las alternativas de sistema a la Comic Sans:

  1. Chalkboard (Mac), el aspecto que debería haber tenido la Comic Sans
  2. Zapfino (Mac), una auténtica maravilla aunque es más formal que la Comic Sans

Fuentes de paquetes informáticos

Lo mismo que explicaba sobre los sistemas operativos se aplica a los paquetes informáticos como el Office (ver el listado) o Adobe Creative Suite (ver el listado):

  1. Bradley Hand (Office) 
  2. Caflisch Script Pro (CS)

alternativas_comicsans

Fuentes comerciales

A veces no hay más remedio que pasar por caja, y es que hay auténticas maravillas de pago:

  1. Rollerscript
  2. Kosmik

Fuentes gratuitas

En esta categoría hay millones, pero me voy a contener para darte una miniselección que te haga más fácil la elección:

  1. Pacífico (Google Fonts)
  2. HarabaraHand (FontSquirrel)
  3. Delius (Google Fonts)
  4. Rancho (Google Fonts)

alternativas_comicsans2

Háztela tú mismo

Sin duda, la opción más divertida. Estoy preparando un minicurso online gratuito para poder hacerlo, si quieres que te avise en cuanto esté listo inscríbete en nuestra newsletter.

Continue Reading · 1

Tipografía para videojuegos

Este sábado tengo clase de Diseño aplicado a los Videojuegos en el curso de Diseño y Creación de Videojuegos de la Universidad de Alicante. Mientras me preparaba la clase me ha apetecido compartir los vídeos, enlaces y materiales que tienen que ver con la tipografía contigo, porque lo importante de mi intervención es, en realidad, la ayuda que les pueda prestar para diseñar mejor la marca de su juego, la portada y todo lo que define su identidad gráfica. El resto —la información— está todo en internet y es fácil de encontrar.

Doy esta clase una vez al año, y en esta ocasión voy a dejar de enseñar cajas de videojuegos porque la distribución se está desplazando a plataformas online com Steam, que además cuentan con su propia sección «Indie» para captar talentos emergentes que puedan vender en la tienda principal. Si eres un creador novel te interesa investigar la manera de promover un videojuego de un equipo que nadie conoce.

Estereotipos vigentes en la gráfica de los videojuegos

Si analizamos los logotipos y las portadas de las grandes producciones enseguida se observa una serie de clichés o patrones que se repiten una y otra vez; muy pocos juegos se atreven a romper con estos estereotipos:

  • Imagen de síntesis con letras «high tech» de palo y estructura cuadrada; sin duda la más frecuente:
    1493417counter_strike_source_2011_by_shorty91-d3dr7tnHomeworld Remastered Collection - PC [TORRENT] VICIO GAMES TORRENTRetribution
    hawken
    fifa15
  • Imagen de síntesis con Helvética estrecha negra (black condensed) en caja alta:
    Borderlands 2Call of Duty Black OpsCOD
  • Dibujo comiquero con lettering irregular, todo a mano:
    Shank2The CaveWalking Dead
  • Trajan o similar sobre fondo tenebroso o blanco y rojo:
    league-of-legends-logo1_540b5fff2a6b228bdba63944the-order-1886_2014_05-27-14_013-jpg_600dota2pillars-of-eternity_screenshot_20131211105819_2_nfhtotalwarattila
    Resident Evil 6
    Fallen Enchantress
    Dragon Age: Inquisition
    Guildwars
  • Gotham, como ha pasado en los carteles de cine, se está poniendo de moda y empezaremos a verla por todas partes:
    Tomb Raider
  • Caligrafía o lettering hechos a medida:
    Ori-and-the-Blind-ForestbloodborneDiablo-3-logo-dark-3Halo 4

En el cine, una industria prima hermana, también podemos observar el mismo comportamiento:

Ejemplos de videojuegos que rompen con los estereotipos gráficos anteriormente expuestos:

  • Monument Valley:
    monument-valley-2-800x1066
    https://www.youtube.com/watch?v=wC1jHHF_Wjo
  • Grand Theft Auto:
    gta5
  • Kentucky Route Zero
    KRZ_logo

  • Journey
    Journey
    https://www.youtube.com/watch?v=_mF8KkDiIdk
  • Bientôt l’été
    Bientôt l'été
  • Skara, un videojuego que está desarrollando mi hermano Pablo, le recomendé a mi colega Iván Castro para la imagen gráfica y está quedando genial; cada raza tiene su propia escritura:
    Skaraskara-characters-750x400

 ¿Cuáles son estas tipografías que tanto se repiten?

  1. Bank Gothic
  2. Helvetica black condensed
  3. Trajan Pro
  4. Gotham

¿Hay alternativas gratuitas de calidad?

  1. Orbitron
  2. Bebas Neue
  3. Cinzel
  4. Lato (sólo se parecen a Gotham las mayúsculas)

Sugerencias extra

Sobre las gamas de colores

Fíjate que las combinaciones de colores también son prácticamente idénticas en todos los casos. Si necesitas ayuda para decidirte te puedo recomendar dos herrmientas que uso frecuentemente:

Contenidos extra:

Continue Reading · 0

Font stacks a prueba de bombas

Si eres desarrollador web y no te quieres complicar la vida cargando fuentes de servidores externos como Google Fonts o Typekit, habrás visto que hay una colección de tipografías de sistema que se instalan en los dos grandes sistemas operativos pero, ¿qué pasa con Linux?

Seguramente ya te has dado cuenta de que la gran mayoría de las fuentes de sistema no están presentes en las distribuciones del sistema operativo del pingüino, pero no te preocupes porque yo mismo me hice la pregunta una vez y me dediqué a compararlas hasta encontrar 5 secuencias tipográficas (font stacks, listas de fuentes para que el navegador escoja la que tenga disponible) que contienen tipografías presentes en el 95% de los ordenadores del mundo y que son clavaditas entre sí:

  1. font-family: Palatino, “Palatino Linotype”, “Urw Palladio L”, Serif;
  2. font-family: Georgia, “Dejavu Serif”, Serif;
  3. font-family: “Courier New”, Courier, “Nimbus Mono L”, Monospace;
  4. font-family: “Helvetica Neue”, Helvetica, “Nimbus Sans L”, San-Serif;
  5. font-family: Verdana, “Dejavu Sans”, San-Serif;

De acuerdo, no hay mucha variedad, pero es suficiente para hacer algo digno, limpio y claro.

Continue Reading · 0