忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

这几天设计界的大事情就是Office图标更新了。

微软前几天发布了Office的一套全新图标设计,整体色彩更加丰富。每种图标在同一主题色下包含了阶梯渐变,显得更加具有现代感和动态美,代表了Office未来云端化、智能化、跨平台化的大方向。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

同时微软正在考虑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游戏:北大侠客行。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

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

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 1.0

比尔盖茨说要让让每个家庭的桌上都有一台电脑,那么电脑的门槛必定要降低,所以用户图形界面时代到来了,纯代码的DOS界面实在不友好,用现在的话说就是用户体验极差。1990年,Office1.0登场,这在当时已经算是划时代的作品了,各种操作图形化,门槛大大降低。全家桶三大软件都包括,具体版本为Word 1.1、Excel 2.0、和PowerPoint 2.0。

下图是当时Word的界面,以现在的审美来看,是不是很难接受呢?不过它基本上奠定了未来几十年Word的框架结构。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 3.0

1992年,推出Office3.0,界面上没什么大的改变,不久之后更名为Office92。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 4.0

1994年,推出Office4.0,依然没有大变化,貌似图标变成彩色了?

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 95

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

1995年,Windows95操作系统发布,Office 95也同步推出。从这个版本开始,Office里的软件版本号都与Office的版本号统一了起来。比如Word 7.0、Excel 7.0、PowerPoint 7.0。桌面图标有着浓厚的上世纪互联网初期气息。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 97

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

1996年11月发布Office97,界面细节更加完善。工具图标不再使用高光引用凸出,变得更加简洁。桌面图标没有改变。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

在这个版本中,微软提供了一个小助手,是一个右下角动来动去的长着大眼睛的小回形针,给用户带来使用帮助。后来才知道这家伙英文名叫Clippy,2007年被去掉了。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 2000

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

1999年发布Office2000,桌面图标重新设计,开始有点现代互联网图标的感觉了。从这代开始全家桶的主体颜色开始确定。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

小助手Clippy换了新面貌,更加立体有光泽,同时还带来了它的几个小伙伴。这个是我最早接触的office,当时上小学,电脑课还叫微机课,上课最大的乐趣就是逗它玩儿。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office XP

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

发布于2001年,和Windows XP同一年推出。虽然新的 Office XP 名称中有“XP”代号,但并不是只能在 Windows XP 系统中运行,只是配合当时的营销手法而命名。

界面上比2000版更加柔和和现代,少了之前的生硬,更符合互联内网时代的风格。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 2003

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

2003年发布,这个版本Office采用了新的logo,也是使用最久的一个版本,至今很多复印店里面还在使用。

工具栏图标背景都经过大幅度的优化,整个界面也与XP系统的蓝色主题相得益彰,已经摆脱了以前界面中的原始感觉,开始进入现代设计风格。桌面图标和上一代相比更加立体和质感,上大学用的最多的一版,现在看来满满都是回忆。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 2007

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

发布于2007年,这一版界面又发生了重大变化,是我最喜欢的一个版本。交互上,工具菜单进行了整合,界面看起来非常赏心悦目,整个细节把控的很好,尤其是那些高光投影的运用,在word里面编辑文字当时是一种享受。桌面图标也是经过精心设计,结构一致。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 2010

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

发布于2010年,界面进一步进化,但是与2007相比去掉了很多样式细节,偏向简化,去掉了界面中大面积的浅蓝色。Office主logo细节调整,变成橙黄色渐变。桌面图标也更加优美,这版的图标个人觉得比之前的都要有感觉。全家桶中的软件大部分都拥有了自己专属的字母标志。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 2013

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

发布于2013年,Office主logo发生巨变,更加简洁。2013年也是iOS7发布的年份,互联网设计风格开始往扁平化方向发展。

之前界面中的细节全部去除,只留下信息本身和主题色。这样的设计很适合网页版本,也预示着微软产品开始往云端、跨平台发展。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 2016

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

我目前用的这一版本,图标没什么变化,界面最大改动就是顶部导航用纯色突出,很有层次感。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 2019

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

2018年下半年发布,已发正式版,是目前最新的版本。2019需要Win10系统才能安装,众多的Win7用户无法体验了。不过界面和图标上没大更新,继续延续扁平化的设计思想,和2016外观基本一样。三大全家桶都增加了新功能,赶紧去体验吧。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Office 365

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

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

Office 365 是完整的云中 Office,早在2011年就已经发布了,主体界面和同时代的Office基本是一样的,只不过365用户会获得持续更新,比如在Office 2019推出没多久,微软就向 Office 365 的订阅用户推送了 Ribbon 用户界面的一波更新,界面UI细节进行了迭代优化。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

Mac Office

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

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客
忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

未来

关于未来的Office发展,目前微软已经给我们指明了一些方向,除了用户需求、使用场景、新技术运用之外,新的视觉语言也将发挥重要的作用。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

下面附上Office图标的简单进化历程。

忘了以前Office长什么样?看完这12个历史版本就知道-UI黑客

以Office图标的发展路程来说,从最初的原始感,到中期的复杂化、细节化,再到目前的扁平化、简约化,未来已来,新的视觉语言也会引领下一代设计方向。

THE END