惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
IT之家
IT之家
博客园_首页
博客园 - 【当耐特】
V
V2EX
Apple Machine Learning Research
Apple Machine Learning Research
G
Google Developers Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Recent Announcements
Recent Announcements
F
Fortinet All Blogs
GbyAI
GbyAI
腾讯CDC
H
Hackread – Cybersecurity News, Data Breaches, AI and More
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
I
InfoQ
H
Help Net Security
T
Tailwind CSS Blog
B
Blog RSS Feed
Martin Fowler
Martin Fowler
人人都是产品经理
人人都是产品经理
The Cloudflare Blog
博客园 - 叶小钗
雷峰网
雷峰网
量子位

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
UX | 微软的设计变革之路 - 少数派
2017-05-14 · via 少数派

在 Build 2017 上,微软发布了全新的设计语言 「Microsoft Fluent Design System」,整合了苹果标志性的毛玻璃特效和谷歌 Material Design 的 Layers 和波纹动效等设计语言,并在现有的 Windows 10 设计风格基础上做出了更为整体的规范。

Microsoft Fluent Design System
Microsoft Fluent Design System

可以预见,在接下来发布的 Windows 升级中,会有越来越多的内置应用,乃至第三方程序会用上这份新鲜出炉的「行动指南」。不过在一切还都含苞待放之际,不如先来一粒时光药丸,回顾一下微软的 GUI 设计变革之路。

首先,请允许我按照惯例吐槽一下历代微软设计风格的名字,以及微软名震四方的「改名部」。

其实最早,「毛玻璃」特效第一次进入大众视野是在短命的 Windows Vista 中,算是微软现代设计语言的先驱。那时候,这个特效叫「Aero Glass」,不过与后来苹果的「毛玻璃」特效不同,「Aero Glass」有着更低的模糊半径和装饰性的高光效果,更接近物理上的「玻璃」,属于拟物风格时代的产物。

Windows VIsta 界面
Windows VIsta 界面

随之而来的是微软在移动端 UI 界面上最激进也最具争议的变革,WP7。 WP7 完全抛弃了 Windows Mobile 6.5 时期的「类 Windows XP」桌面端的 UI 设计风格,也没有尝试借鉴 WM 时代最具代表性的 htc UI 设计风格,采用了大色块+单色图标的「田」字形布局的全新设计语言「Metro UI」。此时,桌面端 UI 也迎来了与之呼应的 WIndows 8,和有史以来最失败的 Windows 产品,Winodws RT。不可否认,微软尝试统一移动端和桌面端视觉设计的决心和勇气很令人钦佩,「动态磁贴」的设计理念也很有前瞻性,iOS 时钟就借鉴了这种设计理念。

Windows Mobile 时期设计风格
Windows Mobile 时期设计风格

从交互设计角度来说,WP7最具争议的设计就是杂糅的主屏信息和低空间利用率。首先,为了突出「图标即内容」的「动态磁贴」设计理念,大量信息被融合在「田」字布局的主界面里,而本该快速传递信息顶部状态栏被过度简化,只有在下拉菜单中才能显示更为全面地系统信息,增加了用户使用成本。其次,长驻的右侧空白大大降低了主屏空间利用率,使得主屏内容被硬生生压缩,过大的「动态磁贴」也在无信息显示状态时大量占用了主屏空间,频繁的上下滑动操作也降低了用户使用效率。

WP7 发布之初引起巨大争议
WP7 发布之初引起巨大争议

在随后更新的 WP8 版本中,右侧箭头被取消,主屏内容铺满整个屏幕,增多了「动态磁贴」的大小选择,添加了「文件夹」功能。其实对于首屏应用的文件夹,个人觉得微软对于这个功能的犹豫:收入文件夹表示这个应用不再处于首屏,不能及时显示内容更新,但应用文件夹又是苹果和安卓阵营里非常常见且为用户熟知乐见的功能,所以归根到底,微软在「图标即内容」的设计理念上的不成熟所致。

变革时期的不成熟不仅表现在设计理念上,WP8 升级之时完全抛弃 WP7 的做法,和 Windows Mobile 升级 Windows Phone 之时也被完全放弃的做法如出一辙,微软激进而生硬的改革之路从来充满争议。

WP8 移除了箭头,显示内容做出调整,铺满首屏
WP8 移除了箭头,显示内容做出调整,铺满首屏

与此同时在桌面端,更大的争议同时降临。为了追求视觉风格的一致性,微软激进地引入了全新的开始菜单:铺满整个屏幕的「动态磁贴」。从设计理念上,这是一个正确的方向:各屏幕视觉风格的一致性能使用户无缝享受设备间的整体服务。但是一致不代表一样,尤其对于习惯于鼠标指针+滚轮的 Windows 桌面用户来说,从 Windows 7 时代的「点击,桌面左下角小范围移动鼠标,滚轮操作」到「点击,全屏移动鼠标」,增大了用户使用成本,降低了鼠标操作效率,随后作为补充的「按字母顺序排列图标」也不但没有增加效率,反而使得用户要在整个屏幕搜寻目标应用,在用户体验上是一项倒退。同时,此时期发布的 Windows RT 只能下载 Windows Store 应用,却无法摆脱传统桌面资源管理器界面的束缚,迫使用户不断在两个设计风格和使用场景完全不同的页面间切换,成了最令人困惑的「四不像」,是微软「扁平化」改革彻底的牺牲品。


极富争议的 Windows 8 开始界面
极富争议的 Windows 8 开始界面

在随后而来的大版本更新中,Windows 10回归到 Windows 7时代的开始菜单,同时保留了「动态磁贴」的设计理念,仿佛是两个方案的折衷品,也是微软设计变革之路艰难前行的见证。在移动端,Windows Phone 10 带来的更多是功能上的改进,设计风格趋于稳定,但这仍然不能掩盖微软已经错过了移动端 OS 厮杀的机会。

Windows 10 菜单回归
Windows 10 菜单回归

热门应用的缺位和简陋的功能使 WP10 在与 iOS 和 Android 的较量中败下阵来
热门应用的缺位和简陋的功能使 WP10 在与 iOS 和 Android 的较量中败下阵来

在 Build2017 开场的演讲中,微软现任 CEO 纳德拉重新定义了微软的核心战略,不再是「移动为先,云为先」,而是「智能云+智能终端 (Intelligent Cloud & Intelligent Edge)」,似乎从侧面印证了微软在移动端的失败,同时也视为对谷歌,苹果,甚至是亚马逊在人工智能战场上的宣战。
在 Build2017 的第二天,微软宣布了自己「全新的」设计语言「Fluent Design System」,证实了传闻中的 acrylic (亚克力)特效。人们可能更熟悉它在在开发者版本中的名字 Project Neon。
从目前少数已经释放的官方应用和宣传视频中,我们看到了很多谷歌和苹果设计风格中似曾相识的元素,不过更有理由相信,微软的 FDS 不仅是图形用户界面(GUI)的设计规范,而是庞大的微软产品线和服务线的逻辑整合,包括个人用户和企业用户,语音交互,图形界面,以及微软引以为傲的 Mixed Reality 下一代用户交互界面。

FDS 诣在整合微软庞大的产品线
FDS 诣在整合微软庞大的产品线

最后一张图,委婉地表达了 Windows Phone 的命运。也意味着,微软要把 FDS 带到 iOS 和 Android上来,通过自己的应用和服务。

Windows PCs love all your devices
Windows PCs love all your devices

本文首发于 DesignExperiencer 公众号