UI交互色彩设计PDF电子书下载

第1章 数字交互中的色彩设计 1

1.1 数字色彩 1

1.1.1 色彩的基础概念 1

1.1.2 数字色彩的概念 6

1.2 数字交互产品 9

1.3 数字交互色彩与UI设计 10

1.3.1 UI的概念 10

1.3.2 UI的形成原因 10

1.3.3 数字交互色彩与UI设计 11

1.4 无障碍数字交互色彩与UI设计 12

1.4.1 “无障碍”色彩设计的概念 12

1.4.2 UI界面设计中的无障碍色彩设计 14

本章小结 18

第1章 参考文献 19

第2章 色彩生理认知——工效学与UI“无障碍”交互设计 20

2.1 色彩生理认知与工效学 20

2.1.1 色彩与生理认知 20

2.1.2 色彩工效学的概念 22

2.1.3 无障碍色彩的UI交互工效 22

2.2 色彩编码与UI交互工效 28

2.2.1 色彩编码之色彩三属性 28

2.2.2 色彩编码之色彩构成形式 33

2.2.3 色彩编码的其他视觉元素 37

2.3 无障碍交互色彩的视认性 39

2.3.1 双色 39

2.3.2 三色 44

2.4 UI无障碍色彩交互的认知设计原则 44

2.4.1 通用设计原则 44

2.4.2 针对红绿色觉异常用户的补充设计原则 50

本章小结 53

第2章 参考文献 53

第3章 格式塔原理与UI交互色彩设计 55

3.1 格式塔心理学 55

3.1.1 格式塔心理学理论 55

3.1.2 格式塔心理学的原理与设计艺术 56

3.2 格式塔原理与UI交互色彩设计 64

3.2.1 图与底在UI中的交互色彩应用 65

3.2.2 接近性在UI中的交互色彩应用 73

3.2.3 相似性在UI中的交互色彩应用 77

3.2.4 封闭性在UI中的交互色彩应用 85

3.2.5 简明性在UI中的交互色彩应用 88

3.2.6 连续性在UI中的交互色彩应用 91

本章小结 94

第3章 参考文献 95

第4章 色彩心理认知——情感联想与UI“无障碍”交互设计 97

4.1 色彩情感联想的概念 97

4.1.1 色彩的心理反应 97

4.1.2 色彩的情感联想 98

4.1.3 红绿色觉异常人群的色彩情感联想 104

4.2 色彩情感与UI交互设计 105

4.2.1 UI交互中的常用情境与联想色彩设计 105

4.2.2 UI交互情感的色彩呈现 114

4.3 UI交互中的无障碍色彩情感设计原则 121

4.3.1 色觉正常用户无障碍设计原则 121

4.3.2 红绿色觉异常用户无障碍设计原则 124

本章小结 127

第4章 参考文献 128

第5章 动态色彩与UI“无障碍”交互设计 129

5.1 动态交互色彩概述 129

5.1.1 动态色彩的形成方式 129

5.1.2 UI动态交互色彩的意义 131

5.2 UI动态色彩的主要功能 133

5.2.1 营造焦点，吸引用户 133

5.2.2 视觉引导，明确操作 134

5.2.3 分割区域，提高辨识度 136

5.3 动态交互色彩的变化方式及变化维度 138

5.3.1 动态交互色彩的变化方式 138

5.3.2 动态交互色彩的变化维度 146

5.4 动态色彩的设计原则 152

5.4.1 色觉正常用户的设计原则 152

5.4.2 红绿色觉异常用户的设计原则 157

本章小结 160

第5章 参考文献 161

附录1 色觉正常用户双色及三色配色参考 162

附录2 红绿色觉异常用户单色配色参考 168

附录3 红绿色觉异常用户双色配色参考 182