UI中文字色彩梯度的用户体验设计

中文摘要

本文以APP界面交互领域人眼视觉感知能力研究为基础，对在自然环境下人眼对APP场景中文字的不同识别度进行了研究。通过对典型案例《QQ音乐》APP的使用场景分析，总结色彩梯度在不同使用场景下的变化规律。基于用户体验设计的文字色彩梯度理论能使APP界面保持文字的有效阅读，系统有效的色彩梯度设计方法可以从产品设计层面将APP的用户体验做好，帮助人们提升阅读效率。

关键词：UI设计；文字色彩梯度；用户体验设计；无障碍阅读

目录

绪 论 1

（一）研究背景 1

（二）研究现状 1

（三）研究意义和目的 1

（四）研究思路和方法 1

一、基础概念综述 3

（一）基本概念 3

1.UI设计的概念 3

2.色彩梯度的概念 3

3.用户体验的概念 3

4.无障碍阅读的概念 3

（二）相关理论研究情况综述 3

1.UI设计方面的研究情况分析 3

2.色彩梯度的研究情况分析 4

3.用户体验的研究情况分析 4

4.无障碍阅读的研究情况分析 4

（三）色彩梯度在UI设计中的作用和价值 4

1.色彩梯度在UI设计中的作用 4

2.色彩梯度在UI设计中的价值 4

（四）小结 4

二、文字色彩梯度的明度边界与人眼视觉感知能力的关系分析 5

（一）人眼视觉感知的基本原理 5

（二）极端环境下的人眼的视觉感知变化分析 5

1.户外日光环境下的有效色彩梯度范围分析 6

2.夜间环境下的有效色彩梯度范围分析 6

3.运动场景下的有效色彩梯度范围分析 6

（三）文字色彩梯度的明度边界对人眼视觉感知能力的影响 6

1.户外日光环境下的影响分析 7

2.夜间环境下影响分析 7

3.运动场景下的影响分析 7

（四）小结 7

三、文字色彩梯度的设计方法与效果评测 7

（一）文字色彩梯度的设计方法 7

1.色彩梯度的设计 7

2.应用后的可读性测试 8

3.应用后的极端环境测试 8

（二）UI界面的设计效果评测 9

1.测试户外日光环境下的 UI 界面可识别性 9

2.测试夜间环境下的UI界面可识别性 9

四、典型案例分析与设计实践总结 10

（一）色彩梯度在《QQ音乐》中的应用 10

1.QQ音乐色彩梯度的设计分析 10

2.极端环境之跑步模式的色彩梯度变化 11

3.极端环境之夜间模式的色彩梯度变化 12

4.《QQ音乐》的UI色彩梯度设计规律 13

（二）毕业设计《GitChat》UI设计实践 14

1.项目概述 14

2.设计思路 14

3.色彩梯度在UI设计中的运用 14

结论 17

参考文献 18