新版Office 到来之前,来回顾下这12个历史版本设计 - 优设网 - UISDC

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

2018/12/14 7060评论 5

这几天设计界的大事情就是 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 实用指南」

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/office-12-historical-versions-designed

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 版式设计 界面设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里