android - studio - Tipografía de diseño de materiales: titulares, títulos, espaciado, apariencia del texto

tipografia cursiva (1)

He estado siguiendo las pautas oficiales de diseño de materiales de Google ( http://www.google.com/design/spec/style/typography.html ) en tipografía, pero me parecen bastante deficientes. Por ejemplo, enumeran 10 estilos que debe usar para cosas como cuerpo, subtítulo, título, título1, pantalla2, etc. Escriba texto en su aplicación ... Esto me lleva al primer problema.

Problema n. ° 1: ¿Cómo se puede saber qué es un "subtítulo" o un "título" frente a "titular", o cuándo se debe usar "display1" en lugar de "display4"? ¿Existen normas para estos elementos?

Además, las directrices establecen que el espacio inicial debe estar integrado en la altura de línea del texto. Por lo tanto, problema 2.

Problema 2 #: ¿Cómo puedo agregar un espacio "inicial" para el texto en Android? ¿Es esta guía relevante de Android?

Problema n. ° 3: aunque he descargado la última versión de Roboto, mis fuentes medianas se ven absolutamente en negrita, a diferencia de las fuentes medianas más elegantes y ligeramente más gruesas de Google, ¿cómo puedo confirmar que mi fuente es realmente diferente a Google?

Muchas gracias

"Muéstrame el código": no es mío, pero mira el comentario a continuación para una opción, y también cómo la aplicación Plaid (Butcher) aborda los desafíos de tipografía al visitar su fuente en Github (clase BaselineGridTextView ).

Descargo de responsabilidad: de ninguna manera soy una referencia en este tema, pero su pregunta tiene un mes sin respuestas, aunque es importante y su importancia solo crecerá de ahora en adelante. Dicho esto, intentaré, al menos, aclarar un poco y ofrecer mi cabeza ante los posibles errores.

Problema n. ° 1: ¿Cómo se puede saber qué es un "subtítulo" o un "título" frente a "titular", o cuándo se debe usar "display1" en lugar de "display4"? ¿Existen normas para estos elementos?

Estas son entidades de texto abstracto, estandarizado y común que nos llegaron de las tradiciones en la publicación impresa.

Pantalla : texto grande, normalmente usado en pancartas, lemas atractivos, cosas que exigen y compiten por la atención, que deberían llamar la atención cuando el usuario no está mirando. Es menos legible exactamente porque debe ser muy corto (llamar la atención de una vez, no formar parte de un flujo extenso). Me imagino que los 4 tamaños de pantalla diferentes en Material Design son un cuidado extra de Matias y su equipo, pero dudo que las aplicaciones utilicen más de 1 tamaño de pantalla (quizás revistas y aplicaciones de medios enriquecidos, tal vez). La mayoría de las aplicaciones ni siquiera usan el tamaño de visualización.
Titular : tradicionalmente, creo, si mi comprensión superficial de este tema es correcta, los tamaños de titulares se utilizan como taglines short de la historia. No es una descripción, solo un eslogan, un mensaje corto. Un ejemplo de un titular: ASSASSIN KILLS KENNEDY . En las aplicaciones comunes que siguen a Material Design, se usa como el tema principal de una pantalla (al igual que las páginas de un periódico) . Pienso (como si no estuviera seguro) que esto puede llamarse "Encabezado" en otra parte.
Título : honestamente, es muy genérico, y debido a su tamaño modesto (en comparación con el titular y la pantalla), es uno de los estilos que más uso: es muy útil en lugares sobre un bloque de texto. Por ejemplo, "Eula" como título para el texto de eula que sigue a este título, o "Autores" inmediatamente antes de una lista de autores. Es ampliamente utilizado en el marco también .
Subtítulo: esto es más específico. Es un grado inferior e inmediato al "encabezado", y se utiliza para proporcionar extractos, citas o una breve descripción del bloque de texto que lo sigue. Ejemplo de un subtítulo (siguiendo el ejemplo del titular): Gobernador de Texas herido, marxista acusado de asesinato . En Material Design, debido al tamaño, el lugar más común en el que lo he visto es en un elemento de la lista de dos elementos , exactamente porque se usa como extracto de un correo electrónico (para proporcionar una visión general) o como un número de teléfono ( un detalle del activo más importante para una persona en particular en una lista de teléfonos).
Cuerpo : texto principal. Bastante obvio. El más legible de todos, y la única opción para textos largos.
Leyenda : notas al pie y texto pequeño. En la impresión, es ampliamente utilizado como títulos de imágenes. En Holo, creo que (como no estoy seguro) se usó como texto divisor (pero en mayúsculas). En Diseño de materiales, creo que los divisores dejaron de usar el texto de los subtítulos y usaron "cuerpo" con colores claros.

Otros programas utilizan estos conceptos (parte o todos) con variaciones leves:

estilos de texto de los procesadores de texto;
configuración de fuente en software de imagen como Photoshop, Illustrator, etc.
Dimensionamiento óptico de fuentes. Adobe, por ejemplo, utiliza "título", "regular", "subtítulo" y "visualización" , que, como puede ver, está destinado a complementar el tamaño y la dirección con formas de fuente especialmente diseñadas para diferentes tamaños de tamaños;

El concepto general parece ser que se trata de entidades abstractas que representan gradientes de importancia en los conjuntos de textos, y pueden tener reglas flexibles entre las publicaciones siempre que se usen de manera consistente dentro de una publicación, tema, aplicación, etc.

Problema 2 #: ¿Cómo puedo agregar un espacio "inicial" para el texto en Android,

Esto es para aquellos lugares donde se mezclan TextView s con diferentes estilos, como en el ejemplo de imagen (o con TextView texto, por supuesto).

Permítame ser honesto: ahora mismo, para fines de emergencia, estoy usando mis ojos con rejillas superpuestas para comprobar mi liderazgo. Estoy empezando con el tamaño inicial, luego resto el tamaño de fuente de la siguiente línea de texto y una pequeña cantidad como el descendiente de la línea actual. Luego hago pequeños ajustes ópticos pequeños si es necesario. Sería bueno si estos elementos (altura x, altura de la tapa, descensor, etc.) pudieran calcularse exactamente , pero honestamente no me sumergí en esto todavía (pero probablemente sea posible). Estoy satisfecho con mi "ojo" mientras no perfecciono el MD en mis diseños.

Sin embargo, y solo miré esto (no lo probé), creo que puede sumergirse en FontMetrics , medir los campos y aplicar las dimensiones adecuadas sobre la marcha entre los dos TextView muestran arriba. Lo intentaría primero ( ascent del siguiente y descent del anterior).

¿Es esta guía de Android relevante?

Sí lo es. Mucho. Coloque un texto debajo de otro, cuando tengan diferentes estilos. Como un título seguido de un cuerpo, e intente simplemente adivinar: no funcionará y su aplicación no será coherente con el sistema. Véase más arriba.

Problema n. ° 3: aunque he descargado la última versión de Roboto, mis fuentes medianas se ven absolutamente en negrita, a diferencia de las fuentes medianas más elegantes y ligeramente más gruesas de Google, ¿cómo puedo confirmar que mi fuente es realmente diferente a Google?

Por favor, dinos dónde exactamente estás obteniendo las dos muestras para comparar. La representación de fuentes puede verse afectada por muchas cosas diferentes, y cada sistema utiliza sus propios algoritmos de sugerencia, además de muchas otras cosas. Hay ligeras variaciones incluso entre diferentes versiones de Roboto y diferentes versiones de Android. Seguramente el medio parece "audaz" en comparación con el normal, pero no es realmente audaz.

Puede verificar las fuentes en su carpeta sdk / platform / android- APIVERSION / data / fonts . Renderizado con Ubuntu 15.04 (insinuaciones leves), listo para usar, a partir de android-22 :

Creo que queda acorde a la sample .

Para comparar con algo que también está ampliamente disponible, esto es (parte de) la familia de fuentes de Ubuntu (normal, medio y negrita, respectivamente). En mi opinión, el medio también se acerca más al negrita que a lo normal:

Minion Pro (regular, medio, semi y negrita). Es más equilibrado posiblemente porque también ofrece una variante semibold, pero estamos hablando de una fuente serif hecha para letra pequeña y con mucho más tiempo en el mercado para ser continuamente refinada:

Espero que esto ayude.