新版Office 到来之前,来回顾下这12个历史版本设计 - 网页设计 - yinxi.net
author:一佰互联 2019-04-07   click:222

这几天设计界的大事情就是 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黑客」

「Office 实用指南」

  • 《Office 2019 迎来最重磅的更新,这 10 个新功能你不能不知!》
  • 《效率提升80%,这可能是目前最全的PPT快捷键使用指南!》
  • 《7个非常实用而鲜为人知的PPT技巧》
  • 《7个非常实用而鲜为人知的WORD技巧》
  • 《7个非常实用而鲜为人知的Excel技巧》

巅云大课堂