UI设计在网络时代的数码化应用

摘要：电子产品高速发展的社会，用户界面是连接电子产品和客户的桥梁，良好的界面设计可以提升产品的外观价值，更能吸引用户，也是产品销量的重要保证。本文就设计师的角度谈谈用户界面设计中，设计师要注意的几个方面，以讨论优秀用户界面设计的方法。

关键词：电子产品 信息 用户界面 设计 计算机

一、什么是ui？

1.UI的概念

高速发展的电子产品行业，离不开软件设计，而软件设计通常又可分为两部分：编程设计与UI设计。

UI的本意是指软件的用户使用界面，英文原称为User Interface。它由User（用户）和Interface（界面）两个部分组成，但同时更是User（用户）和Interface（界面）两者之间的交互活动关系，也是屏幕产品的重要组成部分。UI设计师软件设计中，原编码设计外很重要的一部分，也是计算机产品发展进入新阶段的标志。

User Interface设计师一门新兴的学科，从心理学的角度来看，UI分为视觉、触觉、听觉和情感这几个方面。目前国内对其的了解和认识还比较表面，本人想就此学科和平面设计之间的关系，在这里进行讨论。

2.UI的使用

软件界面设计就像产品的造型设计一样，成为产品的重要卖点。UI实现了人和计算机之间的真正交互关系，操作逻辑也更直白。设计过的软件界面清晰明了，人们对界面的操控就像对家里某件家具或家用品的使用一样，Interface人性化了。而在这人性化的基础上，好的UI设计也提升了软件的品位，使操作更为便捷、舒适、简单，就想一件件经过设计的家居用品摆放在家里的同时也提高了生活品味和质量。

二、UI的应用以及其对当下数码产品的影响

一个数码产品是否拥有美观的界面；是否具有舒适的操作性能；对使用者来说是否具有视觉享受；是否有一定的设计感、一定的品位与档次等，会直接影响产品的销售。

非常具有代表性的例子是微软Windows的操作系统，它是电子产品发展史中，UI方面的一大代表，也是普通大众对计算机认识上的一个转折点。在1996年Windows出现以前，普通人对计算机的认识只停留在Dos操作系统中一长串一长串单调又难记得字符，一般人也很难学习甚至操作这种系统。当时的计算机只能由那些经过专业训练的程序员来操作，因为只有他们才知道Dos系统里那长串的字符代表什么。 Windows95的出现带来了“桌面”和“文件夹”等新名词，Windows的第一个界面是一张“桌子”，而所有的东西都可以“放”在这张“桌子”上。还有可以“收纳”和“整理”东西的“文件夹”，对于不想要的东西可以“扔”到“垃圾桶”里去，这是Dos年代无法想象的。而这些“桌面”、“文件夹”、“垃圾桶”等，用简明易懂的ICON（电脑图标）就可以代替，这种图形甚至比文字更浅显、更简洁、也更全球化。这些虚拟的“收纳整理”概念，大大简化了人们对计算机的了解认识过程，再也不是什么“根目录”、“子目录”等陌生空虚的词汇。

同时，每一款安装在Windows系统下的软件也有自己的界面和ICON（图标），所以无论你是要找文件夹还是程序，只要双击其ICON（图标）即可， 这不仅拉近了计算机和人之间的距离，更提高了计算机对人的服务能力，也使计算机的使用价值大大提高。这当中的主角当然是User Interface，以专业设计师的角度来讲也称为：GUI——Graphical User Interface（图形用户界面）。图形用户界面将复杂的程序语言转化为简单易懂的“全球化”视觉语言——图形。

还有一个很好的例子是手机。当手机刚刚出现的时候，除了通话几乎没有其他功能，而且价格昂贵的大机身上的界面几乎没有“设计”可谈。因为这在当时是一个全新的电子产品，人们暂时没有意识到界面交互功能，而只是关注其信号和待机时间，但真的是“不在乎”吗？还是没有意识到？电子产品的研发建立于对产品和用户的深入了解之上，经过时间的推移，越来越多的手机研发者也开始重视手机的外观设计，简单、易懂的手机界面已成为人们选择手机的一大因素， 而这些功能在手机中的使用当然离不开界面设计。美观、个性又方便的界面设计能充分展现一款手机的众多上述功能，人们也很愿意去使用这些功能。除此以外，还有比如网页、计算机应用程序、IPAD等掌上数码电子产品，也需要合理、人性化的操作界面。

三、Interface的设计要素

User Interface这门学科多被摆放在平面设计或者网页设计专业里，就User Interface的设计要素而言，由于其特殊的载体和使用范围，其设计要素对设计结果乃至产品销售上都有决定性影响。UI设计的主要设计要素归纳为以下几点：

1.图形（Graphic）

时代的不断进步，带领人们进入快速发展的数字化信息社会：图形以其有趣、直观、简明易懂等特点，成为了除文字语言外，另一个沟通方式，也正是读图时代的到来。国际图形教育系统Isotype（International System of Typographic Picture Education）上世纪20年代在奥地利，以社会学家奥图·纽拉特夫妇和插图家盖尔德·安茨为代表的，不仅影响了随后的信息设计学科发展，还通过实践影响了图标、标识系统的发展和应用。这种“图画文字”人们今天称为“图形”。简单的图形能引起人们的好奇心和注意力，这种心理反应暗示人们一定的信息，却比直接用文字来得更加生动、有趣，人们在读图的时候，这种探究图形意义的过程就是一种享受。

