App界面视觉图形的情感化设计研究

1、    app界面视觉图形的情感化设计研究    马超 郑晓东【摘 要】研究目的：提出app视觉图形界面，如何满足用户的使用感观和使用体验，最终提升用户情感体验。方法：首先基于唐纳德·a·诺曼三层次理论，从本能层、行为层、反思层3个不同层面进行解析，结合app的不同逻辑层界面的图形设计进行分析，然后从图像、微交互角度提取情感诉求因子，提出情感化设计可以从情绪调动、感知影响和拟人化入手，最终得在不同交互层面的图形设计情感化设计方法，使app界面兼具良好的美观性和趣味性的同时，给用户带来更深层次的情感体验。结论情感化的设计可以从情绪调动、

2、影响感知和拟人化着手。【关键词】视觉图形；情感设计；微交互；本能层；行为层；反思层： tp393.092 ： a ： 2095-2457（2018）32-0048-002doi：10.19694/ki.issn2095-2457.2018.32.021【abstract】research purposes： propose the visual graphical interface of app， how to satisfy the user's sense of use and use experience， and ultimately enhance the user'

3、;s emotional experience. methods： based on donald a. norman's three-level theory， this paper firstly analyzed from three different levels： instinct level， behavior level and reflection level， and then combined with the graphic design of app's different logic level interface， then extracted t

4、he emotional appeal factors from the perspective of image and micro-interaction， and proposed that emotional design can mobilize emotion and perceive shadow. starting with sounding and personification， the emotional design method of graphics design at different interaction levels is ultimately requi

5、red， which makes the app interface both beautiful and interesting， and at the same time brings users deeper emotional experience. conclusion emotional design can start from emotional arousal， influence perception and personification.【key words】visual graphics； emotional design， micro interaction； in

6、stinctive layer； behavior layer； reflective layer随着中国移动互联网的快速兴起，移动终端用户已经超过9亿，成为全球移动互联网的第一大市场。据统计，2018年5月底发布了我国市场上的app数量为415万款，但人均手机app安装量仅为30个。在app下载排行榜top1000中，78%是老面孔，超过20%的app为新晋应用。随着app同质化竞争的日益激烈，人们消费需求的提高。人的感性心理需求得到了前所未有的关注，人们已经不在满足单纯的功能诉求，人的需求正向着情感互动层面的方向发展。”美国学者唐纳德·a·诺曼提出了情感化设计，他认为：

7、“任何实际的感受都包含所有的三种层面，即本能层、行为层、反思层。本能层关注的是产品的外观设计，通过被感官接受从而形成初步认知。行为层的设计以用户研究为出发点，从而使设计的产品兼具的实用性与可用性，进而增强用户的心理体验。反思层关注产品所传达出的文化内涵及意义。例如品牌形象、文化价值、企业理念等，当人们和产品之间发生互动后，会对产品蕴含的意味给予情绪反馈和情感共鸣，进而达到寻找自我形象、满足个性化需求、产生持久记忆和关注的目的。”情感化的设计的本质是一种创意工具、表达和实现用户的价值和预期。情感化的设计体现在情感化的产品形态、情感化交互方式和情感化的产品特质三个方面。在app界面设计中，我们需要

8、从把视觉效果与操作体验相结合，在为用户提高审美app功能在传递给用户的同时，在使用过程中给用户的带来持续的情感投射，可以使产品和使用者之间建立长期关系，增加用户对产品的忠实度。情感化产品的设计需要构建相对应用户心理模型，以有效激发其情感体验。1 用户心理模型的定位分析用户的感知与行为活动是受情感支配的。情感作为人对外界事物作用于自身的一种生理反应，是由期望和需要决定的。反思层面的设计作为意识、情绪、认知的高水平，更加倾向于强调以用户为中心，聚焦到目标用户群，了解用户心理及行为特点，挖掘用户潜在需求，将用户的情感认知从虚拟的数据转换成可视化数据，从而为设计提供依据。2 反思层面的app情感化设计

