Metro

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

Le langage plat de Windows Phone confiait le premier rôle au caractère plutôt qu’à l’icône. Grande typographie, tuiles dynamiques en aplats et compositions qui filent hors de l’écran ont transplanté dans l’interface la clarté de la signalétique des transports, ouvrant l’ère du flat avant iOS 7.

Metro — interprétation générée par IA 1 — Interprétation générée par IA, pas une œuvre de référence

Metro — Écran radio du Microsoft Zune HD — Wikimedia Commons / CC BY-SA 2.0 · © Manimecker — Écran radio du Microsoft Zune HD — Wikimedia Commons / CC BY-SA 2.0 · CC BY-SA 2.0 · © Manimecker

Metro — Écran de tuiles de Microsoft Windows Phone 7 2010 — Wikimedia Commons / CC BY 2.0 · © Microsoft Sweden — Écran de tuiles de Microsoft Windows Phone 7 2010 — Wikimedia Commons / CC BY 2.0 · CC BY 2.0 · © Microsoft Sweden

En un coup d’œil

Signes visuels

La typographie en héros
Tuiles en aplats de couleur
Compositions filant hors champ
Le chrome éliminé

Usages idéaux

Tableaux de bord listant l'actualité ou la météo, distingués sans le moindre filet
Signalétique intérieure et écrans qui se lisent de loin en un seul mot

Utiliser ce style

Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.

design.md prompt d’image API JSON MCP et accès machine Composer

ouvrir dans ChatGPT ouvrir dans Claude ouvrir dans Google AI

Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations

Entrée du dictionnaire

Typographie: Des titres au moins cinq fois le corps du texte, agrandis sans jamais épaissir
Composition: Des titres qui sortent de l'écran, des tuiles faites de deux tailles de rectangle
Matière: Ni ombre ni filet, fond noir ou blanc, aplats de couleur très saturée
Précaution: Une fois filets et ombres retirés, la tuile cliquable ne se distingue plus d'un simple titre, et l'utilisateur hésite sur l'endroit où toucher
Pour approfondir: from Zune HD to Windows Phone 7 / the transit-signage influence behind the name / the inheritance into Fluent

Entrées liées

Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)Effets partagés : Trust.Comparer Metro et Flat Design / Vector Minimalism
Swiss (スイス・スタイル)Effets partagés : Trust.Comparer Metro et Swiss

Souvent confondu avec

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

Plus de Microsoft UI

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

Fluent 2 (フルーエント2)Effets partagés : Trust / Technique.
Windows 95 Interface (Windows 95 インターフェース)Effets partagés : Trust / Technique.
Ribbon (リボン)Effets partagés : Trust / Technique.

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/metro
Markdown: [Metro — IndexStyle](https://indexstyle.org/fr/styles/metro)
HTML: <a href="https://indexstyle.org/fr/styles/metro">Metro — IndexStyle</a>

Revenir à sa position dans l’index