中文摘要
本文从交互体验在会展界面设计中的重要性谈起,结合交互体验的概念和特点,从情感、认知、以及感官三个方面深入挖掘目标用户的真正需求和研究目标用户的行为特点,从而在最大程度上去满足用户的需要。同时结合《智能引导》案例对情感、认知、感官设计在视觉层面的运用进行了探讨,对于提升交互体验在会展界面设计中的灵活运用、开拓思维以及提高设计创作水平,具有积极的理论指导与实践意义。
关键词:交互体验 界面设计 情感化设计 认知化设计 感官化设计
目录
绪论……………………………………………………………………………………1
(一)研究背景…………………………………………………………………1
(二)研究现状…………………………………………………………………1
(三)研究意义与目的…………………………………………………………1
(四)研究思路与方法…………………………………………………………1
一、基础概念及特点综述……………………………………………………………3
(一)交互体验的概念……………………………………………………………3
(二)交互体验式多媒体的特点…………………………………………………3
(三)会展界面设计中交互体验的重要性………………………………………3
(四)以交互体验为中心对于提升用户体验的效果及价值……………………3
二、会展界面设计中的设计原则…………………………………………………3
(一)围绕用户而设计……………………………………………………………3
(二)简洁易用性原则……………………………………………………………3
(三)视觉元素一致性……………………………………………………………4
(四)交互方式一致性……………………………………………………………4
三、目标用户的需求和行为特点研究………………………………………………4
(一)情感化设计………………………………………………………………4
1.情感化设计的本质和表现………………………………………………4
2.情感化设计在会展界面设计中的目标分析……………………………4
(二)认知化设计………………………………………………………………4
1.认知化设计的本质和表现………………………………………………4
2.认知化设计在会展界面设计中的目标分析……………………………4
(三)感官化设计………………………………………………………………5
1.感官化设计的本质和表现………………………………………………5
2.感官化设计在会展界面设计中的目标分析……………………………5
四、典型案例《手机淘宝》分析…………………………………………………5
(一)情感化设计在《手机淘宝》界面设计中的运用…………………………5
1.界面风格和布局………………………………………………………5
2.图标的情感表现…………………………………………………………6
(二)认知化设计在《手机淘宝》界面设计中的运用…………………………6
1.引导用户操作……………………………………………………………6
2.增强情景记忆……………………………………………………………8
(三)感官化设计在《手机淘宝》界面设计中的运用…………………………8
1.色彩的情感表现…………………………………………………………8
五、毕业设计《智能导览》界面设计实践…………………………………………9
(一)项目概述…………………………………………………………………9
(二)设计思路…………………………………………………………………9
(三)情感、认知、感官设计在视觉层面的运用……………………………9
1.界面风格和布局情感化表现……………………………………………9
2.色彩的情感化表现………………………………………………………10
3.图标的情感化表现………………………………………………………10
(四)情感、认知、感官设计在引导层面的运用……………………11
1.操作提示类情感…………………………………………………………11
2.智能操作类情感…………………………………………………………11
3.增强情景记忆……………………………………………………………11
(五)“智能导览”界面设计作品展示………………………………………12
(六)总结………………………………………………………………………14
六、结论……………………………………………………………………………14
参考文献……………………………………………………………………………15
附 录…………………………………………………………………………………16