Ribbon

リボン / 2007– / Mise en page / Microsoft UI

C'est un bandeau de commandes qui les range en une série d'onglets en haut de la fenêtre et remplace à la fois la barre de menus et les barres d'outils. Introduit avec Office 2007, il a reçu de Microsoft un vocabulaire officiel, onglets, groupes, onglets contextuels et galeries. Chaque commande porte un libellé et sa taille dépend de la fréquence d'usage.

Ribbon — Ruban de style Office 2007 et onglets contextuels — Wikimedia Commons / CC BY-SA 4.0 · © Halil Şimşek P
Ruban de style Office 2007 et onglets contextuels — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © Halil Şimşek P
Ribbon — Microsoft Word(オランダ語版)のリボン 2021年 — Wikimedia Commons / CC BY-SA 4.0 · © ChristiaanPR
Microsoft Word(オランダ語版)のリボン 2021年 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © ChristiaanPR
Ribbon — Microsoft Excel のリボンのグループ「Modificar」 2014年 — Wikimedia Commons / Public domain
Microsoft Excel のリボンのグループ「Modificar」 2014年 — Wikimedia Commons / Public domain

En un coup d’œil

Signes visuels

  • Un bandeau à onglets occupe en permanence le haut de la fenêtre, sur une hauteur fixée à 48 pixels
  • Le bandeau est découpé en groupes nommés, le nom de chaque groupe courant le long de son bord inférieur
  • Les icônes de commande existent en deux tailles, 32 par 32 et 16 par 16, et seules les commandes fréquentes prennent la grande et ouvrent le groupe
  • Des onglets contextuels colorés apparaissent selon le type d'objet sélectionné, et le nom de cet ensemble d'onglets se termine par Tools

Usages idéaux

  • Quand un logiciel de gestion aux dizaines de commandes doit réunir menus et barres d'outils sur une seule surface
  • Quand on conçoit un écran où l'on choisit en voyant d'abord le résultat, par galeries et aperçu instantané

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
Donne un libellé à chaque commande. L'icône seule ne convient que là où les commandes sont connues de tous.
Composition
Fixe le bandeau en haut et ne dépasse pas sept onglets. Fais du premier onglet Home celui qui rassemble les commandes fréquentes, puis découpe le bandeau en groupes nommés.
Matière
Dessine chaque icône en 32 par 32 et en 16 par 16, et réserve la grande taille aux commandes fréquentes. Choisis les vignettes des galeries parmi les formats qui tiennent dans les 48 pixels de hauteur.
Précaution
Se contenter de réorganiser les menus et les barres existants dans le bandeau ne fait qu'occuper plus de surface, sans apporter l'avantage de montrer d'abord le résultat.
Pour approfondir
why Office 2007 threw out the menu bar / the difference between contextual tabs and modal tabs / how key tips beginning with Alt narrow first to a tab and then to a command

Entrées liées

Plus de Microsoft UI

Poursuivez avec des styles de Microsoft UI, classés par effets communs.

Voir toutes les entrées Microsoft 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/ribbon-ui
Markdown
[Ribbon — IndexStyle](https://indexstyle.org/fr/styles/ribbon-ui)
HTML
<a href="https://indexstyle.org/fr/styles/ribbon-ui">Ribbon — IndexStyle</a>

Revenir à sa position dans l’index