图形作为一门无声的视觉“语言”，还具有联想的功能，在读图的同时，人的大脑会产生侧面、间接、延伸、发散、跳跃、转换等思维变化，这种思维会引发人对事物产生新的理解，甚至是快于文字语言的国际化、全球化思维方式。世界上第一所真正意义上的设计学院——乌尔姆（ULM）设计学院将图形设计方式变成培养设计人员的必修课，展示出这种思维方式对设计，特别是对视觉传达设计的意义。直观、准确和具体的图形语言，不用建立在某种文字语言基础上，它是独立的，也是全球化的。在信息发达的数字化社会，通过数字产品的UI设计，迅速传播图形语言，缩短了地球村里每个“村民”之间的距离。

2.图标（Icon）

Icon也是数码时代才诞生的一个词，指的是软件或程序中的小按钮、小图标。Icon是特殊类型的小位图，最大尺寸是32x32dpi。这类图标或按钮在UI设计中，就像一扇扇门，只要人们点击它们，就能打开并进入下一个页面或程序。而小小的Icon必须承担起引导和传达信息的作用，用简单的图形告诉用户其复杂的功能以及能够执行的任务。并且根据不同软件的用户界面设计特点，可以设计出适合自己的界面Icon。

3.信息图形设计（Infographic）

信息图形是将所有的信息数据通过一定视觉语言的合理重组后，向观者传达某种信息数据等，使人们在短时间内，用比阅读文字更快的速度理解作者要表达的信息。在信息爆炸的当今社会，数码产品就需要正确有效的引导过程和简单、明了的界面设计。高速、有效是界面信息设计中很重要的一部分，这其实也是数字信息基于技术的视觉化革新，让复杂的数据、信息以最合理的方式进行传播，其中最有效的就是信息的图形化设计——Infographic。

再回到Windows这个话题，当技术停留在DOS年代的时候，没有人会关心用户的体会和感受，而当Windows出现的时候，原本电脑里的程序语言被完全用另一种语言“翻译”成了普通人们易懂的简单图形。再将其以简洁、明了的方式排列，这其实也是数字信息基于技术的视觉化革新。

首先在真正开始设计以前，设计师应该先根据所有手头掌握的内容，编排、整理出有一定逻辑的，经过归类的信息数据。有些可能是短句，有些也可能是很长、很复杂的问题。而设计师在初期更像是一位仓库管理员，要先分析数据和归类，做到让自己和其他人都能很快理解。接下来，设计师要运用平面设计领域里的图形和尽可能少的文字结合，表达复杂的软件程序指令语言。每套界面的设计，在视觉上应该是有系统、有步骤、有分类的，以便于人们从逻辑上更好地理解设计师对于复杂信息和软件指令的归类。这种图形语言表达复杂信息的视觉方式能首先让人消除对数码产品复杂难懂的印象，使人产生兴趣，然后再通过适当优美的设计，提升使用效率。

4.色彩搭配

每一款颜色都有自己的特殊属性和心理暗示，不同的色彩会给观众带来不同的信息，有效地选择搭配颜色，可以达到很好的信息辅助作用。反之，没有正确搭配，或者错误地随意选择颜色，则会影响设计作品的信息传播，有时甚至会与设计目的背道而驰。所以，作为设计师也要注意色彩的选取、搭配和色调等问题，根据每个案例选择正确的颜色，以及这些色彩在界面设计中所占的比例、位置等，以达到更好的信息传播的作用，同时也能提升设计品质。数码产品代表了一定的时代性，合理利用色彩之间的属性，搭配时尚靓丽的颜色，才能彰显用户界面的现代感。同时，色彩具有引导人心理的作用，在这个特点上，用户界面设计师应把握每个色相的基本属性和特点，合理利用颜色和界面内容组合，以起到画龙点睛的作用。

四、UI设计的未来

UI设计在中国是一个新兴的行业，在过去的很长一段时间内，这个行业一直未被国内企业重视，在他们眼里，只需要简单的“美工”完成界面设计。但随着时代的进步，越来越多的企业体会到他们必须重视数码产品和用户之间的互动沟通问题。这就是中间媒介——UI（用户界面）设计。参考那些大型数码产品开发企业，如苹果开发的I phone、I pad，已经使用户对本产品的喜爱程度大大超过对产品功能的使用需求上。这当中靠的不仅是苹果公司开发的软件，同时在硬件方面、产品界面上的人性化设计，也吸引了不少客户，甚至很多客户对苹果的喜爱程度已经转化为一种对产品依恋的情感。而金山公司开发的影霸、词霸、网标等，也是由于其对UI开发的重视，使得金山产品在同类软件中首屈一指。从而带来很大的客户源，低成本的UI开发，是属于小投入大产出，和产品功能上领先性的开发相比，也更容易实现。人与数字化产品之间的UI设计，是产品中很重要的区域，良好的界面设计提升产品的外观价值，更吸引用户，同时也体现了一个有活力、与时俱进的企业形象。

无论是手机、平板电脑还是其他软件，在高速发展的信息化社会必须以人性化的设计风格、简明易懂的信息图形以及时尚的色彩元素提高与用户的互动效率，使用户更好地体会其界面的设计内涵，从而更加喜爱该产品，以达到促销的目的。当然了，界面设计也不是单纯的艺术设计工作，是需要与用户的使用、软件开发和互动体验密切结合的。UI的设计师应紧紧跟随飞速发展的全球化趋势，掌握现代信息社会发展的方向。设计为生活而服务！对UI的不断改良和再设计也是更新数字信息时代的一种方法。这样，我们生活的地球村才会越来越融合，人们的生活质量也会因此而大大提高！

参考文献：

[1]孙皓琼.图形对话——什么是信息设计.北京：清华大学出版社，2011.10

[2]黄宗湖.创意图形设计手册.广西：广西美术出版社，2008.1

[3]张尤亮.信息图形设计. 黑龙江：黑龙江美术出版社，2011.4

[4]约翰逊著.张一宁译.认知与设计:理解UI设计准则.北京：人民邮电出版社，2011.9