Holo
ホロ / 2011–2014 / Estilo / Google UI
El lenguaje de diseño que Google introdujo con Android 3.0 y que en la 4.0 pasó a ser requisito de compatibilidad para cada dispositivo. Traza filetes finos sobre fondo negro y deja que un único azul cian encienda solo la selección, el foco de escritura y el progreso. Se repartió junto con una promesa, la de que una aplicación que pidiera este tema por su nombre se dibujaría sin cambios incluso en un teléfono con la capa del fabricante encima.
De un vistazo
Rasgos visuales
- Texto blanco sobre negro, y las divisiones se hacen con filetes de un píxel en lugar de paneles rellenos
- Un solo azul cian, el #33B5E5, ilumina únicamente la selección, el subrayado del campo de texto y el progreso
- Una barra de acciones a todo lo ancho fijada arriba, y abajo una franja con las teclas virtuales de atrás, inicio e historial
- Los rótulos de pestaña y los subtítulos de las listas van en negrita y todo en mayúsculas
Usos idóneos
- Recrear la pantalla de una aplicación Android de entre 2011 y 2013 con los controles y los nombres de tema de aquel momento
- Construir jerarquía en un panel de administración oscuro solo con filetes y un color de acento, sin añadir superficies ni sombras
Usar este estilo
Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.
Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas
Entrada del diccionario
- Tipografía
- Una sola sans serif de corte geométrico en toda la interfaz, con dos grosores nada más, el normal y la negrita. Pestañas y subtítulos van en mayúsculas con el interletraje ligeramente abierto.
- Composición
- Fija arriba una barra de acciones a todo lo ancho y llena el espacio de debajo con una lista de una sola columna. Separa las secciones con filetes finos en lugar de espacio en blanco y reserva abajo una franja para las teclas virtuales.
- Material
- El fondo es negro o un gris claro #F3F3F3 y el texto blanco o gris oscuro. Los filetes son un píxel de blanco con la opacidad rebajada. El acento se limita a #33B5E5 y solo enciende la pulsación, la selección y el progreso.
- Precaución
- Redibujar los controles por tu cuenta y sacarlos del tema destruye la única ventaja del estilo, verse igual en cualquier dispositivo, y deja tu aplicación como la nota discordante en un teléfono con capa del fabricante.
- Para profundizar
- how the Android 4.0 compatibility definition document mandated the unmodified theme / why Theme.Holo and DeviceDefault were kept apart, and when each is used / how Roboto came to be made for high resolution screens, and the traits of its letterforms
Entradas relacionadas
- Material Design (マテリアルデザイン)Misma familia: Google UI.Comparar Holo y Material Design
- Metro (メトロ)Efectos compartidos: Technique.Comparar Holo y Metro
Más de Google UI
Continúa con estilos de Google UI, priorizados por sus efectos compartidos.
- Material You (Material You)Efectos compartidos: Technique.
Ver todas las entradas de Google UI
Citar esta entrada
El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.
- Link
- https://indexstyle.org/es/styles/holo
- Markdown
- [Holo — IndexStyle](https://indexstyle.org/es/styles/holo)
- HTML
- <a href="https://indexstyle.org/es/styles/holo">Holo — IndexStyle</a>