One UI
ワンUI / 2018– / Style / Langages d'écran
Le langage de conception que Samsung a fixé pour les Galaxy. Il coupe l'écran à la hauteur que le pouce atteint le plus facilement et appelle la partie haute zone de lecture et la partie basse zone d'interaction, si bien que les titres restent en haut tandis que les boutons, les onglets et les boîtes de dialogue se rassemblent en bas. Le contenu est réuni dans des blocs aux angles très arrondis, le fond est blanc ou noir absolu et un seul bleu porte tous les accents.
En un coup d’œil
Signes visuels
- Le haut de l'écran ne contient qu'un titre et du vide, sans aucune commande tactile
- Textes et images sont réunis dans des blocs en forme de cartes aux angles fortement arrondis
- La barre de titre n'a que deux états, déployé et replié, et ne s'arrête jamais à une hauteur intermédiaire
- En thème sombre le fond devient noir absolu et seul l'accent bleu s'y pose
Usages idéaux
- Quand il faut ramener toutes les commandes dans la moitié basse d'un grand téléphone pour qu'un seul pouce les atteigne
- Quand on veut refaire un écran de liste en ensemble de blocs arrondis plutôt qu'en lignes séparées par des filets
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
- Laisser le titre occuper toute la hauteur de la zone haute et creuser un large écart avec le texte courant. Le titre replié peut être une chaîne plus courte et différente du titre déployé.
- Composition
- Couper l'écran à hauteur de pouce. Ne garder en haut que le titre et le vide, et faire descendre tout ce qui se presse, se bascule ou demande confirmation. Les marges latérales ne descendent jamais sous 24dp.
- Matière
- Arrondir généreusement les angles, de 12dp à 26dp environ. Le fond se choisit entre deux valeurs, #fafafa ou #000000, l'accent se limite à un seul bleu et aucune autre teinte n'entre dans l'écran.
- Précaution
- Poser une commande pressable dans la zone de lecture détruit la raison même du partage de l'écran, et il ne reste qu'une mise en page avec beaucoup de vide en haut.
- Pour approfondir
- the definition of the area split in the Structure chapter of the One UI Design Guidelines / the rule permitting different wording for an expanded heading and a collapsed one / how One UI borrows Android's colour category mechanism
Entrées liées
- Material Design (マテリアルデザイン)Effets partagés : Trust.Comparer One UI et Material Design
- Bento Grid (ベントーグリッド)Effets partagés : Trust / Intimacy.Comparer One UI et Bento Grid
Plus de Langages d'écran
Poursuivez avec des styles de Langages d'écran, classés par effets communs.
- GNOME Clearlooks (GNOME Clearlooks)Effets partagés : Intimacy / Trust / Calm.
- Adwaita (アドワイタ)Effets partagés : Calm / Trust.
- GOV.UK Design System (GOV.UK デザインシステム)Effets partagés : Trust / Calm.
Voir toutes les entrées Langages d'écran
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/one-ui
- Markdown
- [One UI — IndexStyle](https://indexstyle.org/fr/styles/one-ui)
- HTML
- <a href="https://indexstyle.org/fr/styles/one-ui">One UI — IndexStyle</a>