Ribbon

リボン / 2007– / Composición / Microsoft UI

Es una banda de órdenes que las dispone en una serie de pestañas en la parte superior de la ventana y sustituye a la vez a la barra de menús y a las barras de herramientas. Se introdujo con Office 2007, y Microsoft definió en sus directrices oficiales el vocabulario de pestañas, grupos, pestañas contextuales y galerías. Toda orden lleva rótulo, y su tamaño cambia según la frecuencia de uso.

Ribbon — Cinta de opciones al estilo de Office 2007 con pestañas contextuales — Wikimedia Commons / CC BY-SA 4.0 · © Halil Şimşek P — Cinta de opciones al estilo de Office 2007 con pestañas contextuales — 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

De un vistazo

Rasgos visuales

En lo más alto de la ventana vive una banda que cambia por pestañas, con una altura fija de 48 píxeles
La banda se corta en grupos con nombre, y el nombre de cada grupo corre por su borde inferior
Los iconos de las órdenes vienen en dos tamaños, 32 por 32 y 16 por 16, y solo las órdenes frecuentes toman el grande y abren el grupo
Según el tipo de objeto seleccionado aparecen pestañas contextuales de color, y el nombre de ese conjunto de pestañas termina en Tools

Usos idóneos

Cuando una aplicación de gestión con decenas de órdenes debe reunir menús y barras de herramientas en una sola superficie
Cuando se diseña una pantalla en la que se elige viendo antes el resultado, mediante galerías y vista previa en vivo

Usar este estilo

Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.

design.md prompt de imagen API JSON MCP y acceso automático Combinar

abrir en ChatGPT abrir en Claude abrir en Google AI

Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas

Entrada del diccionario

Tipografía: Pon rótulo de texto a todas las órdenes. Deja los iconos solos únicamente donde las órdenes son conocidas por todos.
Composición: Fija la banda arriba y no pases de siete pestañas. Haz que la primera sea Home y reúne allí las órdenes frecuentes, y corta la banda en grupos con nombre.
Material: Dibuja cada icono a 32 por 32 y a 16 por 16, y da el tamaño grande a las órdenes frecuentes. Elige las miniaturas de las galerías de la banda entre medidas que quepan en los 48 píxeles de altura.
Precaución: Limitarse a reordenar los menús y las barras existentes dentro de la banda solo aumenta la superficie ocupada y no da la ventaja de mostrar antes el resultado.
Para profundizar: 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

Entradas relacionadas

Aero (エアロ)Misma familia: Microsoft UI.Comparar Ribbon y Aero
Windows 95 Interface (Windows 95 インターフェース)Misma familia: Microsoft UI.Comparar Ribbon y Windows 95 Interface

Más de Microsoft UI

Continúa con estilos de Microsoft UI, priorizados por sus efectos compartidos.

Fluent 2 (フルーエント2)Efectos compartidos: Trust / Technique.
Metro (メトロ)Efectos compartidos: Technique / Trust.
Luna (ルナ)Efectos compartidos: Trust.

Ver todas las entradas de Microsoft 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/ribbon-ui
Markdown: [Ribbon — IndexStyle](https://indexstyle.org/es/styles/ribbon-ui)
HTML: <a href="https://indexstyle.org/es/styles/ribbon-ui">Ribbon — IndexStyle</a>

Volver a su posición en el índice