深度：从 Office 365 新图标来看微软背后的设计新理念

开始表演

请关注我的公众号“寒树Office”来获取一些新鲜而有趣的新闻与知识，最近又有两家俱乐部上线了（东莞与长沙），俱乐部的活动告一段落，接下来的日子里我将持续与大家分享 Office 365 的精彩内容，这次很高兴与大家分享 Office 365 的新图标以及它们背后的故事。

今天（2019年3月11日）微软全面推送了 Office 365 新图标，而早些时候（一星期前）己有部分幸运儿己经收到了更新，亦或将通道改成“Dogfood”（“狗粮”是微软产品测试中的一个重要环节）来得到 Office 的早期预览版。后台回复“O365”，分享给你 SVG 格式的 LOGO 吧。

不过即便如此，默认情况下，还是需要多操作一步，才能提前体验到全新的 LOGO。

添加功能：选项-->快速访问工具栏-->添加” Office 预览体验计划“； 勾选体验：为我注册以获得提前体验 Office 新版本的资格； 选择级别：选择你的 Office 预览体验度划级别为“预览体验成员”； 勾选同意：我同意有关我参与此度早的条款和条件。

幕后推手

微软早在2018年底（11月30日），就宣布了 Office 365 新图标计划，直到今天方才正式落地。当时微软 Office 设计负责人乔恩.弗里德曼（Jon Friedman）就宣布，他正在考虑要重新设计 Office 365程序的图标，包括Word，Excel，PowerPoint，OneNote，Outlook，OneDrive，SharePoint。重新设计的图标是微软使Office成为协作套件平台的目标的一部分。

乔恩.弗里德曼是个优雅的帅哥，现任 Office 365 首席设计师。正是这个微软的老干部，主导了 Office 365 的视觉设计，带来了全新的人机交互理念，这是一种不同以往的操作模式。乔恩.弗里德曼表示建立一个通用系统并同时设计图标是一项艰巨的任务。现在他已经建立了这个系统，并将开始在整个微软中扩展它，这便是 Fluent Design 流畅设计风格。

流畅设计

Office 上一次 更换新图标还是在 2013 年的时候，整整跨越了15年。微软在 Build 2017 开发者大会上首次公布了 Fluent Design System（流畅设计体系）。Office Fluent Design 图标与历史版本的Office图标（Office 2003/2007/2010/2013）放在一起做一下比较，能明显地看出变化：

Office 365 最新 Logo 采用的 Fluent Design 流畅设计风格，是微软在设计风格上的一大进步。之所以称之为“Fluent Design的一大步”，是因为Office的跨平台通用性，会使Fluent Design设计走出Windows系统，跨入Mac OS、iOS、Android等平台。以下这些 Fluent Design 图标在PC、笔记本、平板、手机等平台的效果展示：

未来也将在所有微软服务中更新类似的图标，这是微软野心勃勃的一个全新视觉设计体系，包括五大核心元素：Light（光感）、Depth（深度）、Motion（动画）、Material（材质）和 Scale（缩放），能让你全方位感受到新视觉设计所带来的全新体验。了解更多：

https://developer.microsoft.com/en-us/windows/apps/design?ocid=cxfluent-getstartedfooter-devcenterappsdesign

设计理念

新的 Office 365 应用图标传递了三大思想：功能性、简洁性、智能化。

• 功能性：遵重历史并且基本保留 Office 的图标的历史，比如将字母和符号结合，图标之间既相互独立用相互配对，用形状原则来强调产品变化，每个图标都有独特并且易区分的符号，并且它们之间互相连接，在此基础上主导了新图标改进之；
• 简洁性：更加强调简洁，简洁和和谐则是视觉元素的关键，反应 Office 的直观和连接性。强烈的色彩依然时 Office 图标品牌的核心，新图标改进了调色板，使用了更大胆、更更轻、更友好的色调，体现出对 Office 发展历程的肯定。
• 智能化：以人为本，强调内容以及速度变化，增加了图标的深度。Office 365 增加大量智能化功能，在这一系列变化背后，实际上是一条人机交互设计理念Office 365 向云而生，人工智能在未来的版本叠代中将成为"关键先生"。

以 Office 套件中的 Word 图标为例来看一下变化，从进化来看 Word 2003 时有没有一种历史沧桑感，而 Word 365 强烈的现代感，对比非强烈：

• 缩减了字母占比：本次改变了字母与特征元素的比例，2007之前的版本中，字母占图标的三分之二，符号占三分之一。这次大大缩减了字母 W 的比例，着重强调特征元素，因为字母代表工具本身，特征元素更能表达人们的创造力。
• 移除了视觉边界：为了体现现代生活的变化，移除了视觉边界，本次以前的 Office 图标都有一个文本格式，而改版后，我们只强调内容 Word 图标专注于行内容，去掉格式边框。

再比如，Excel 图标最大的变化是去掉表单格式，专注单元格内容了。

关于智能

最新的图标设计，除去了功能性、简洁性，本次特别提出了智能化的理念。目前，已经超过 10 亿人使用 Office。Office 运行在不同的设备，不同的平台之上，为了拥抱变化，Office 已经正在成为一个实时的协作套件，并且也陆续加入了 AI 特性。为了支持这个不断变化的工作环境，Office正在转变为一个协作套件，让你几乎可以在任何设备上方便协作。我们把强大的人工智能技术应用到工具中：让你可以轻松获取对于数据的洞察能力，能使用语音写论文或者使用对于 Linkedin 的数据洞察力自动创建简历。更新的套件添加了全新的应用，可以进行人工智能会议和聊天服务的 Microsoft Teams（最近迷上了视频 + AI，这是一个非常赞的场景，美颜功能会有么，21v啥时有啊！）。总结起来，这是非常棒的一次更新，使得整个套件的体验非常无缝和流畅。出给希章老师打一个广告：如何加入Microsoft Teams 技术社区。

Office 365 增加大量智能化功能，在这一系列变化背后，实际上是一条人机交互设计理念：以人为本。为打造更好的"人工智能助手"（Office 智能服务），乔恩带领团队花费大量精力，通过积累和观察客户体验，提出了人机交互五大原则："以人为本"、"平衡智商与情商"、"尊重社会"、"尊重环境"和"与时俱进"。这些原则并不是一开始就确定下来的，而是一个历时五年得出的结果。