数字时代的GUI设计趋势

伍海翔　吴余青

本文对GUI发展做了文献梳理和分析，归纳出GUI发展过程中的几个重要节点，同时阐述了其发展是怎么样影响我们的生活，对GUI未来的发展做了一些预测。

随着科技和互联网的发展，人们的生活发生了重大的改变，各种数字媒体设备围绕在人们周围，最常见的手机，平板电脑，智能手环，智能家电，汽车等等，越来越多的产品都正在和数字化结合。①《认知与设计》中提到：“正是有了计算机和因为计算机而成为可能的交互过程，我们才有了人机交互。”人机交互也产生了很多新的学科领域，包括交互设计，用户界面设计，用户调研等，本文我们主要探讨下用户界面设计。

用户界面设计在行业内又称为GUI设计，也称为UI设计，GUI很难与交互设计割裂开来对待，本文暂且先把数字媒方面偏视觉方向的设计领域称为GUI设计，特指网页，软件，移动，虚拟现实等数字产品的界面设计。GUI设计不是单纯的美术绘画，它需要结合用户的使用环境，使用方式而设计。

从视觉层面来看，GUI设计就是软件的外衣，好看的界面设计能给用户带来的美的视觉享受，引起情感的共鸣。从行为层面来看，合理的界面设计能使用户易于上手，降低培训成本，增加亲和力。

1.GUI设计的历史演变过程

上世纪70年代，施乐公司（Xerox）在计算机上首次应用了图形界面系统（包含视窗、图标、菜单和点选下拉菜单），但该系统并未商业化，主要用于研究。我们现在普遍说的GUI便是由此诞生的。1984年，苹果公司发布了Macintosh，这是第一台成功使用GUI并应用于商业的产品。随着时间的推移，各种操作系统的GUI不断变迁升级（比如微软的windows系统），将GUI设计带入了新时代。

GUI的早期的发展阶段有以下三个特点

（1）界面设计“拟物“化。

硬件的发展，使得图形界面的呈现效果获得了大幅度的提升，很多产品开始推崇拟物设计，所谓的“拟物” （Skeuomorphism）设计，是指模拟和移植现实生活的使用习惯和视觉习惯来设计虚拟的软件界面。拟物设计风格真正开始被特别关注就是从苹果的iphone开始，当时苹果ipad的用户界面设计指南中有一句话是这么说的：“给你的程序增加尽可能的真实感以及物理特性。程序的界面和操作跟现实生活中的实物越为相似，用户就越容易理解如何去操作和喜欢使用。

（2）GUI设计受硬件的限制较多。

以前受计算机硬件水平的限制，图像显示的效果比较简单，很多的设计想法无法实现，随着近几年技术的进步，设计师可以相对自由的发挥想象空间，GUI的很多设计风格开始过犹不及的走华丽风格，缺少了一些对设计本质的思考，这也是可以理解的。

（3）GUI设计在曲折中前进。

GUI设计是一个新生儿，大多数情况下GUI设计师并未引起足够的重视，尤其是早期阶段，缺乏大量优秀的设计人才加入到这个行业中，随着互联网行业的快速发展GUI设计师的就业机会增强，但整体设计质量相对落后，随着时间的推移，情况不断好转，越来越多的优秀设计师加入了GUI设计行业。

2.近几年的GUI设计状况

随着互联网，信息技术的发展，各种跨平台的产品需求不断出现，GUI设计也在不断演变。

“拟物”设计风格对于界面的细节刻画比较适合特定平台的产品，比如在ipad出现之前，设计师只需要考虑手机端的界面设计，但现如今，ipad开始普及，并且手机的分辨率也出现了很多不一样的尺寸，都需要设计师从跨平台的角度去考虑界面设计，如果采用拟物设计风格，设计师很有可能需要针对不同的平台设备重新制作，增加了产品开发的难度。所以近几年“扁平化“设计思路开始占了上风并迅速蔓延开，它的核心理念是突出内容，减少界面设计对于内容的干扰，让用户沉浸在内容里。设计组件都使用简单的色块构成，强调字体的选择和版式空间的布局，这种看似简单的设计思路对于设计师来讲反而提出了更高的要求。扁平化设计不仅是一种设计风格，它是一种解决问题的方式。

现在的GUI设计正处于另一个历史的转折路口，这里既有新时代的设计语言，并仍在快速的变化发展中，也有传统的设计思路的延续。

现阶段的GUI设计主要有以下三个特点

（1）多种GUI设计风格并存

扁平化设计虽然已经以不可阻挡之势蔓延开，但其他的设计思路并没有迅速退出历史的舞台，比如，锤子手机的操作系统仍然坚持拟物化的设计风格，也得到了多用户的推崇，所以，扁平化设计并不是唯一的完美解决方案，只能说它更适合现阶段大多数的数字产品。

