视觉情感符号在UI设计中的应用

王艺湘 李佳怿

UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。为获得用户的欣赏和认可，用户界面设计往往需要采用更为简约、更为平民化的视觉设计风格。简约并不意味着简单，平民化也并不代表平庸化。设计师必须不断提高自己的能力，拓宽自己的视野，才能设计出让用户满意的好作品。视觉传达是用户界面设计的最重要的功能。因此，视觉传达在提高用户满意度方面起着重要作用。虽然我国用户界面设计起步较晚，专业化、标准化有待提高，但许多高校目前都开设了用户界面课程。随着我国互联网技术的飞速发展，用户界面设计将会越来越受到人们的重视，进而成为一个热门的职业和工作。

对于网站、手机等各种应用，界面设计直接关系到用户满意度、产品经济效益和未来发展。因此，不断研究和探索用户界面设计中的视觉传达问题，对提高用户界面设计质量具有重要意义。［1］

一、产品设计情感符号的构成

（一）情感符号在产品设计中的意义

“情感符号”在产品设计中作为一个名词，是指一个人对周围环境和自身所抱有的心理和态度。它是对客观事物属性的一种特殊反映形式，是受到外界刺激而产生的或积极或消极的心理反应。

就产品设计而言，信息的传递是通过传统的信息编码来完成的，而情感的表达则必须通过消费者的感受来实现。在产品设计中，情感信息的表达从设计师开始，核心是产品，终点是消费者。

设计师将情感信息融入产品的设计中，产品中所包含的情感信息又会被传递给消费者。消费者在面对产品时会产生一系列的心理感受，这种感受是一种审美和情感体验的过程。在消费者获得精神和物质满足的同时，设计师也从消费者的心理感受中获得灵感，并将其应用于未来的设计中。

从这个过程可以发现，当我们以产品为核心建立情感沟通渠道和联系时，产品在视觉感受和精神体验上都会充满情感，成为一种情感有机体，反映人们的心理感受。［2］

（二）产品设计中的视觉情感符号

从美学角度看，产品设计也是一种视觉艺术，是视觉艺术的产物。因此，产品设计必须从我们能感知到的视觉信息元素开始。就产品设计而言，色彩、结构和功能是产品信息的载体，是可感知的视觉元素，是特定文化背景下消费者认可的产品视觉艺术符号。这些视觉元素包含了美的元素，是美的载体。它能从视觉上唤起人们对产品美的认识，在情感上给人一种美的感觉。因此，必须利用这些视觉感知元素来表达情感，即要充分考虑视觉元素对情感传递的影响。

在具体的设计中，要充分考虑两个方面：一是充分理解视觉与情感表达的关系，二是如何在具体的视觉元素中表达抽象的情感。［3］

（三）产品设计中的图形情感符号

在产品设计中，图形符号在信息传递方面起着重要作用。设计师通过图形将情感和思想融入产品，消费者通过图形语言了解产品的情感内涵。

产品设计中的图形有三种类型：直接指代、指示和符号。

直接指代的图形符号，是通过模拟物体和物体的相似性而形成的。指示符号的所指对象与所指符号之间存在时空关系。人们通过所指符号来识别所指，其图式具有简明、直观的特征。符号所指对象与符号在本质上是相似的，但无形的相似性是群体思维同化的结果。

从以上三种类型的图形概念，加之前面的总结可以知道，这三种类型的图形通过其隐含意义或间接的方式来表达产品设计的理念，传达产品的情感，使不同民族和地区、不同文化背景的消费者都能产生属于自身的感受并了解图形符号所包含的情感特征。这种了解是个性化的。［4］

二、UI设计的基本内容

用户界面设计的全名是user interface，主要是指人机交互，使用户能够更好地使用其功能和使用各种计算机设备。优秀的用户界面设计可使用户在使用过程中感受到界面的实用性和美感。

在设计过程中，需要对网站或软件的功能、业务流程等相关数据进行适当的处理和归纳，然后通过图形语言进行图形化设计。在实际的设计过程中，为了使界面更干净、更美观、更易操作、更受公众欢迎，需要搭配合适的颜色。

三、UI设计与视觉情感设计的关系

通常，用户界面设计的主要服务对象是用户。界面设计的所有内容都应以用户为中心，用户需求是用户界面设计的核心。

