交互界面动效的情感化设计研究

《交互界面动效的情感化设计研究》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、根据本节教材用实验和猜测相结合的方法来说明生命起源的特点，教学方法也就选择学生观察投影片、猜测和查资料相结合的方法进行教学。交互界面动效的情感化设计研究摘要：基于情感化设计理论，研究交互界面中动效的运用，优化用户体验。以唐纳德?A?诺曼情感化理论的三个水平层次：本能层、行为层和反思层为指导，提出动效在相应情感层次中的设计方法。以情感化设计理论指导的动效设计可以增强用户与界面的情感互动，提升用户体验。　　关键词：动效；情感化；交互界面；用户体验　　交互界面动效指的是用户与终端显示界面交互过程中，界面呈现出的动态效果，包含以交互逻辑为基础的动效和从图形动画衍生到界

2、面中的细节动效。“情感化设计”一词由认知心理学家唐纳德?A?诺曼提出，是具有哲学意味的广义研究理论，以情感化设计三层次理论为指导，分析动效的设计方法，把情感融入到动效设计中，使用户在与界面的互动过程中产生正面的情感，提升用户体验。　　一、情感化设计的概念与内涵意大利医生雷地证明腐肉不能生蛆的实验投影片，巴思德的“鹅颈瓶实验”投影片，原始地球的投影片，米勒实验的投影片。根据本节教材用实验和猜测相结合的方法来说明生命起源的特点，教学方法也就选择学生观察投影片、猜测和查资料相结合的方法进行教学。　　《情感化设计》中，作者唐纳德?A?诺曼表述人们对产品的情感加工是通过

3、大脑的活动水平由低到高分为本能、行为和反思三个层次。本能水平是大脑的自动预先设置层，产生的情感是无意识的，此时物理特征是主要的，本能水平的设计对应产品的外形；行为水平对应支配日常行为的脑活动，核心在于使用物品时的情感体验，行为水平的设计指的是产品的使用乐趣和效率；反思水平的情感是认知的最高水平，是有意识的脑的思考，通过对产品的思考和理解获得个人情感体验。　　优秀的反思水平设计，用户往往能从拥有、展示和使用产品的体验中建立自我形象、引起个人满足感和勾起回忆。　　二、本能水平层动效的情感化设计方法　　在交互界面动效传达给用户的过程中，本能水平中能产生即刻情感效果的

4、视觉因素处在支配地位。设计原则是通过UI元素的形态变化和元素间不同维度的对比，使用户能时刻关注到视觉焦点并引导视线流。要注意的是适度添加动效，不能打扰用户在获取内容时的注意力，营造连贯流畅的视线流。　　位移、旋转、缩放、渐变是UI元素最基础的形态变化属性，人眼会快速捕捉到运动的物体，元素的形态变化直接影响用户对视觉焦点的捕捉。视线流是用户持续关注内容后留下的一串视觉焦点的流向。通过元素间时间、空间、色彩、形态、质感维度的差异对比，可以轻松吸引用户的注意力到界面希望展示的内容上。时间维度有动静、持续时间、时机的对比；空间有幅度、路径的对比；色彩有色相、明暗、饱和

5、度的对比；形态有具象、大小的对比；质感有肌理、光泽、透明度的对比。通过对比可以表现运动过程中元素间的关系和内容的逻辑层级。　　三、行为水平层动效的情感化设计方法意大利医生雷地证明腐肉不能生蛆的实验投影片，巴思德的“鹅颈瓶实验”投影片，原始地球的投影片，米勒实验的投影片。根据本节教材用实验和猜测相结合的方法来说明生命起源的特点，教学方法也就选择学生观察投影片、猜测和查资料相结合的方法进行教学。　　在本能层的视觉因素起主导作用之后，用户的意识会转向关注功能易用性，这就是行为层上讲的效用。根据诺曼教授提出的优秀行为水平设计的四个方面：功能性、物理感觉、易懂性和可用性

6、总结出动效设计原则应遵循功能性、物理性、反馈性、隐喻性和一致性。　　功能性。动画最基础的需求，为实现一定的目的服务。动效有展示层级、传达状态、提示信息等多种功能。设计师需要根据用户使用体验的反馈，谨慎添加动效，任何形式的动效首先是要有用的，能达到一定目的的。比如在ios的解锁密码界面，输错密码后摇晃的动画瞬间就能传达出错误的意思。　　物理性。让用户有一种视觉上的运动真实感。基于牛顿三大运动定律，对现实生活中常见的重力、摩擦力、弹力、惯性总结提炼，即使在抽象的界面中也可以使动画看上去更真实自然。在设计某一元素或物体的动效前，应研究现实世界与之相匹配物体的运动原理

7、，契合用户对力的认知经验。意大利医生雷地证明腐肉不能生蛆的实验投影片，巴思德的“鹅颈瓶实验”投影片，原始地球的投影片，米勒实验的投影片。根据本节教材用实验和猜测相结合的方法来说明生命起源的特点，教学方法也就选择学生观察投影片、猜测和查资料相结合的方法进行教学。　　反馈性。为用户的操作提供及时明确的响应。反馈动效需要在合适的时机引起用户注意，按发生时机不同分为过程反馈和结果反馈。过程反馈告知当前操作状态，比如在语音搜索时声波扩散的效果会传达出正在接收信息的反馈。结果反馈的响应要迅速且精确，过长的动画让人感觉响应迟钝，过短的动画又难以理解变化逻辑。在经常使用的功能

8、上不要添加复杂或长动画，会增加用户等待