Holo
ホロ / 2011–2014 / Style / Google UI
Le langage de conception que Google a introduit avec Android 3.0 et dont la présence est devenue, en 4.0, une exigence de compatibilité pour chaque appareil. Il trace des filets fins sur fond noir et ne laisse qu'un bleu cyan éclairer la sélection, la saisie et la progression. Il est arrivé avec une promesse, celle qu'une application demandant ce thème par son nom serait affichée sans modification, même sur un téléphone recouvert de la surcouche du constructeur.
En un coup d’œil
Signes visuels
- Du texte blanc sur fond noir, les séparations étant faites de filets d'un pixel plutôt que de panneaux pleins
- Un seul bleu cyan, le #33B5E5, n'éclaire que la sélection, le soulignement du champ de saisie et la progression
- Une barre d'actions pleine largeur fixée en haut, et en bas une bande de touches virtuelles pour retour, accueil et historique
- Les intitulés d'onglet et les sous-titres de liste sont composés en gras et tout en capitales
Usages idéaux
- Recréer l'écran d'une application Android des environs de 2011 à 2013 avec les composants et les noms de thème de l'époque
- Bâtir la hiérarchie d'un écran d'administration sombre avec des filets et une seule couleur d'accent, sans ajouter de panneaux ni d'ombres
Utiliser ce style
Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.
Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations
Entrée du dictionnaire
- Typographie
- Une seule linéale d'esprit géométrique sur toute l'interface, en deux graisses seulement, le romain et le gras. Les onglets et les sous-titres passent en capitales avec un interlettrage légèrement ouvert.
- Composition
- Fixez en haut une barre d'actions pleine largeur et remplissez l'espace au-dessous d'une liste en une seule colonne. Séparez les sections par des filets fins plutôt que par du blanc et réservez en bas une bande pour les touches virtuelles.
- Matière
- Le fond est noir ou un gris pâle #F3F3F3, le texte blanc ou gris foncé. Les filets sont un pixel de blanc à opacité réduite. L'accent se limite au #33B5E5 et n'éclaire que l'appui, la sélection et la progression.
- Précaution
- Redessiner les composants pour son propre compte et les sortir du thème détruit le seul avantage du style, celui d'être identique d'un appareil à l'autre, et laisse votre application détonner sur un téléphone à surcouche.
- Pour approfondir
- 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
Entrées liées
- Material Design (マテリアルデザイン)Même famille : Google UI.Comparer Holo et Material Design
- Metro (メトロ)Effets partagés : Technique.Comparer Holo et Metro
Plus de Google UI
Poursuivez avec des styles de Google UI, classés par effets communs.
- Material You (Material You)Effets partagés : Technique.
Voir toutes les entrées Google UI
Citer cette entrée
Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.
- Link
- https://indexstyle.org/fr/styles/holo
- Markdown
- [Holo — IndexStyle](https://indexstyle.org/fr/styles/holo)
- HTML
- <a href="https://indexstyle.org/fr/styles/holo">Holo — IndexStyle</a>