图标还能怎么玩?微软官方分享背后的设计思路

2021-09-22 PM 03:09.来自UI中国

(阅览)Read 3466

(调整字号)Size

16px 14px 12px

距上一次微软Office的设计更新还是在2013年的时候,那时“自拍”这个词才刚成为牛津词典的年度热词,Emoji表情也才刚刚流行起来...

显然从那之后,世界又发生了翻天覆地的变化,人们的工作方式也随之改变:在这信息爆炸的时代,人们工作环境中也充满了干扰因素。

如今全球超过10亿人都在使用Office,面对这不断改变的工作方式,Office正逐渐转变为一个协作生态系统,让你可以使用任何设备随时随地协同办公:

比如你可以在Office中获得智能数据分析、用声音来写论文、用你领英(LinkedIn)里的动态制作简历等等。

而Office图标作为这一切的标志,为了更好地向用户展现这些重大的产品变化,我们对Office图标进行了设计重塑。

以下我们很高兴与大家分享,Office 365新图标的设计与背后的故事。



一、延续品牌理念


Office的发展历史为我们的设计决策提供了方向指引。

鲜艳的色彩表现一直都是Office的品牌核心之一,所以这次新图标的设计采用了更大胆、明亮且友好的色调,在区分不同软件的同时为它们创造个性,这也是对Office品牌理念的一种延续。

在新设计中,我们运用格式塔原则来突出表现产品功能的关键变化。虽然不同的Office软件都会有不同的图标设计,但我们用简洁和谐的主视觉元素将这些图标串联起来,并保持统一的设计语言。



二、跨平台&跨时代的视觉系统


今天我们的用户覆盖了五个不同时代的人群,他们会在多个平台和设备上使用Office软件。我们希望用一种设计语言,让不同时代的群体产生情感上的共鸣,并让不同平台的软件接力体验更加顺畅。

所以我们在新设计中,把原本图标中的缩写字母和图形进行拆分、变成两个独立层级的面板,在实际应用的时候可以根据具体的场景进行分离或合并。

同时我们为这两个面板增加了厚度和纵深感,让它们以3D的形态碰撞出新的火花。这种灵活的视觉组合,也是我们在延续经典的同时做的一个小小的创新尝试。



三、以人为本 内容优先


我们生活在一个快节奏的互联时代。Office希望人们能更便捷地表达想法和协作,并在办公中能保持专注。

所以在这次新图标设计中,我们去掉了图标的边框,并将图形部分抽象化(如以前的Word文档图标中会包含文字行、Excel表格图标中会包含表格等具象元素,但新版的图标只会用抽象的色块来表达),以此来模糊不同软件之间的边界。

同时,新图标调整了其中缩写字母和图形间的比例。相比旧版,新版图标放大了图形的比例。

因为图标中的缩写字母代表工具,图形部分代表用户的创作,以此来强调人们创作的内容。

最近,微软团队陆续推出的新表情、新图标、新字体等设计都为行业带来不少新的启发。


0371/8622 0001

weekdays :   -am. 09:00-11:30
-pm.14:00-18:30 Open Hours

中国郑州 郑东新区金水东路与中兴路交汇处楷林IFC /A座 -17F-1713

Room1713 Building A,Kineer IFC,JinShui East Rd.
Zhengdong New Area,Henan,China