Tipografía
Al utilizar una escala tipográfica clara y concisa, se mantiene un patrón de jerarquías visuales fácil de seguir para cualquier usuario.
Para cada elemento de la estructura de un gráfico se ha definido una familia y los estilos de tipografía.
Familias tipográficas
Una familia tipográfica es un conjunto de fuentes tipográficas diferentes con una clara raíz común, en las que varía el grosor o la anchura. Esto permite que se puedan usar combinadas aportando contrastes, pero manteniendo la armonía.
Roboto
- Regular
- Italic
- Medium
- semibold italic
- semibold
- Medium Italic
- Bold
- Bold Italic
Tipografía para elementos de texto
Tipografía diseñada para entornos digitales, de carácter moderno y fácil lectura, la estética sobria de Roboto no interfiere con el contenido. Funciona bien en tamaños pequeños, y tiene buena legibilidad en pantallas de baja resolución.
Es la tipografía por defecto del sistema operativo Android, lo que acelera los tiempos de carga en estos dispositivos.
Roboto Mono
- Regular
- Italic
- Medium
- semibold italic
- semibold
- Medium Italic
- Bold
- Bold Italic
Tipografía para elementos numéricos
Roboto Mono es una adición monoespaciada (letras y caracteres ocupan exactamente la misma cantidad de espacio horizontal) a la familia tipográfica Roboto. Al igual que los otros miembros de la familia Roboto, las fuentes están optimizadas para pantallas en una amplia variedad de dispositivos y entornos de lectura.
Roboto Mono facilita la comprensión de las cifras gracias al espaciado de los caracteres de punto (.) y coma (,).
Familias tipográficas alternativas
En caso de no contar con Roboto o Roboto Mono se deben utilizar las siguientes tipografías:
Arial
- Regular
- Italic
- semibold italic
- semibold
- Bold
- Bold Italic
Tipografía para elementos de texto
Incluida en el sistema operativo Windows, Arial se ha convertido en una de las fuentes predeterminadas favoritas debido a su gran legibilidad y sencillez de diseño. Sutiles curvas y espacios entre las letras la hacen más legible en las pantallas de diferentes resoluciones.
Consolas
- Regular
- Italic
- semibold italic
- semibold
- Bold
- Bold Italic
Tipografía para elementos numéricos
Tipografía monoespaciada pensada exclusivamente para programación. Optimizada para la tecnología ClearType que permite una mejor lectura en pantallas TFT, la Consolas resulta más económica en espacio que otras tipografías similares, como Courier, y posee una menor altura.
Al igual que otras fuentes monoespaciadas, facilita la comprensión de las cifras gracias al espaciado de los caracteres de punto (.) y coma (,).
Estilos tipográficos
Una familia tipográfica es un conjunto de fuentes tipográficas diferentes con una clara raíz común, en las que varía el grosor o la anchura. Esto permite que se puedan usar combinadas aportando contrastes, pero manteniendo la armonía.
Escala base de tamaños
Estilos para textos
Familia tipográfica: Roboto
Estilos para números
Familia tipográfica: Roboto Mono
Estilos para textos
Familia tipográfica: Arial
Estilos para números
Familia tipográfica: Consolas
Estilos tipográficos aplicados
Se presenta un ejemplo de uso de los distintos estilos, que además permite reconocer el nombre de los elementos.
- Título de la visualización
- Label (etiqueta)
- Título de eje
- Tooltip (globo de información)
- Leyenda
- Fuente de información