当前位置:首页 » 特别策划 » 品牌故事 »

从单色像素到丰富质感,微软 PowerPoint 图标的设计故事

9.7K 5 1 小程序阅读
微信扫一扫,打开小程序阅读、分享本文

上周,微软宣布推出Microsoft 365 应用来取代 Office 移动应用程序。可以将 Microsoft 365 理解为一种订阅服务,可确保用户随时拥有 Microsoft 推出的最新现代化生产力工具。

从单色像素到丰富质感,微软 PowerPoint 图标的设计故事

PowerPoint 是微软公司开发的演示文稿程序,是 Microsoft Office 系统中一个重要的组件。PowerPoint 是全世界使用最广泛的演示工具。有数据表明,这款所向披靡的演示工具已经安装到全球10亿多台电脑上,每天制作的PowerPoint演示文稿达到惊人的3000万份。

本文从 PowerPoint 诞生之初使用的 16×16 像素的单色图标到今天的全彩 3D 立体图标为主,观察 PowerPoint 图标的演变过程,从而注意到技术是如何发展的,以及不同年份与平面设计相关的内容。

从单色像素到丰富质感,微软 PowerPoint 图标的设计故事

PowerPoint 图标的演变。图片作者:Vlad. Bugae

1987–1990:白手起家

PowerPoint 1.0于1987年于苹果麦金塔电脑(一般指Mac)上发行。该软件一开始只有黑与白,只为透明投影幻灯片产生文字与图形页。因此,PowerPoint 的图标显示了一只即将画东西的手。在第二个版本中,白色的方块已经改成了纵横比为 4:3 的幻灯片,但图标依然是黑白色的。

1993-1998: 独具一格的九十年代

在当时的技术允许的范围内,从3.0版本开始,PowerPoint 的图标设计逐步增添了紫色和蓝色等颜色。整个九十年代,蓝色(#0000FF)、紫红色(#FF00FF )、青色(#00FFFE)和红色(#FF0000 )四种颜色是 PowerPoint 的图标的核心颜色。紧接着,图标上的元素开始变得繁杂了起来,包括增加产品名称的首字母或非常具象的图形符号。

从单色像素到丰富质感,微软 PowerPoint 图标的设计故事

微软 Microsoft Office 95

1999–2011:想舔一口的强烈质感

从单色像素到丰富质感,微软 PowerPoint 图标的设计故事

PowerPoint 2007 macOS 图标

随着新千年的到来,Mac 和 PC 版本的 PowerPoint 开始看起来有所不同。在Mac 平台上,图标开始逐步向高光、阴影、体积、透明度的方向发展。简单来说,就是拟物化。拟物化是苹果公司电脑和手机产品的一种界面风格,是在二维屏幕上将界面元素绘制出逼真的三维效果,为用户带来与众不同的视觉体验。

从单色像素到丰富质感,微软 PowerPoint 图标的设计故事

适用于 macOS 的 Microsoft Office 2011(图上)和适用于 Windows 的 Microsoft Office 2010(图下)

在 PC 上残酷的极简主义依然盛行。不过从2003年开始,图标中也开始出现投影。在2007至2011这四年里,微软设计师发现了圆角。并将 Microsoft Office 的所有产品图标的左上角改成圆角,这种不对称的设计看起来还不错,与界面的圆角完美地融合在了一起。

从单色像素到丰富质感,微软 PowerPoint 图标的设计故事

Microsoft PowerPoint 2010 和 Windows 7

2013-2015:丑但统一

2013 年,Anroid 和 iOS 版本的 PowerPoint 发布,微软开始寻找一种新的设计方案让其所有的产品具有统一的视觉外观。2015 年,Office for Mac 发布后微软从头开始重写,把Mac 的图标与 PC的图标统一起来,但是Mac仍然是拟物化的,而 PC 是平面的。

从单色像素到丰富质感,微软 PowerPoint 图标的设计故事

适用于 macOS(图上)和 Windows (图下)的 Microsoft Office 2016

2016-2022:塑料世界到来

从单色像素到丰富质感,微软 PowerPoint 图标的设计故事

2017年5月11日,微软发布了全新界面设计系统 Fluent Design System。这是一次全面的,所有系统的统一。图标系统开始专注于材料和现实世界的物理表现形式发展。

从30多年的微软图标演变中,我们可以发现,越接近现代,其标志图形的设计越抽象,执行起来更加灵活。也可以说这就是平面设计的普遍趋势。

从单色像素到丰富质感,微软 PowerPoint 图标的设计故事

Microsoft Office 毛玻璃图标合辑,作者:Vlad. Bugaev

微软Office for Mac 2011新Logo

微软曝光Office15版本新logo

Microsoft 365应用取代 Office 应用,推出全新品牌图标

  • 标签: ####
  • 撰写评论

    您必须 [ 登录 ] 后才能发表评论!没有帐号? 点击注册