Principal

Tag Archives | tipos para pantalla

Roboto, nueva candidata a suceder a la Helvetica en diseño web (y es gratis)

Ayer tuve en mis manos un Samsung Galaxy Note y claro, lo primero que hice fue reparar lo bonita que es la tipografía que usa el sistema Android que utiliza la maquinita de marras. Entro en ajustes y vaya, sólo dice fuente por defecto o algo parecido.

Tras una breve investigación detecto que la tipografía en cuestión se llama Roboto y que está disponible en Google Fonts. Se trata, en mi opinión, de una reinterpretación de la Helvetica con cierto sabor a Univers aunque exagerando su estructura cuadrada para seguir la tendencia de estos últimos años; se lee de maravilla en pantalla y que puede serte útil para tu página web:

Su autor es Christian Robertson, de Beta Type, que trabaja para Google; al parecer se trata de un trabajo interno para sus sistemas operativos Android Ice Cream y que tiene ya algo más de un año. También me llamó la atención la tipografía de los números de la hora, que sospecho están compuestos en Doublewide, del mismo autor.

Ánimo, pruébala para tu próximo proyecto y mándame el resultado; si tiene la suficiente calidad lo añadiré a esta entrada para que la gente la vea en uso.

Continue Reading · 3

¿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 · 14

Presentación de la fuente Nokia Pure en el Encontro ADG de São Paulo

Hace apenas unas semanas, Bruno Maag presentó la tipografía Nokia Pure en el Encuentro ADG de São Paulo.

Con la entrada de la compañía finlandesa en el mercado de los smartphones y el re-diseño completo de su identidad visual, Nokia encargó al estudio londinense Dalton Maag una tipografía que además de resultar óptima para su uso en pantalla a pequeños tamaños, fuera tan fácilmente reconocida como marca como suficientemente versátil para ser empleada en sus diferentes usos (lo que la Nokia Sans de Spiekermann no les permitía, ya que posee “demasiada personalidad”).

La Nokia Sans debía transmitr los valores de sencillez, claridad, funcionalidad y belleza, característicos del diseño finlandés, en los diferentes tipos de escritura propia de cada uno de los países en los que trabaja la marca.

Os dejamos aquí una interesantísima presentación en la que Bruno Maag nos habla sobre el diseño de tipografía a través, en este caso, de las escrituras no-latinas. ¡No os lo perdais!

Si quires saber más sobre el proyecto de la Nokia Pure, écha un vistazo a los siguientes enlaces:

Dalton Maag

Nokia Brand Book

Underconsideration

 

Continue Reading · 0