现代软件界面设计的历史及艺术特性

张萍 曾丹

摘要：简要评述了软件界面开发的发展历史，提出了软件界面设计行业的确立标志着软件界面设计实现了由功能目的型向艺术设计型转变的观点。从美学、认知心理学的角度探讨了软件界面配色及布局时应遵循的一般原则。同时，分析了软件界面“交互性”中换肤以及智能布局两个重要的发展方向。

关键词：软件界面配色布局交互性

界面设计是为了满足软件专业化、标准化的需求而产生的对软件的使用界面进行美化、优化、规范化的设计分支。具体包括软件启动封面设计，软件框架设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计，安装过程设计等。软件用户除期望所用的软件拥有强大的功能外，更期望应用软件能尽可能地为他们提供一个轻松、愉快、友好的操作环境，因此，界面设计已成为软件设计中至关重要的一环。

一、软件界面设计的发展历史

1945年，冯•诺依曼提出二进制方案，建立多级存储结构和并行计算原理，确立20世纪计算机的基本数学构型，宣告计算机时代的来临，软件开发的历史也从此正式开始。软件开发的过程就是人们使用各种计算机语言将人们关心的现实世界映射到计算机世界的过程。实质上就是程序员们对客观世界问题域的认识在二进制代码世界内的重现过程[1,2]。从这一层面上来说，软件开发的历史大概可以分为三个阶段：面向机器（MO）阶段，面向过程（PO）阶段和面向对象（OO）阶段。

软件开发可分为两大部分：编码设计与UI设计。以上介绍的是编码设计，这是大家所熟悉，但UI设计对大部分人来说都是个陌生的概念，直到目前为止，做UI设计的人仍被贬称为“美工”。UI的本意是用户界面，用户界面设计是人机交互（Human-Computer Interaction，HCI）领域的一个子学科。人机交互是一门研究、规划和设计如何让人与计算机协同工作，以最高效的方式满足人的需求的学科。具体来说，用户界面是指计算机及其软件中人们可以看到，听到，触摸到，与其交谈，或者进行理解或指挥的那一部分。用户界面由两个基本部分组成：输入和输出。输入是指一个人如何将他的需求或愿望告诉计算机。输出是指计算机如何将它的计算结果和需要传达给用户。

用户界面设计与编码设计一样，一直朝着贴近人的思维模式，贴近现实世界的方向发展，其发展历程大概也可以分为三个阶段， 从1945计算机的诞生到1968年，这是批处理界面（Batch interface）阶段，批处理界面是非交互式用户界面，事先用户指定了处理工作的所有细节，批处理全部完成之后才能得到结果；1969年开始出现了命令行用户界面（Command-line User Interface,CUI），用户通过键盘输入命令字符串，计算机处理之后将结果显示在监视器上，这一技术一直沿用至今；目前应用最为广泛的是图形用户界面（Graphical User Interface,GUI），图形用户界面被定义为一种采用了四种基本组件（窗口、图标、菜单和鼠标指针）的人机交互形式，也称为WIMP界面。过去由于计算机硬件的限制，编码设计成为软件开发的代名词，美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视，实际上这个时期的软件应叫做软件程序，而不是软件产品。当图形用户界面技术逐渐成熟并广泛应用之后，软件界面设计才得到重视。在面向过程编程阶段以及面向对象编程阶段的初期，软件界面设计一般还只是程序员个人的事情，只有大型的软件公司才有经济实力聘用专门的艺术设计人员参与到软件界面的美化，但UI设计仍然属于从属地位。从二十世纪末至今，得益于基于插件、组件软件体系结构的确立，有相当一部分程序员及艺术设计人员从软件开发流程中脱离出来，专注于软件用户界面的研究与开发，形成了一个独立的新兴行业。目前国内外流行的“界面换肤”工具非常多，如SkinMagic、SkinFeature、Skin++、AppFace、SkinCrafter、ActiveSkin等等，这些换肤产品的出现一方面使软件的界面更加符合用户的心理及视觉需求，另一方面也使程序员可以致力于软件功能的研究开发上，提高了软件生产效率。

软件界面设计是软件设计中一个重要的组成部分，一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户服务，是纯粹的、科学性的艺术设计与程序设计。软件界面设计行业的确立以及界面设计研究的开展，标志着软件界面设计实现了由功能目的型向艺术设计型的巨大飞跃。

软件界面设计虽然带有强烈的个人色彩，是设计人员与用户之间思维交流的具体体现，但有些基本的设计原则还是相通的。

二、软件界面的色彩

美观漂亮是软件界面设计者不懈追求的目标。和谐的画面色彩，形象的三维图案，得体的文字将营造出一个简便、舒适的使用环境。为了达到这一目标，色彩的使用应遵循一定的原则：

（１）颜色种类应适中。软件界面设计过程中颜色的种类不能过多也不能过少，过多的颜色使人感觉界面凌乱，没有重点；过少的颜色又使界面显得单调。一个软件到底需要多少种颜色合适目前没有一个确定的标准，依赖于界面设计人员的审美能力。

（２）配色方案应符合用户的心理特征。以人为本的用户原则贯穿于软件开发的始末。配色也是如此，应该针对软件类型以及用户工作环境选择恰当的色调和配色方案。因为不同的色彩具有不同的感情特征，会对人产生不同的影响。如：黄色代表安全，绿色体现环保，蓝色表现时尚、紫色表现浪漫；用户群体为知识分子的软件界面应以冷静的颜色为主，如咖啡色，深蓝色等，而青少年使用的软件界面应配上鲜艳活泼的色彩较为合适，如红、黄、蓝等。

