基于感性工学与色彩心理学的2.5维UI界面设计研究

摘要

信息时代数字产品的用户界面设计(UIdesign)是决定数字产品用户体验的关键。随着数字产品逐渐成为一种普遍的生活方式,用户界面设计越来越受到关注和重视。在这个背景下很多国内外学者对用户界面的用户体验研究做出了大量的努力,摸索出了一些用户体验设计的原则和模式。但是,长久以来用户界面的设计逻辑都停留在扁平化的思维上。在人机交互技术飞速发展,产品实现功能所需的信息流越来越立体化的今天,这样的设计思想已经不能满足用户界面设计给用户带来良好体验的目的。
　　 本文在这样的研究背景下,对用户界面设计的原理和方法进行了一些探究。首先阐述了人机交互模式的诞生和演变,以及UI设计在新时代下的变化,提出了用户界面设计应当以满足用户需求为目标,且随着人机交互技术的发展在UI设计思维上应当跳脱出平面的UI设计思维,用超越2维的2.5维视角来对待UI设计。然后介绍了UI设计的方法与流程。并在信息时代是一个感性时代的这样一个前提下,尝试用感性工学与色彩心理学对用户界面设计的方法进行完善。将感性工学的研究方法带入到UI设计的关键的需求分析的步骤中去,使得用户的感性需求能够被准确的确定。并且将感性工学与色彩心理学结合起来为UI设计中的视觉设计中的彩色需求定义提供指导。然后提出了一种新的基于Flashplatform技术与XML的高效率的高保真原型制作方法,使得在UI设计快速迭代的设计流程上能够提高UI设计检测的效率的同时保证UI原型制作的高保真。最后通过为南京大树公司设计制作烟草分拣机流水线总控软件UI界面对上述理论进行了实践。

目录

文摘

英文文摘

图表清单

第一章 绪论

1.1 研究背景:信息时代中的人机界面

1.2 研究目的:赢在用户

1.3 UI设计历史及UI现状

1.4 论文研究的意义

1.5 论文研究的内容与结构

第二章 2.5维的UI设计理论与设计流程探讨

2.1 数字产品的用户体验设计

2.1.1 人机交互模式的产生和发展

2.1.2 以用户为中心,以目标为向导的设计

2.1.3 实现模型、心理模型与表现模型

2.1.4 以用户为中心以目标为向导的设计方法及流程

2.2 设计原则与设计模式

2.3 本章小结

第三章 感性工学和色彩心理学的原理及其应用

3.1 感性工学理论概述

3.1.1 感性工学概要

3.1.2 感性工学的构成

3.2 感性工学的研究流程

3.3 感性工学的研究方法

3.3.1 前向性感性工学

3.3.2 逆向性感性工学

3.3.3 双向混成系统

3.4 感性工学在UI设计中的运用

3.4.1 基于感性工学的需求分析

3.5 色彩心理学概述

3.5.1 色彩的含义

3.5.2 色彩的研究历史

3.6 色彩心理的感性工学研究

3.6.1 色彩知觉

3.6.2 色彩的冷暖

3.6.3 色彩的重量

3.6.4 色彩联想

3.6.5 色彩象征

3.6.6 用户界面样本收集和色彩心理颜色提取

3.7 本章小结

第四章 新的UI原型制作方法

4.1 UI设计中的UI原型与检测

4.1.1 现有UI原型制作与检测方法的缺点

4.1.2 UI原型制作与检测方法的改良

4.2 基于Flash platform的动态UI高保真界面原型制作

4.2.1 基于Flash platform的AS3语言与XML语言的技术特点

4.3 本章小结

第五章 南京大树烟草分拣机流水线总控软件UI设计

5.1 建立用户模型

5.1.1 确定用户模型及用户目标

5.1.2 情景剧本

5.1.3 需求定义及优先级排序

5.2 UI交互框架定义

5.2.1 利用纸上原型对内容模块与功能模块的布局探索

5.2.2 利用线框原型细化交互框架

5.3 UI视觉设计探索

5.4 高保真UI原型制作

5.5 本章小结

第六章 总结和展望

6.1 论文总结

6.2 后续展望

参考文献

致谢

在学期间的研究成果及发表的学术论文