Tipo

Applies to Windows and Windows Phone

la palabra Windows con los atributos de tipo resaltados

 

Analiza con qué frecuencia leemos el texto en nuestras vidas diarias, en correo electrónico, un libro, una señal de tránsito, los precios en una carta, la presión, un letrero en un poste de la calle. Constantemente nos vemos expuestos a texto que es entretenido, informativo, instructivo o significativo. La clave de todo esto es la tipografía y el diseño.

 

Texto de buenos días en la aplicación Alarms

 

Si bien las imágenes pueden crear efectos visuales atractivos, la tipografía es lo que comunica el contenido a un lector y lo que garantiza un diseño exitoso. Para crear una tipografía bonita, enfócate en los siguientes aspectos:

  • Opción de tipo
  • Espacio en blanco
  • Jerarquía
  • Altura de línea
  • Tamaño de texto

La aplicación correcta de estos aspectos da como resultado una alta calidad, diseños efectivos que son limpios, tienen un objetivo y son fáciles de navegar.

Tipografía en Windows

En Windows, adoptamos el enfoque de dar prioridad al contenido, que consiste en quitar elementos y partes de la interfaz de usuario que no sean necesarios. En este entorno minimalista, la tipografía tiene una mayor preponderancia y es crucial para la navegación.

 

Aplicación de meteorología

 

Disponemos de unas directrices detalladas sobre tipografía que están delimitadas por la rampa de tipos. La rampa de tipos establece una relación de diseño crucial, desde los títulos al texto del cuerpo, y garantiza una jerarquía comprensible y clara entre los diferentes niveles. Los usuarios comprenden de inmediato dónde pueden encontrar la información y cómo analizar la página.

 

rampa de tipo

 

También consideramos cuidadosamente los detalles de nuestra tipografía, lo que incluye guiones, puntos suspensivos, uso de mayúsculas o minúsculas, apóstrofes y comillas. La suma de estas consideraciones, junto con la rampa de tipos, crea una imagen coherente para las experiencias de Windows y muestra la dedicación que le ponemos a los detalles de la tipografía correcta.

Cómo puedo usar la tipografía

Un uso concienzudo de la tipografía puede hacer mucho más que simplemente comunicar contenido. También refuerza y enfatiza las identidades de marca. Analicemos algunos ejemplos.

Esta aplicación ESPN usa eficazmente Benton Sans de Font Bureau en los títulos para establecer una apariencia particular para la aplicación. En lugar de una opción de tipo de letra estándar y genérica, Benton Sans brinda una apariencia atractiva, potente y activa a la aplicación. Esto hace que la aplicación se diferencie de otras y sustenta la marca de ESPN.

 

Aplicación ESPN

 

Expedia es un poco más directa al reforzar la marca. En esta aplicación, Expedia usa una fuente que se asemeja mucho a su logotipo. Esto garantiza que cada línea del texto del encabezado le recuerde al usuario qué aplicación está usando y garantice una personalización de marca coherente en toda la aplicación.

 

Aplicación Expedia

 

La aplicación Disney’s Princess Dress-up Sticker Book usa la fuente Goudy Bookletter 1911 de League of Moveable Type para las secciones narrativas con el fin de contar la historia de cada princesa. Este tipo de fuente tiene un aire imaginativo y amistoso, que hace que los lectores a los que está destinado el texto lo sientan más accesible. Además, la aplicación usa texto grande con mucho interlineado para garantizar que los elementos de la historia sean fáciles de leer, incluso para lectores más pequeños.

 

Aplicación Disney Princess Dress-Up Sticker Book

 

Cut the Rope es una aplicación bastante conocida y disfrutada por muchos, reconocida por el amor a los dulces de su pequeño y simpático monstruo. Con este tema tan adorable y divertido, la aplicación necesita un tipo de fuente que sea entretenido y ameno para las instrucciones importantes sobre cómo entregarle dulces al monstruo. Los creadores de la aplicación recurrieron a la fuente Fonthead’s Good Dog Plain. Es fresca y de apariencia manuscrita, y expresa de forma eficaz la marca del producto. No hay fuentes aburridas aquí.

 

Aplicación Cut the Rope

 

Temas relacionados

Directrices para tipografía
Directrices para fuentes (aplicaciones de la Tienda Windows)
Galería

 

 

Mostrar:
© 2014 Microsoft