（３）界面配色应具独特性。色彩形象的独特性，即“个性”，体现出创新与开拓的精神，不仅加强了软件的识别性、记忆性以及商业竞争力，同时也给用户一种优越感和归属感。因此，在进行软件界面设计时千万要避免“跟风”，在充分了解软件和用户特性的基础上，胆大心细设计出独具魅力的软件界面。

（４）界面配色应具统一性。同一类型的窗口应使用同一种配色方案，应避免过分地求异。因为不同色彩有不同波长，会直接或间接影响人的情绪、精神和心理活动。有些色彩使人振奋，有些色彩便人悲哀，不同的颜色对人们生理上的刺激是不同的，所以界面设计的色调应该是统一的，协调的。当然，统一并不代表只能有一种颜色，我们可以通过调整明度、饱和度、小面积使用对比色的方法丰富画面效果。

三、软件界面的布局

界面布局就是要将大量的信息（文本、图像、图形、图标和控件等）合理地安排在软件界面上，即在有限的屏幕空间上有结构、合理、科学地编排一定量信息。试验结果(Mayhew，1992年)表明，屏幕总体覆盖度不应该超过40％，而分组覆盖度不应该超过62％。界面不能太拥挤，也不能太松散，设计时应遵循一定的美学原理。

（１）简洁原则。在提供足够信息量的同时界面设计应尽量的简洁明了，不能给用户带来过多的视觉和记忆负担。例如，图标的概念模型要与用户的认知心理相匹配；文本的措辞应尽量完整、短小、易于理解；注重存储于用户头脑中同类软件知识的应用；多采用工具栏的自定义，菜单的多级展开方法等。

（２）顺序原则。一般来说，人眼习惯于左右、上下的搜寻扫描运动与顺时针方向运动。界面布局的顺序，也是从左上角开始的。菜单栏及每个主菜单的下拉菜单的安排，工具栏中工具图标的布局应符合人的视觉特点，提高视觉认读效率与准确度。

（３）规范原则。屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，使对象的动作可预期；命令、对话框的显示以及提示行的位置在一个应用系统中应尽量的统一规范。

（４）平衡原则。注意屏幕上下、左右平衡。局部不能拥挤，过分拥挤会产生视觉疲劳。增加界面平衡的方法有：控制空白区间与文字区间的使用比例，减少过度花俏的强调方式； 将所有的内容区块置于一个完整方块中，使之有整体感。

（５）对比原则。大小差别小时给人的感觉较沉着温和，大小差别大时给人的感觉较鲜明而具有震撼力；明与暗的对比可以突出图形或文字的地位；粗与细的对比可以给人一种轻快的乐感。

四、软件界面的交互性

软件界面设计发展至今，形成了许多其自身的特色，其中交互性就是一个重要的方面。此处的交互性并不是传统意义上的概念，它指的是整个软件界面随用户的喜好及习惯不断调整，不断优化的智能响应方法。

软件的用户往往不是一类固定的人群，例如常用的office，Photoshop等，其应用范围之广以至于软件界面设计人员已经没有办法去迎合所有用户的视觉及心理需求。即便是用户相对固定的专业软件，随着社会的发展，用户心境的变迁，其一成不变的软件界面也会给人一种灰色、忧郁的沉闷感。因此，只有为软件准备好一系列漂亮的“衣服”，当出现在不同场合时才可以换上比较适合的一件。例如，软件界面设计人员为某一软件设计了许多的界面，有深色系的、浅色系的、古朴素雅的、鲜艳活泼的等等，用户可以选择最贴近于其心理特征的界面，也可以偶尔换成其它界面，体验一把另类的激情。换肤工具是软件界面交互性功能的重要发展。

软件界面的交互性还体现在界面布局方面。屏幕空间非常有限，如何最为科学地利用屏幕空间一直是界面设计中的热点、难题。浮动工具栏，自动隐藏等技术在一定程度上缓解了这一矛盾，但仍然未能很好地解决这一难题。对于界面布局，最理想的状态为界面上全是用户所需的，没有任何多余的内容。例如，作者在使用各类软件时，文件的保存和打印偏好于使用快捷键，此时工具栏上的这两个按钮显而易见是“多余”的，但对于偏好于使用工具栏按钮的用户来说，这两个按钮不仅不是多余的，而且是必需的。因此软件还需要具有自学能力，可以根据用户的习惯来改变界面的布局，不断地统计出菜单、按钮、命令等交互元素的使用频度，将最为常用的元素调整到最为显眼，最容易触及的地方。因此，智能化方法的引入是软件界面交互性功能的另一个重要发展。

参考文献

1.肖锟.从软件开发的历史探讨其发展趋势[J]. 电脑开发与应用,2005,(11):59

2.杨芙清,梅宏,吕建等.浅论软件技术发展[J].电子学报,2002,30(12A):1901-1903.

3.任建军.计算机软件界面设计中的美学原则[A]. 2005年工业设计国际会议论文集[C],2005:714-718.

4.陈传文,余静贵.计算机软件界面设计中的心理学分析[A]. 2005年工业设计国际会议论文集[C], 2005:752-755.

5.许文娟.浅析软件界面设计中的色彩运用[J].电脑知识与技术,2008,4(4):890-891.

6.陈汗青,吕杰锋.数码设计艺术[M].北京:人民美术出版社,2004.

7.汪海波.用户为中心的软件界面的设计分析、建模与设计分析[D].济南:山东大学,2008.

（作者单位：张萍，安阳师范学院；曾丹，湖南大众传媒职业技术学院）

责任编辑：李薇薇