论UI设计中提升用户体验的情感化设计方法

本文ID：142474

(字数：16269)

XCLW50994 论UI设计中提升用户体验的情感化设计方法 (字数：16269)

中文摘要

本文以情感化设计在UI设计中的运用和表现手法为研究重点，分别从用户体验的UI设计原则、视觉层次、交互层次、情感引导等方面进行深入分析，同时结合《手机淘宝》案例对情感化设计的表现手法和运用技巧进行了探讨，对于提升情感化设计在用户体验中的灵活运用、开阔思维以及提高UI设计创作水平，具有积极的理论指导与实践意义。

关键词：UI设计；情感化设计；用户体验；表达方式

绪论……………………………………………………………………………………1

（一）研究背景…………………………………………………………………1

（二）研究现状…………………………………………………………………1

（三）研究意义与目的…………………………………………………………2

（四）研究思路与方法…………………………………………………………2

一、基础概念综述……………………………………………………………………4

（一）用户体验与UI设计的概念………………………………………………4

（二）情感化设计概念…………………………………………………………4

（三）情感化设计与UI设计的关联性与差异性………………………………4

1．关联性……………………………………………………………………4

2．差异性……………………………………………………………………5

（四）情感化设计对于提升UI用户体验的效果及价值………………………5

二、用户体验中的UI设计原则…………………………………………………5

（一）围绕用户而设计…………………………………………………………5

（二）简洁易用性原则…………………………………………………………5

（三）视觉元素一致性…………………………………………………………5

（四）交互方式一致性…………………………………………………………6

三、情感化设计研究…………………………………………………………………6

（一）情感的本质和表现………………………………………………………6

1．情感的本质………………………………………………………………6

2．情感的表现………………………………………………………………6

（二）情感化设计………………………………………………………………6

1．感性工学理论……………………………………………………………6

2．诺曼理论…………………………………………………………………7

（三）情感化设计在UI设计中的目标分析……………………………………7

1．增强用户认知……………………………………………………………7

2．引导用户操作……………………………………………………………9

3．增强情景记忆…………………………………………………………11

四、典型案例《手机淘宝》分析…………………………………………………12

（一）情感化设计在《手机淘宝》UI设计中的运用…………………………12

1．界面风格和布局………………………………………………………12

2．图标的情感表现………………………………………………………13

3．文字的情感表现………………………………………………………13

4．色彩的情感表现………………………………………………………14

5．引导用户操作…………………………………………………………14

6．增强情景记忆…………………………………………………………16

五、毕业设计《乐购网》UI设计实践……………………………………………16

（一）项目概述…………………………………………………………………16

（二）设计思路…………………………………………………………………17

（三）情感化设计在视觉层面的运用…………………………………………17

1．吉祥物的情感化表现…………………………………………………17

2．界面风格和布局情感化表现…………………………………………17

3．色彩的情感化表现……………………………………………………18

4．图标的情感化表现……………………………………………………18

5．文字的情感化表现……………………………………………………18

（四）情感化设计在引导层面的运用………………………………………19

1．信息提示类情感………………………………………………………19

2．操作提示类情感………………………………………………………19

3．智能操作类情感………………………………………………………19

4．产品功能性和交互性特点……………………………………………20

5．增强情景记忆…………………………………………………………20

（五）“乐购网”UI设计作品展示…………………………………………21

六、结论……………………………………………………………………22

参考文献……………………………………………………………………………23