Metro
メトロ / 2010–2015 / 风格 / 微软 UI
Windows Phone 提出的扁平语言，主角是文字而非图标。巨大的字体排印、平涂色的动态磁贴与冲出屏幕边缘的构图，把交通标识的明快移植进界面，早于 iOS 7 开启了扁平时代。
快速判断
视觉特征
- 以文字为主角
- 纯色磁贴
- 延伸出屏幕的构图
- 取消界面装饰框
适用场景
- 做罗列新闻或天气的仪表盘，不靠边框也能分得清
- 室内的指引标识和数字看板，要在远处一个词就读到
使用这一风格
把简短指引带入项目，或将结构化规格交给AI工具。
详细方法与出处制作规则、真实案例、比较、研究与引用格式
辞典词条
- 字体
- 标题取正文的五倍以上，放到巨大也保持细的字重
- 版面
- 标题流出画面之外，磁贴只用大小两种矩形来拼
- 材料
- 不用阴影也不用边框，底色非黑即白，色块用高饱和的单色
- 注意
- 边框和阴影都拿掉之后，能按的磁贴和单纯的标题就分不出来了，用户会拿不准该点画面的哪里
- 延伸阅读
- from Zune HD to Windows Phone 7 / the transit-signage influence behind the name / the inheritance into Fluent
相关词条
- Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)共同感受：Trust。比较Metro与Flat Design / Vector Minimalism
- Swiss (スイス・スタイル)共同感受：Trust。比较Metro与Swiss
常被混淆的对象
继续浏览微软 UI
从微软 UI中按共同感受优先推荐以下词条。
- Fluent 2 (フルーエント2)共同感受：Trust / Technique。
- Windows 95 Interface (Windows 95 インターフェース)共同感受：Trust / Technique。
- Ribbon (リボン)共同感受：Trust / Technique。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- Link
- https://indexstyle.org/zh/styles/metro
- Markdown
- [Metro — IndexStyle](https://indexstyle.org/zh/styles/metro)
- HTML
- <a href="https://indexstyle.org/zh/styles/metro">Metro — IndexStyle</a>