（2）GUI设计中动效的运用

硬件的发展，使得软件的设计方式可以有更多的发挥空间，大量的动画效果被运用到了界面设计中，从二维空间变成了三维空间，GUI设计变“活”了， google发布的Material Desin设计思路就是一个很好的解决案例，设计不仅流于表面形式，而是更注重动画与真实物理世界规则的对应，通过动效的合理运用将扁平化的界面组织起来，可以让用户很好的理解软件的空间关系，加强层次感。

（3）GUI设计的发展迅速

虽然GUI设计已经有几十年的发展历程，但相比其他的传统设计行业而言，比如平面设计，建筑设计，服装设计GUI设计还是属于新兴领域，没有加入到高校的课纲里去，但实际上从事GUI的设计师人数发展迅速，而且需求量扔在不断扩大，民间的和企业中的GUI组织是行业的主要推动力。

3.对于未来GUI设计趋势的展望

对于第一些首次接触计算机的成人而言，学会理解鼠标与电脑屏幕的关系都会有一定的难度，但对于数字时代成长起来的原住民而言，现在的一切是那么的理所当然，未来的数字生活中GUI会演变成什么样？

设计思路的进步一直是伴随着技术的发展同步的， 在漫长的人机交互史中，GUI设计理念也在不断的迭代。“拟物”设计像是一种对于过去的乡愁，终究会成为过去时，但它内在的设计精神会通过新的形式继承，这种精神就是对于人的情感关怀，扁平化设计也注定不会是最终答案，我想不管什么时代，正确的设计语言应该是能让人易于理解上手，并且包涵情感的，设计师应该根据具体情况选择使用哪种设计思路，做合适的设计。

对于未来GUI设计趋势特点的三个预测

（1）GUI设计存在感的弱化

人有五感，分别是视觉、听觉、触觉、味觉、嗅觉。当前的GUI设计更多的是在视觉和触觉的结合方面应用的比较成熟。而在听觉方面，语音识别技术这几年有了很大的进步，一些汽车企业比如奔驰公司就一直在研究怎么通过语音识别技术能很好的辅助驾驶员操控汽车 ，使得他们驾驶中很多时候不需要去用手操控软件就可以获取相关信息，在这种情景下，GUI的存在感正在弱化。

（2）GUI设计空间感的加强

我们在科幻电影中经常可以看到各种酷炫的界面形式，比如《阿凡达》中的三维全息影像操控台，令人印象深刻，电影虽然和现实有一定的距离，但绝凭空想象，很多对于未来生活的憧憬经过几十年后都成为了现实，全息影像技术实际并不陌生，但距离投入消费品市场还不太成熟，一方面是硬件的发展水平还无法呈现良好的视觉效果，另一方面生态系统的建立需要较长的时间，很多虚拟现实的可穿戴设备中已经投入了商业市场，用户看到的GUI更多的是在空间环境中出现。随着技术的进步，相信GUI的形式一定会从二维空间向三维进化，也许对于那时的GUI设计师而言，空间的想象能力是一个重要的技能，他们从某种意义来说更像是数字时代的“建筑师”。

（3）GUI设计角色的转化

目前在很多软件项目中，GUI设计师会参与到各种层面的讨论，提出自己的建议和看法，不仅在视觉领域，还对包括用户行为，交互设计，用户心理等，在很多现代的软件设计团队中，名称上也许会分为GUI设计师，交互设计师，产品设计师等职位称呼，但在实际的工作中，很多设计师的身份存在很多的交叉性。未来的GUI设计师需要具备一定用户体验的感知能力，才能在行业很好的立足，企业也会越来越重视GUI在产品设计中的地位。

小结

数字时代的到来使得很多信息内容需要通过屏幕呈现出来，移动互联的快速发展更是提升了这种人与虚拟屏幕之间接触的概率，人们看到最多的就是软件中的用户图形界面（GUI），经过40多年的发展，GUI设计从无到有，随着目前多种数字硬件设备的出现，GUI设计需要考虑各种复杂情况的应用，它变得越来越智慧，形式越来越丰富，空间的纵深感越来强，我们有必要结合当下的状况对GUI的历史做一些总结和梳理，以及对未来做出前瞻性的预测，希望能为更好的改善软件设计甚至是硬件设计的体验做出贡献。

（作者单位：湖南师范大学美术学院设计系）

作者简介：伍海翔（1987-），男，湖南师范大学美术学院设计系，2014级视觉传达方向研究生；研究方向：视觉传达。

吴余青，湖南师范大学美术学院设计系，博士，副教授，硕士生导师。