微软重新设计Office应用图标,从移动和网页端开始推广

2018-11-3014:13:42UI设计Comments2,615 views字数 969阅读模式
微软重新设计Office应用图标,从移动和网页端开始推广

微软重新设计了Office的应用图标,在接下来的几个月里,这些图标将从移动端和网页端开始陆续推广至各大平台。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html

距离Office图标的最近一次更新还是在2013年,那时鲍尔默时代的产物,那时微软还在纠结是否在手机系统继续下注,而Windows部门在微软的地位看起来无可撼动,现在一切都变了,微软成了一家“云”公司。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html

微软重新设计Office应用图标,从移动和网页端开始推广文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html

新图标强调了每个Office应用的字母,看仍然令人熟悉。“我们的设计方案是将图标中的文字和标志性图案分离开来,从根本上来说就是创建两个独立的面板(其中一个面板用于展示文字,而另一个则用于展示标志性图案)。”负责新设计的Jon Friedman解释称,“如此一来我们既可以将这两个面板分开,也可以将它们融为一体。这样的设计方案不仅保留了原有图标的熟悉感,同时也能体现软件固有的简易性。”也就是说,人们仍然能很方便地认出原有的应用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html

对于新图标,微软还调整了文字与图案之间的比例。在旧图标上,文字占据了2/3的空间,图案则是1/3。新图标通过空间占比的调整以突出图案,Jon Friedman解释因为文字只是代表了工具本身,但图案则更能体现人的创造力。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html

微软重新设计Office应用图标,从移动和网页端开始推广文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html

对于Office服务的数百万用户来说,识别度非常重要。这也不难解释OneDrive和Skype为何没有保持与Word们类似的外观。OneDrive的标识依旧是一朵“云”,配以交错的蓝色。而Skype还是经典的蓝色带有S徽标的呼叫按钮形状。至于传统的Office套件,Excel的正方形图标代表电子表格、PowerPoint则是饼图、Teams就是有卡通化的人形轮廓等等,这都是强调着Office的协作特质。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html

对于新图标颜色的选择,微软选用了淡雅、友好的色调,并解释为向Office的演进历程致敬,并采用格式塔原则进一步强调主要的产品变革。整体来看,微妙的颜色变化使Office的外观和感觉现代化,对于横跨多平台的Office来说,有着一定程度提高效率和用户体验的意义。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html

微软重新设计Office应用图标,从移动和网页端开始推广文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html

Office图标只是微软对旗下产品整体设计变动的一部分,该公司正在其他地方对Office进行一些细微的更改,简化其功能区界面,并将其“Fluent Design”设计语言从Windows向Office迁移。软最受欢迎的移动应用程序之一Outlook Mobile也即将通过共享邮箱支持和帐户和文件夹的新手势进行重大设计改造。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/8451.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/ui/8451.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定