Fluent 2

フルーエント2 / 2022– / Estilo / Microsoft UI

Convierte en tokens el color, la tipografía, el espaciado, el radio y la profundidad, desplegando los materiales Solid, Acrylic, Mica y Smoke según su función en los productos de Microsoft.

Fluent 2 — interpretación generada por IA 1 — Interpretación generada por IA, no una obra de referencia

Fluent 2 — interpretación generada por IA 2 — Interpretación generada por IA, no una obra de referencia

Fluent 2 — interpretación generada por IA 3 — Interpretación generada por IA, no una obra de referencia

De un vistazo

Rasgos visuales

Mica y Acrylic
Jerarquía tonal neutra
Radios de esquina suaves
Profundidad tokenizada

Usos idóneos

Interfaces de trabajo que encajan en Windows y Microsoft 365 y que varios equipos deben mantener idénticas
Sustituir por fases un producto ya existente para que el tema y los estados sigan siendo coherentes entre productos

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: Define el tamaño de texto y el interlineado como tokens y no escribas valores directos en la pantalla
Composición: Fija los espaciados a múltiplos de un único valor base y guarda las variantes de densidad como tokens aparte
Material: Mica para el fondo de la ventana y Acrylic solo para superficies que aparecen de forma pasajera
Precaución: Haz que el desenfoque y la sombra respondan al papel de la superficie, al estado de la ventana y a los modos claro, oscuro y de alto contraste. Añadir colores y márgenes únicos en cada pantalla convierte el sistema que debía unificar en una cosa más que mantener.
Para profundizar: Fluent 2 / Acrylic / Mica / design tokens

Entradas relacionadas

Glassmorphism (グラスモーフィズム)Efectos compartidos: Calm.Comparar Fluent 2 y Glassmorphism
Material Design (マテリアルデザイン)Efectos compartidos: Trust / Technique.Comparar Fluent 2 y Material Design

Más de Microsoft UI

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

Metro (メトロ)Efectos compartidos: Technique / Trust.
Windows 95 Interface (Windows 95 インターフェース)Efectos compartidos: Trust / Technique.
Ribbon (リボン)Efectos compartidos: Trust / Technique.

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/fluent-design
Markdown: [Fluent 2 — IndexStyle](https://indexstyle.org/es/styles/fluent-design)
HTML: <a href="https://indexstyle.org/es/styles/fluent-design">Fluent 2 — IndexStyle</a>

Volver a su posición en el índice