Windows新Logo偷跑，图标大更新，Fluent Design可算来了。

早啊各位！

上周五的时候微软Office设计团队的老大(Jon Friedman)在Medium.com发表了一篇文章，讲了微软正在重新设计全公司100多个应用图标，并预告了几张宣传图，展示了全新的颜色，材质和成果，原文见下面链接：

------------------------------------------

The Icon Kaleidoscope 

https://medium.com/microsoft-design/the-ripple-effect-expanding-our-icon-design-system-74b4d916b7a4

------------------------------------------

工作的关系，我对大厂的设计语言(Design language system)一直保持很密切的关注。从2017年微软发布Fluent Design以来，我就很看好这个很复杂又好像什么都没说的设计语言Fluent Design

但是转眼就2020年了，Fluent Design指导下的视觉设计产出整案少之又少，上文提到的Office的设计老大可能算是最积极的推动者了，Office全系的图标目前已经已全新的面貌出现在用户面前。这次Jon Friedman带来了100多个图标的预览展示，让我们可以真正的看到微软自己是如何在视觉设计上诠释Fluent Design的。

微软的脚步一直很慢，但不影响它稳固向前。

------------------------------------------

后面我会写一篇文章聊聊微软的Fluent Design，谷歌的Material Design、苹果的人类用户界面指北，它们之间有什么故事以及这些设计指引该怎么理解，如果你感兴趣，欢迎关注公众号：NessDesign

------------------------------------------

言归正传，先看看这波图标展示图：

「为三维设计意味着从三维开始」

很多图标从构建开始就是有Z轴的，不再是平面设计再加立体感，这也让设计结果看上去就和现在的“立体感”图标有着本质的不同：

1. 统一的材质让写实和抽象的图形，在风格上可以保持一致。

「从Windows实用程序图标到Microsoft Dynamics中的混合现实图标，所有的新图标都是用相同的布料剪裁而成的。」

如何在写实和抽象中间找到平衡？这次微软用的是材质，相同的材质，让写实和抽象在视觉维度上达成了统一。

2. 颜色和图形

「丰富的渐变，柔和的曲线和流畅的跃层将Edge和Office徽标相互连接，并将其余图标相互连接。」

微软用统一风格的颜色和曲线图形将不同的图形连接到一起，维系视觉上的统一。

总结一下

三维设计、布料质感、色块渐变和柔和曲线四个要素构成了这次图标改版一致的视觉风格:

哎？说好的windows新Logo呢？

偷跑的Windows新Logo就藏在上图中：

给它做了个复原和对比：

在保留品牌图形的前提下，把边缘锐利的直角换成了圆角，原本单一的颜色换成了同色渐变色块，每个色块隐约的有一些从左上到右下的渐变来诠释布料质感。三维设计、布料质感、色块渐变和柔和曲线四个要素一个不少。

Jon Friedman 上次爆料Office图标更新，距离后来产品上线大概间隔了3个月，设计方案也还会有细微的调整。这次爆料的图标什么时候能正式和用户见面呢，我相信也不远了。

------------------------------------------

这个公众号会更新一些我觉得对各位有用的信息，大部分是和设计相关，也会有一些其他有趣内容，公众号的Slogan我只想好了前半句，有趣的设计千篇一律，到底是什么万里挑一，还没想好，咱们聊边想吧。

预告一下后面要写的文章，

1. 有一篇关于实现自我价值的干货文章，帮你抛开理想和大饼，单纯聊聊怎么提高收入。

2. 关于各大厂设计语言(Design language system)的幼儿园解读。

3. 关于潘通（Pantone）年度颜色的文章，为什么它说流行就能流行？

如果你感兴趣，欢迎关注公众号：NessDesign

------------------------------------------