Tipografía web: maquetando el bloque de texto (vídeo)

No es ningún secreto que la tipografía es uno de los aspectos del diseño web que más me apasionan, por no hablar de que constituye uno de los pilares fundamentales (del Diseño, así, en mayúsculas).

Que nuestro contenido llegue a sus destinatarios de la mejor forma posible es fundamental para que cumplan sus objetivos (vender, conseguir suscriptores, informar…).

En el siguiente vídeo vemos:

  • mi proceso de creación de un bloque de texto en un editor gráfico, en este caso Sketch
  • cómo acotar el espacio en blanco de la página antes de empezar a diseñar
  • la relación entre tamaño e interlineado
  • longitud de línea óptima para un bloque de texto
  • diferentes percepciones del tamaño de la letra en función de la tipografía.

 

Metro UI, la interfaz incluida en el último sistema operativo de Microsoft

La interface de Windows

La interface de Windows

Windows 8- atrajo todas las miradas y dió lugar a una fiebre global alrededor del estilo de Diseño conocido como ‘Flat UI’. Metro está inspirada en la interfaz del Windows Phone y sorpresivamente puso a las PCs a la vanguardia estética en materia de interfaces de usuario. Bill Flora es uno de los líderes del equipo que creó la Metro UI y como se puede ver en esta foto, tiene un par de Macs en su escritorio… Un Fail que está recorriendo la web y se suma a los habituales papelones de Microsoft.

Pero más allá de las críticas que siempre recibe Windows, esta vez parece haber hecho un gran aporte en materia de interacción, y los principios estéticos y funcionales de Metro -inspirada claramente en el Diseño suizo- están expandiéndose a todos los productos de Microsoft.

Ahora, lo que me intriga profundamente es la respuesta de Apple a esta vanguardia de Microsoft. Todos sabemos que las interfaces de Mac han sido plagiadas por Windows durante años, y por eso no creo que Apple salga con algo similar a Metro en futuras actualizaciones, porque eso no sería lo que acostumbra.

El estilo Flat UI tiene amantes y detractores, para muchos colegas la Usabilidad está en riesgo desde que un simple banner puede ser confundido con un botón y quienes se oponen a este estilo lo consideran aburrido e inmaduro, por la necesidad de usar colores brillantes como recurso para establecer jerarquías visuales. Pero como toda moda tiene que ser seguida y si un cliente pide un traje de colores habrá que saber hacérselo.

Lo que de seguro veremos en el futuro inmediato es una evolución de las interfaces mobile que ayudarán a familiarizarnos con estos nuevos códigos visuales e interactivos. Todos tuvimos que aprender a usar una pantalla táctil y lo mismo haremos con cualquier nueva interfaz. Pero me parecería una verdadera pena que toda la belleza que se ven en muchas Apps de Apple se pierdan por seguir esta tendencia de Diseño plano.

Espero que la manzana nos dé en breve una opción mucho más vanguardista que Windows pero sin pegarse a este nuevo estilo Metro creado por usuarios que usan Mac.

 

Fuente: Kaiser Interactive Studio