Metro

メトロ / 2010–2015 / Estilo / Microsoft UI

El lenguaje plano de Windows Phone dio el papel protagonista a la tipografía en lugar de a los iconos. Tipografía grande, live tiles de color plano y composiciones que se salen del borde de la pantalla trasplantaron a la interfaz la claridad de la señalética de transporte, y abrieron la era flat antes que iOS 7.

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

Metro — Pantalla de radio del Microsoft Zune HD — Wikimedia Commons / CC BY-SA 2.0 · © Manimecker — Pantalla de radio del Microsoft Zune HD — Wikimedia Commons / CC BY-SA 2.0 · CC BY-SA 2.0 · © Manimecker

Metro — Pantalla de mosaicos de Microsoft Windows Phone 7 2010 — Wikimedia Commons / CC BY 2.0 · © Microsoft Sweden — Pantalla de mosaicos de Microsoft Windows Phone 7 2010 — Wikimedia Commons / CC BY 2.0 · CC BY 2.0 · © Microsoft Sweden

De un vistazo

Rasgos visuales

La tipografía como protagonista
Tiles de color plano
Composiciones que desbordan la pantalla
El chrome eliminado

Usos idóneos

Paneles que listan noticias o el tiempo y se distinguen sin una sola línea de marco
Señalización interior y pantallas que se leen de lejos con una sola palabra

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: Titulares al menos cinco veces el cuerpo del texto, agrandados sin ganar peso
Composición: Titulares que se salen de la pantalla y mosaicos hechos solo de rectángulos grandes y pequeños
Material: Sin sombras ni marcos, fondo negro o blanco y superficies planas de color saturado
Precaución: Al quitar marcos y sombras desaparece la diferencia entre un mosaico pulsable y un simple titular, y el usuario duda dónde tocar
Para profundizar: from Zune HD to Windows Phone 7 / the transit-signage influence behind the name / the inheritance into Fluent

Entradas relacionadas

Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)Efectos compartidos: Trust.Comparar Metro y Flat Design / Vector Minimalism
Swiss (スイス・スタイル)Efectos compartidos: Trust.Comparar Metro y Swiss

Se confunde a menudo con

Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)comparar

Más de Microsoft UI

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

Fluent 2 (フルーエント2)Efectos compartidos: Trust / Technique.
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/metro
Markdown: [Metro — IndexStyle](https://indexstyle.org/es/styles/metro)
HTML: <a href="https://indexstyle.org/es/styles/metro">Metro — IndexStyle</a>

Volver a su posición en el índice