9、方法2.1 产品形态的情感化反思层面的产品设计，不仅仅包含了产品的使用功能，还包括了该产品所体现出的产品的审美体验和文化内涵。视觉图形、色彩、文案本属于本能层面，但为这些设计元素赋予语义，使人通过对设计产品信息、内容和意义的体会与了解产生情感。基于本层面的视觉設计体现为界面视觉图形的本能层与审美体验的反思层的结合，表达app界面的视觉功能。情感来源于人们的生活体验，情感设计元素来源于生活体验中的人与物。苏珊·朗格认为：“一件艺术品就是一件表现性的形式，这种创造出来的形式是供我们的感官去知觉或供我们想象的，而它所表现的东西就是人类的情感。”app的界面设计应以用户心里模型为依据，将来源

10、于用户生活中的视觉元素进行设计表现，表达符合用户心智特点的美学特征及价值取向，从而让用户产生联想与情感共鸣。2.2 交互方式的情感化产品的外观是产品与用户沟通的视觉化语言，而交互方式是产品与用户情感表达的整体体现。本章所涉及到的交互方式主要是指在情感化设计背景下，从微交互的角度出发，探讨视觉图形的构建。微交互通常关注于单个事件或者单个任务，这些交互元素，有助于减少用户使用时产生的交互“挫折感”，提升操作体验，从而在反思层形成情感上的个人满意。2.3 微动效与情感体验在人机交互的环节，响应时长与持续时长是动效设计的核心元素，作为功能性特效，微动效在界面设计中涵盖了入场、出场、过渡、加载等不同的状

11、态。微动效视觉动效设计需要充分考虑到交互相应时长，robert b.miller认为，在人机交互中，理想的响应时间应该控制在100毫秒内。nielsen在响应时间：3个重要限制中指出，用户操作出发的反馈，超过2秒无反馈需设计加载动效。dan saffer在微交互中指出，微交互的出现可以将某个动作的结果视觉化的呈现出来或是帮助用户操作屏幕上的某些元素。app微交互的视觉表现由文字、艺术符号、微动效三部分构成。艺术符号作为人与产品的视觉沟通语言，是人机交互界面的核心元素。微交互的构建可以通过将艺术符号多元混搭，把肌理、手绘、立体、线描等不同风格视觉元素组合成风格多样的静态图案。交互动效的复杂程度及

12、系统加载时长是交互动效设计另一个重要考量因素。动态图形相较静态图案能更容易转移用户注意力，让用户在等待时间内获得更多的愉悦感。动态图形的在微交互的表现特点体现在空间、大小、旋转、透明度以及色彩的变化。受限于app交互空间尺寸，利用有节奏感的设计打破视觉画面的单调感，增强画面的感染力，动态图形实际上是由一个个静止的图片所构成的，在静止的画面中，节奏和韵律的体现与平面设计中表现一致。包括画面中点线面的关系，色彩的关系，以及构图节奏的关系。微交互视觉效果转换除了收到艺术规律的限制之外，速度受线性与曲线两种运动规律的影响，在动效加载的过程中，自然、流畅的动效不仅可以增强界面视觉感染力，更增加了画面的文

13、化性和娱乐性。正如苏珊·朗格指出的那样：“一件艺术品就是一件表现性的形式，这种创造出来的形式是供我们的感官去知觉或供我们想象的，而它所表现的东西就是人类的情感。”3 app界面认知体验中的情感设计在移动产品开发中，用户体验是决定产品成败的关键。每一种情感体验都是心理和行为过程的体验，情感体验包括瞬时体验与长时体验，反思层的设计就是将用户的瞬时体验升华为成长时体验，从而提升用户对产品的粘合度。影响用户体验的因素主要有使用者的心理状态、认知水平、环境状况，而这些体验因子涵盖了界面的视觉感知、情境中的人机对话、操作成就体验等多个环节。视觉感知层面的情感设计通过自我认同、兴趣爱好出动用户，從而产生情绪调动。感知层的情感设计在视觉设计上以用户群体特征为出发点，以符合用户群体生理特点的图形、色彩，在界面符合用户的心理预期，在应用过程中产生自我认同感，让图形和色彩来打造情境打好“感情牌”，表达出积极积极情绪同时，辅助文案的设计在情感表达上一定程度转化了为交互过程中的空状态的尴尬和失落。4 结论界面设计的最终目标是为生活、为人的设计，以用户为中心的设计强调人的中心地位，符合人的情感需求，界面设计中情感化设计应从视觉层、功能层，反思层贯穿始终，从情绪调动、感知影响和拟人化入手，人机界面以更加友好、拟人化的设计，让用户在交互、等待过程中消除焦虑情绪，感受应用成就模式，形成成就体验，将