关于人机交互的应用

吴锟

【摘要】：用户界面UI（User Interface）为使用者与计算机系统沟通的重要渠道。因为计算机系统通过用户界面向用户提供数据输入环境、系统运行状态与程序运行结果，使用者通过用户界面向计算机系统提出工作要求、设计想法与问题处理意见，因此用户界面设计的优劣对计算机系统的使用体验起着举足轻重的作用。图形用户界面GUI（Graphical User Interface）通过在用户界面中使用图形、色彩与表格等图形技术来提升用户界面的质量。相信未来UI领域将朝着扁平化发展，这将是不可挡的趋势。

【关键词】：软件界面设计；GUI；设计基础；设计原则

GUI（Graphical User Interface）是种结合了各商业领域需求分析以及计算机科学、心理学、美学等的人机系统工程，强调用户—设备—环境三者作为一整体系统进行总体设计。界面的设计是软件开发中最为重要的方面，并且将涉及到整个软件开发团队。对于应用软件来说，基本现实就是：用户界面是面向使用者的。使用者需要的是软件开发者开发出的软件能满足其需求，且易于操作使用。Constantine（1995）指出，好的用户界面使得人们不用阅读用户手册或接受培训就能使用应用软件。随着科技的发展也带动了一些相关产业的发展，比如系统的发展就与UI的发展密不可分，随着电子科技的发展也产生了与之相关的职业，那就是我们今天要讨论的UI设计。

1 国内外软件开发概况

1.1 软件开发行业的界面设计现状

图形用户界面（GUI-Graphics User Interface）乃当下用户界面的主流，广泛应用于图形工作站和各类微型计算机。当下各类图形用户界面共同特点是以窗口管理系统为重点，使用鼠标、键盘作输入设备。窗口管理系统除基于可重叠的多窗口管理技术外，广泛采用的另一种关键技术是事件驱动（Event-Driven）技术。图形用户界面和人机交互过程极大地依赖于视觉与手动控制的参与，因此具备强烈的直接操作之特点。

环顾国际相关行业目前在图形化用户界面设计方面的发展概况，很多国际知名大公司早己认识到GUI在产品方面产生的超强增值功能，且能带动的很大市场价值，因而在公司设立相关部门专门从事GUI的研究和设计，同行间亦成立了相关机构，用于交流GUI设计的理论与经验。较成熟的商品化操作系统有IBM的Presentation Manager、苹果的Macintosh、微软的Windows等。这些跨国科技公司目前堆操作系统和UI的设计已经在逐渐追求扁平化，给用户带来简洁明了的视觉感受，深受用户追捧。相信未来UI领域将朝着扁平化发展，这将是不可挡的趋势。世界上成功的软件开发公司都非常重视软件界面的美化设计，注重扁平化设计，只有强大的功能是不够的，不足以在激烈的市场竞争中脱颖而出。

1.2 我国软件行业开发在GUI方面的现状和不足

目前我国软件开发行业的通病，是界面设计粗糙。因为大部分的软件开发人员都是男性，加之专门的界面效果处理员相对较少，同时，软件开发人员也将精力重点放在对软件性能的学习和实现上，无多余精力用来仔细处理界面，因此也就形成了开发的软件在功能上较强，但在人机交互体验方面稍逊，使用者常会遭遇面对一堆输入框与诸多个窗口，无从下手，不知怎样进行操作的尴尬局面。

2 軟件界面设计基础

2.1 软件界面设计的准备工作

不论要设计什么产品，设计之前就应先确立设计的主题。且软件的主题的确立与该软件的功能与目的等有关。美工人员作为操作界面美化的主要成员，不仅拥有包装、艺术设计的能力，还应穿插整个项目，提供系统参考意见于程序设计员。

根据使用者自身的特性、环境、系统任务、成本和效益，确定合适的界面类型。

2.2 软件界面设计原则

控件的位置摆放要均衡、合理，让用户方便浏览、使用。另外，要符合用户平常的操作习惯。同时，背景颜色、图案的设计要合理排列，使界面更和谐美丽。

2.3 应用界面规划

按钮颜色最好和整个界面的主色调相统一。按钮颜色不适合用与界面主色调不统一的色彩。按钮字体在应用软件中普遍使用宋体，但具体情况应由该软件界面的整体风格来确定。按钮字号应由按钮大小来确定。字体高度在按钮高度的1/2-1/3处较合适，字体宽度在按钮宽度的1/2—1/3处较合适。

无论画功多么高深，都应注意，因图标受大小的限制，这就决定了图标的内容不可过多。图标必须明快、简洁的表达其内容。与软件风格的统一性原则一般，杂乱的图标让用户觉得界面显凌乱。

2.4 色彩运用

UI的美术理论与素描基础。基于本专业“视觉传达设计”所学习的知识与应用，现对UI美工中的艺术性做以下分析：首先，我们认为作为一个UI美工，他所具备的不仅仅要有这个行业的基本技能，更为重要的是要理解“美”字的含义，这是从字面意义上来解释的，若是从本身意义上来说也就是美工的创意，只有技术加上创意才能把这项工作做好。

我们还需要对色彩关系进行分析：一个操作系统的设计、布局都是图案和文字所组成的，然而这些元素就应考虑到色彩的搭配和统一，虽然一些美工的技术层次已经达到了要求，但所做出来的东西还是不够精致。色彩是艺术表现的重要因素之一。在设计之时，要讲求和谐、均衡、突出重点的原则，将不同色彩进行组合，合理搭配构成美观的界面。明度低的色彩较温暖，明度高的色彩较凉爽。黄、橙、红等色，给人温暖的感觉，为暖色；紫、绿、蓝等色，给人以凉爽的感觉，为冷色。软件用户会因其明度、色相、彩度的不同，表现出不同的色彩感觉。面对这些色彩也会产生不同的心理影响。按色彩的记忆性原则，一般暖色较冷色的记忆性强。

3 UI的发展前景和发展道路

随着近几年科技和互联网的快速发展，电脑和电子设备的普及，人机交互UI的产业发展迅速，可谓正是方兴未艾，人们越来越注重界面的美观和实用性，各大厂商也在不断改进，扁平化设计将成为未来趋势。UI设计结合美工的艺术性与商业性立足于UI设计、美工。既要有扎实的专业基础与丰富的实战经验，又不能丢弃自身的艺术价值，要做到商业性与艺术性相结合。

此文章获得内江师范学院2015年度科研项目资助，项目编号：15NSD—40

参考文献：

[1] 苗雪兰，刘瑞新. 计算机图形学理论及应用技术， 北京：机械工业出版社， 2003.1.

[2] 斯哥特·伯昆，在网络和程序界面设计中的评论的思想.

[3] 朱志强，VB程序界面设计经验点滴，2000-10-25.

[4] ChinaUI，简单说说UI的设计原则.

[5] 张健姿，图形用户界面设计，2001.9.

[6] ChinaUI，跟界面有关的新技术趋势.

[7] 兰信设计，色彩的心理感觉.

[8] （美）托里斯，用户界面设计与开发精解，清华大学出版社.

[9] DOLCN，界面设计.

[10] 王丽梅，VB应用程序的界面设计，2001-03-02.

[11] ChinaUI，软件人机界面设计的重要性及发展趋势.

[12] 中国艺术设计互动家园，什么是用户界面设计.