言焦焦

Office图标的更新频率实在是不高,上一次更新我都不记得是什么时候了,但它的每一次更新都是一个流行趋势的代表,以Word图标的更新轨迹就能看出来,仔细看这些风格是不是都是那些曾经流行的趋势(写实的玻璃质感到扁平的简洁风格等等)?

那这次更新会不会引领一股设计风潮呢?让我们拭目以待~

Ps:最近几天也看到网上不少关于此次Office图标更新的一些分析,我觉得也都挺好。不过,我们还是来看看Office设计总监对这次更新是怎么说的吧~

 

以全新的Office图标风格来迎接工作的新时代

Redesigning the Office App Icons to Embrace a New World of Work

我们最后一次更新Office的图标是在2013年,那一年,“自拍”这个词还是牛津词典的年度热门词汇,用emojis表情都会被认为是时髦的代表。

显然,从那以后发生了太多的变化,包括人们做事的方式。

现如今,来自不同行业,不同地区和不同年龄层的10亿多人在不同平台和设备上使用Office。他们在比以往任何时候都要快的节奏里,需要更多协作,更多专注力的环境中工作。

为了支持这个不断变化的工作环境,Office正在转变为一个协作套件,让你几乎可以在任何设备上方便协作。我们把强大的人工智能技术应用到工具中:让你可以轻松获取对于数据的洞察能力,能使用语音写论文或者使用对于Linkedin的数据洞察力自动创建简历。我们还为这次更新的套件添加了全新的应用,例如可以进行人工智能会议和聊天服务的Microsoft Teams。总结起来,这是非常棒的一次更新,使得整个套件的体验非常无缝和流畅。

为了让我们的用户能够直观的感受到变化,我们优化了Office的图标,用来同步这些重大的产品变化。今天,我们很高兴与大家分享Office 365的新图标以及它们背后的故事

新版Office图标宣传片《new icons for Office 365》

 

精心设计的图标,致敬经典,迎接未来

设计之初,我们就拥抱了Office悠久的历史,并作为设计决策的重要参考。鲜明的色彩一直是Office品牌的设计核心,新的图标优化并升级了原有的配色。以颜色来区分不同应用并同时创造了独有的个性,对于新的图标,我们选择了更大胆,更轻盈,更友好的色调,同时也向Office的发展历程致敬。

我们还使用格式塔原则进一步强调了产品的关键变化。简单,和谐是Office软件统一,直观的关键视觉元素。虽然每个图标都有一个独特的、可识别的符号,但是相互之间又能保持一致性。

 

灵活的可视化系统,可跨平台、设备和世代

今天在使用这套软件的用户涵盖了五代人,他们在多个平台和设备上使用Office,在工作,家庭和一些更复杂的环境中使用Office。我们想要一种视觉语言,能够在不同的世代之间产生情感共鸣,也能够在不同的平台和设备上工作,还能够与当今实际生产力的工作效率相互配合。

我们的设计解决方案是将图标中的字母和符号分离,本质上是创建了两个层(一个用于放字母,一个用户放符号),我们可以对它们进行组合和拆分。这让我们在保证熟悉的同时仍然保持应用的简洁。

将图标分为两个层还增加了深度,从而在3D环境中创造了新的设计机会。通过这个灵活的系统,我们既延续了原有设计的活力,同时又实现了新的突破。

 

以人为本的设计,强调内容,反映现代的生活节奏

我们都知道现代生活节奏非常快,相互之间的联系也更为紧密,而我们都置身其中。Office通过使软件能够更加流畅,更简单的表达想法,提高专注力和流动性来顺应这种变化。这就是为什么Office应用可以组合在一起,让用户能够在Teams或者Outlook中的对话旁边直接打开PPT或者Excel。

为了在图标中反映这一点,我们消除了视觉边界:传统的工具模式图标。比如在以前的Office图标有Microsoft Word的文档大纲和Excel的电子表格大纲,现在我们显示Word的文本行和Excel的单个单元格。通过关注内容而不是任何特定的格式,使得这些图标更能体现它们所代表的应用特点。

与此同时,我们改变了字母与特征元素的比例。在之前的版本中,字母占图标的三分之二,符号占三分之一。这次更新,我们改变了这个比例,着重强调特征元素,因为字母代表工具本身,特征元素更能表达人们的创造力。

我们的新图标将在未来几个月开始在移动端和网页上的各个平台上推出。它们是许多迭代、大量研究和测试以及大量加班的结果,它们是我们持续前进路上的一部分。

 

原文地址:medium

译文地址:彩云译设计(公众号)

作者:Jon Friedman

译者:彩云Sky

转载请注明:学UI网 » 超过10亿人使用的Office,迎来2019年全新图标设计!

登录收藏
 
你可能喜欢的:
设计的基础是把轮廓做好看设计的基础是把轮廓做好看
海报小程序设计如何联动社群营销海报小程序设计如何联动社群营销
想让人瞬间觉得你设计专业?一个案例告诉你想让人瞬间觉得你设计专业?一个案例告诉你
用户说的都是真的吗?这些陷阱要避开用户说的都是真的吗?这些陷阱要避开
如何让按钮设计的更迷人如何让按钮设计的更迷人
8个常见的研究者认知偏误陷阱8个常见的研究者认知偏误陷阱
产品设计中心理学的应用产品设计中心理学的应用
交互设计师量化体验的“方法宝典”-上交互设计师量化体验的“方法宝典”-上
移动应用框架部分的学习思考移动应用框架部分的学习思考
如何简化你的设计如何简化你的设计