UI设计中用户体验研究

苏文芝

（济源职业技术学院，河南 济源 459000）

UI设计中用户体验研究

苏文芝

（济源职业技术学院，河南 济源 459000）

计算机技术和互联网的发展，使技术创新形态正在发生转变。以用户为中心、以人为本越来越得到重视。用户体验也被称作创新2.0模式的精髓。视觉体验是一种以单纯的生理活动与人的复杂思维活动相互作用的认知方式，这种方式受到感官因素、人自身文化素质因素、环境因素等影响。文章探讨了交互体验、情感体验、视觉体验等在UE设计中的应用。

UI；交互体验；UE；视觉设计

1 UI设计中交互体验

1.1 界面操作方式

通常UI界面上的操作方式主要有单击、拖动、滑动、横扫、下拉、缩小、放大、长按等。通过以上简单操作，可以体验移动设备的操控性。

1.2 界面切换方式

由于手机在其屏幕尺寸大小以及交互方式与PC端的差异性，用户在与界面交互时常常需要面对界面切换的操作，界面通过用户的点击或者滑动等手势来完成切换。为了给用户带来好的交互体验，设计师一般会采用平滑过渡的方式来引导用户完成界面的切换。主要有平行滑动、旋转、变形、黑色背景、放大、多种方式同时使用等。

1.3 界面反馈

界面中的反馈是对用户当前操作的一个响应，如果不给用户一个正确的回馈，用户可能会以为没有操作成功或界面没有其所需要的功能，最终可能放弃此操作。提示框、按钮、图标、动画、声音等界面的反馈，都应该及时反馈给用户，让用户流畅地完成交互。

2 UI设计中情感体验

优秀的界面设计不但关注功能，更关注用户的情感。只有当用户与界面的长期交互中建立起来的认知、情感，才能使界面充分表达自身的品牌文化与意义，这个时期界面的设计不仅满足了用户的基础功能需求，还充当设计公司的品牌文化载体，用户对设计公司也会有很高的忠诚度。最终带来满意的用户体验。

3 UI设计中的视觉体验

3.1 视觉体验

视觉是光作用于视觉器官，使其感受细胞兴奋，其信息经视觉神经系统加工后便产生视觉。通过眼睛人们可感受物体的外观、光线的明暗、色彩的炫丽等。视觉还受到个人的认知能力、文化修养、生活经验、周围环境等因素的影响。视觉体验是个人主观意识与客观条件的综合作用下的结果。

3.2 UI设计中的视觉流程

界面上的视觉元素对用户的视线起着向导的作用，界面的布局、色彩、图标等设计都会吸引用户的眼球。一般情况下，用户的视觉轨迹按照从上到下与从左到右的运动规律，用户在使用某个软件时，通常会先按照视觉流程的规律全观整体的界面，然后被界面中的设计亮点吸引，视线停留在亮点上慢慢地观察其细节。用户的视线就会以设计中的亮点为中心慢慢向四周扩散。在设计界面时应充分利用视觉流程规律，正确地引导用户的阅读与操作。

3.3 UI设计中的视觉结构

视觉结构是界面设计中的文字、图像等元素按照一定的逻辑、包含以及先后的顺序，进行排版布局形成的有秩序的板块。在视觉层次的设计时可以将信息进行分组归类，形成有规律的结构，用户可以快速找到识别中心。

3.4 视觉表达

﹙1﹚排版与布局。排版是对界面里的文字，图形、图标等因素进行位置、大小的编排，达到美观且能传达信息的过程。常见的界面排版主要有骨骼型、满版型、上下分割型、左右分割型、对称型、自由型等。布局是设计界面时忽略掉文字、图形的细节部分，对整个块面的布局，讲究界面的整体性。

﹙2﹚色彩与纹理。界面的设计应从整体出发把握界面的主题色调。一般情况下的界面设计通过调节色彩的纯度、明度等来设计各个色彩的细节。颜色单调就会乏味，饱和度太高容易喧宾夺主，明度太低又容易沉闷灰暗。界面的主题色是对软件风格的一种途释。在界面的设计中纯色是使用最多的，界面的背景可以采用纹理，纹理的使用会增加界面设计的层次感。

﹙3﹚文字与字体。界面中的文字设计与色彩一样，讲究统一整体性，先要从界面的整体风格着手，确定字号与字体，字体设计得太过或是缺乏设计感都会影响到整个界面的和谐美观。应该避免字体样式使用太多导致界面杂乱没有重点、字号与字体样式不够规范与整体风格大相径庭、字体样式太过特殊导致用户不能识别等等。设计师在面对字体设计时，在苹果和安卓系统中应采用不同的规范。

