新版Office 到来之前，来回顾下这12个历史版本设计

这几天设界的事就 Office 图标新了。

微软前几天发布了 Office 套全新图标设计，整体色彩加丰富。每种图标同一主题色下包含了阶梯渐变，显得加具感动态，表了 Office 未云端化、智能化、跨平台化的方向。

同时微软正在考虑 Windows 整体的图标重绘工作，最 Fluent Design 视觉语言来定义一代的 Windows界面。希望到时候的界面户和设计师耳目一。

如果对 Fluent Design 感到陌，请查看其官网https://www.microsoft.com/design/fluent/

编者注：也可以查看这篇解释 → 《用篇文章，帮你看懂微软最新发布「流畅设计体系」！》

本更新是 Office图标5年来首变化，上是2013年时候。那么各位设计师以前图标和界有印象吗？Word、Excle、PPT它们刚开始长什么样呢？起来回顾下。

一、DOS时代的Office

在很早前，电脑是没有图形界，时屏幕全都是代码，也是 DOS系统。UI（user interface）是什么？谁也不知。电脑槛很高，般玩不了。

和脑刚开始类似，MUD游戏（Multiple User Domain多用户虚拟空间游戏）是最早的网络游戏，没有图形，全部用文字和字符画来构成。下图是当年火的 mud游戏──北大侠行。

下图是 DOS代的 Office，真的不能想象，没有图文界面，这软件怎排版的……

二、Office 1.0

比尔盖茨说要让个家庭桌上都有台电脑，那么电脑槛必定要降低，所以用户图形界时代到来了，纯代码 DOS界实在不友好，用现在话说是用户体验极。1990年，Office1.0登场，这在时已经算是划时代作品了，各操作图形化，槛大大降低。全家桶三大软件都括，具体版本为Word 1.1、Excel 2.0和PowerPoint 2.0。

下图是当 Word的界面，以现在的审美来，是不是难受呢？不过它基本上奠定了未来十年 Word 的框架结构。

三、Office 3.0

1992年，出Office3.0，界上没什么大改变，不久后更名为 Office92。

四、Office 4.0

1994，推出Office 4.0，依然变化，貌似图标变彩色了？

五、Office 95

1995年，Windows 95操系统，Office 95也同步推出。从个版开始，Office里的软件版号与Office的版号统一来。比Word 7.0、Excel 7.0、PowerPoint 7.0。桌面图标有着浓厚的上世纪互联网初期气息。

六、Office 97

199611月发布 Office97，界面细节加完善。具图标不再使用高光引用凸出，变得加简洁。桌面图标改变。

这版本中，微软提供了一小手，一右下角动动去的眼睛的小回形针，给用户使用帮。后知道这家伙英文叫 Clippy，2007被去掉了。

七、Office 2000

1999年 Office2000，桌面图标重新设计，开始有点现代互联网图标的感。从代开始家桶的主颜开始确定。

助Clippy 换了新面貌，更加立体有光泽，同还带来了它的个伙伴。这个是最早触的 office，当上学，脑课还叫机课，上课最大的趣就是逗它玩儿。

八、Office XP

发布于2001， Windows XP 同一推出。虽然新的 Office XP 称中「XP」，但并不只能 Windows XP系统中运行，只配合当时的营手法命。

界上比2000版更加柔和和现代，少了前生硬，更符合互联网时代风格。

九、Office 2003

2003年，个版 Office 采用新的Logo，也是使用最久的一个版，至今很复印店里面还在使用。

工具栏图标背景都经过大幅的优，整个界面与 XP 系统的蓝色题相得益彰，已经摆脱了前界面中的原始感觉，开始进入现代设计格。桌面图标和上一代相更立体和质感，上大的最多的一版，现在看来满满都是忆。

十、Office 2007

发布于2007年，这版界又发生了大变化，是我最喜欢个版本。交互上，工具菜单进了合，界看起来常赏心悦目，个细节把控很好，尤其是那些高投影运用，在 word 里编辑文是享受。桌图标也是经过精心设计，结构致。

十一、Office 2010

2010年，界面进一步进化，但是与2007相比去掉很样式细节，偏向简化，去掉界面中大面积的浅蓝。Office 主Logo细节整，变成橙黄渐变。桌面图标也更加优美，版的图标个人得比之前的要有感。家桶中的软件大部分拥有自己属的字母标志。

十二、Office 2013

发布于2013，Office 主Logo发巨变，加简洁。2013也 iOS 7发布的份，互联网设风格始往扁平化方向发展。

前界细节全部去除，留下信息本身和主题色。这样设计很适合网页版本，也预示着微软品开始往云端、跨平台发展。

十三、Office 2016

我目前用的一版，图标没什么变化，界面最大改动就是顶部导航用纯突出，很有次感。

十四、Office 2019

2018下半发布，已发式版，目新的版本。2019需 Win 10系统能安装，众多的 Win7用户无法体验了。不过界面图标新，继续延续扁平化的设思，2016外观基本一样。全家桶中的三员都增加了新功能，赶紧去体验吧。

十五、Office 365

除了常规的 Office版本之外还有个 Office 365，和其的有什别呢？简来说365属于订阅制，是一种基于云计算的网络服，每年需要续费，当然会提供多其服。2016属于机版，本地应用。主体功能上二者差不多。

Office 365 是完整的云中 Office，早在2011年就已经，主界面和同时代的Office 基是一样的，只不365用户获得持续更新，比在 Office 2019推出没久，微软就向 Office 365 的订阅用户推送 Ribbon 用户界面的一波更新，界面 UI  细节进行迭代优化。

十六、Mac Office

Mac版本的 Office图标就和 Win版本的差别大，这大家可以下图。当然了，界面和 Win版本的基本类似。不过在2016版本的 Mac Office 中，图标已经和 Win版本基本保持一致，只是增加了一些厚度细节和阴高光，起来更有真实。

未来

关于未的 Office发展，目微软已给我们指明了一些方向，除了用户需求、使用场景、新技运用之外，新的视觉语言也将发挥重的作用。

下面 Office图标的简单化历程：

以 Office图标的发展程，从初的原始感，到中的复杂化、细节化，再到目的扁平化、简约化，未已，新的视觉语言也会引领下一设方向。

欢迎关注作者微信公众号：「UI黑客」