从界面设计工作和界面设计产品来看，用户的体验和需求是界面设计的前提和基础。视觉需求是用户需求的一个组成部分。满足用户对视觉交互体验需求的最重要基础是交互体验中视觉感知的隐含部分。首先要探讨交互体验中视觉感知的隐含部分，然后将用户的视觉需求和理解融入用户界面设计中。设计者在不断改进和完善用户界面设计的同时，还应提高对用户视觉思维和操作习惯的掌握程度，消除因不符合用户视觉思维和操作习惯而给用户带来的不适应感，避免功能与设计的一致性，提高用户的视觉体验。［5］

图1所示的手机界面设计非常简洁，清楚地传达了每个软件的具体功能。界面图标与其功能具有物理关联性，比如传统的电话簿图标、漫画图标对话框、计算器图标等，用户一看便知软件的各自功能。简洁的界面、大胆的色彩使用、简单的图标更容易为用户所接受。

图1 手机界面

图2是雪碧的标识设计。每看到其蓝绿色背景，总是有一种清新、气泡、解渴和呼吸的感觉。以一般直观的方式向公众表达当前流行的元素——时尚、现代、简单。同时，该标识设计还突出了雪碧的“清新”特性，以及它给每个人带来的乐观和自信。雪碧品牌标识设计完美融合了品牌推广的基本功能属性（清爽蓝绿色背景和防渴气泡）与品牌推广的基本情感属性（坦诚、自信）。

图2 雪碧标识设计

诸多成功设计案例表明，用户的视觉体验在用户界面设计和人机交互的实现和发展中起着重要作用。

四、视觉设计情感风格的应用

人的情感是大脑的一种本能反应，在人们的生活中起着重要的作用。它能快速区分好和坏、安全和危险，为生命安全提供保障。例如，看到美丽、娇嫩的花朵会感到幸福，看到丑陋、巨大的物体会感到不安全。这些是人在视觉上表现出来的生存本能。视觉抓取的第一印象，在人的主观判断中起着非常重要的作用。

如今，人们的社会生活已进入情感消费时代，其需求不再仅仅停留于商品或服务上，以满足自身的使用需要，而是更注重从使用产品的心理和精神方面获得更多的愉悦和满足。也就是说，消费者越来越注重产品外观、产品颜色等视觉审美。视觉情感设计是运用文字、形状、色彩、材料等视觉元素，将设计思想和设计情感传递给消费者，使消费者通过视觉感知获得信息的一种创作活动。特别是为了开拓市场，一些企业往往通过产品、销售点等外部视觉形象，有意识地向消费者展示自己的独特品质，传递自己的个性信息，此时就需要视觉情感设计的介入。

UI设计作为一种实用性与艺术性相结合的审美创造，通过情感活动构建其各种符号元素和符号构成体系。界面设计的符号化表达是情感的符号化表达，情感是界面设计过程中的纽带。首先，用户界面设计在复杂的心理活动过程中创造情感符号。人类创造活动的心理因素包括感觉、知觉、表象、记忆、联想、想象、情感、意志、理解等。用户界面设计心理活动的主要因素是情感。具体而言，这里的情感是指对用户界面元素的情感倾向和选择。有人把由艺术家（设计师）、艺术作品和观众组成的情感系统称为艺术情感。

在如今这个视觉图像时代，现代图形设计对信息传播效果起着决定性作用。图形的情绪表达是将视觉设计形式的思想、内涵和情绪形式转化为可理解的信息，传递给听众。

在UI的设计阶段，情感表达使用的是“文字”。美国苏珊·朗格所说的情感符号，实质上也是指在文体元素中表现点、线、面、块、色的符号。符号之所以能够传达设计者的情感，是因为不同符号的组合状态具有不同的情感视觉结构。第一，如果没有设计师对界面元素的心理情感投入和审美选择，用户界面视觉力量的影响就无法实现。第二，用户界面设计中情感符号的表达是一种内在情感张力的表达，是一种“力量模式”。

五、结论

当客观物质资源的结构与设计者内部情感力量的结构相吻合时，后者能够接触现实，感受到异质性和同质性所产生的强烈情感，从而达到愉悦的目的，并有强烈的欲望去创造和表达自己的情感。设计师们常常使用这种“受力方案”来表达自己的情感。设计者一直都需要找到一种与其内在情感力量结构相适应的表达形式来实现设计的情感创造。

苏珊·朗格将艺术情感的传递视为“情感的象征形式”，即艺术是将情感（指一般情感，即人们所能感受到的一切）呈现给人们看，并将其转化为看得见或听得见的形式。它是用符号将情感转化为人类能够感知的东西——一种与我们的感官、智力和情感生活的动态同构的艺术形式。