﹙4﹚图像与图标。图像较文字而言是视觉冲击力较大的元素，能够更加直观表明内容的含义，有很大的感染能力，图像是用户无障碍的沟通桥梁。图像在位置和大小设计应形成层次上的变化。软件的图标通常被设计得比较精致，其充当着标志的作用，需要设计得比较美观、细致。而界面中的图标通常是界面中需要被点击的区域，并不需要多么精致、繁琐的设计，而是要简练、意义明确、辨识度高，颜色通常为灰色，在被选定时变为亮色。

﹙5﹚平面与立体。平面化的设计不仅减轻用户的视觉负担，在细节的修改上也容易实现。平面化的设计讲究的是创意与造型的能力，设计师可以将大量时间花在创意的思考上而不是手绘某个阴影与高光。在界面更新改版时，平面化的设计可以快速地重新设计或更换颜色，适合目前快节奏的用户需求。

3.5 UI设计中的视觉疲劳

视觉疲劳是由于人的眼睛长时间处于高强度的工作状态，而出现眼部酸疼、流泪、视力下降等生理疲劳症状。视觉疲劳还包括眼部不适引起的心理疲劳，也就是审美疲劳。人们常说的“久入芝兰之室不闻其香”，就是指由于时间长而对美好的事物失去了新鲜感、好奇心。

﹙1﹚设计中的色彩疲劳。色彩的舒适与疲劳感实际上是色彩刺激视觉生理和心理的综合反应。每一种色彩都会给人们带来不一样的视觉感受。正常情况下，暖色比冷色更能让人视觉疲劳，或者色彩纯度过高，多种色相对比度过高也会引起视觉的疲劳。

﹙2﹚设计中的阅读疲劳。纸质的书籍已经不能满足人们现在快节奏的阅读需求，因此设计师们更应该满足用户对在任何情况下都能阅读的需求，减少阅读的视觉疲劳。字体以遵照各自系统的字体设计准则，如果追求画面的美感与个性，需要根据界面的主题来设计字体。字体样式的选择应该从界面的整体风格去把握。字体的颜色要与背景的颜色区分，颜色太过相近会使用户很难识别，但是区分的度也要把握好。

﹙3﹚UI设计中的视觉干扰。视觉干扰指通过向视觉系统发送指定信息，导致思维无法作出正确判断。用户无法预知的弹出控件以及悬浮广告对用户的视觉阻碍是较差体验的界面视觉干扰。

3.6 避免视觉疲劳

为减少用户的视觉疲劳。设计界面时视觉流程应清晰、色彩主题舒适、文字信息易读等方面下功夫。

按照视觉流程的规律全观整体的界面，降低不必要的视觉干扰，合理布局界面中元素层级关系，为用户提供一个清晰的视觉流程。在设计界面时先根据软件的类别来确定自己的主题色，突出标题或者界面中的重点内容时，可以选用主题色的对比色来设计。在界面的优化中，设计师常把设计重心放在色彩、布局、图像上，文字编排需在字体大小设置、文字留白、对齐、行段间距、甚至标点符号上注意细节技巧。

4 结语

互联网崛起并改变着人们的生活方式，UI设计不仅仅满足于简单的功能体验，在视觉体验上的要求也越来越高。通过对交互、情感与视觉等方面阐述UE在UI设计中的表达方式，文章提出UI设计的流程中视觉体验对优化UI设计的重要性，对未来智能手机中的UI设计优化提供支持。

[1]许玉铃.改变过去影响未来的交互设计法则[M].北京：中信出版社，2011.

[2]池田拓司.App，这样设计才好卖[M].北京：人民邮电出版社，2014.

[3]董建明，傅利民.人机交互以用户为中心的设计和评估[M].北京：清华大学出版社，2013.

[4] 赵大羽，关东升.品味移动设计[M].北京：人民邮电出版社，2013.

Research on user experience in UI design

Su Wenzhi
（Jiyuan Vocational and Technical College, Jiyuan 459000, China）

Computer technology and the development of the Internet make the innovation form of technology changed. User centered and people-oriented are getting more and more attention. User experience is also known as the essence of innovation 2.0 model.Visual experience is a kind of cognitive mode which is based on the interaction of simple physiological activities and people’s complex thinking activities, it is affected by the factors such as sensory factors, people’s own cultural quality, environemental factors, etc. This paper discusses the application of interactive experience, emotional experience and visual experience in the design of UE.

UI; interactive experience; UE; visual design

苏文芝（1979— ），女，河南安阳，硕士，讲师；研究方向：网络技术与多媒体。