第1章 色彩理论__eol__1.1 什么是色彩 1__eol__1.1.1 认识色彩 1__eol__1.1.2 色光三原色与色料三原色 2__eol__1.1.3 光源色与物体色 2__eol__1.2 色彩属性 4__eol__1.2.1 色相表现出不同的色彩意象 4__eol__1.2.2 明度体现出色彩的明暗程度 5__eol__1.2.3 饱和度决定了色彩的鲜艳程度 5__eol__1.3 无彩色与有彩色 6__eol__1.4 色彩模式 8__eol__1.4.1 适合屏幕显示的色彩模式——RGB 8__eol__1.4.2 适合印刷品的色彩模式——CMYK 10__eol__1.4.3 加法混合与减法混合 10__eol__1.4.4 网页安全色 11__eol__1.5 配色的基础规律——色系 12__eol__1.5.1 原色 12__eol__1.5.2 间色 12__eol__1.5.3 复色 13__eol__1.5.4 类似色 14__eol__1.5.5 邻近色 15__eol__1.5.6 对比色 15__eol__1.6 影响作品总体色彩印象的要素——色调 16__eol__1.7 色彩对人的心理影响 18__eol__1.8 色彩的视觉感受 19__eol__1.8.1 色彩的轻重感 19__eol__1.8.2 色彩的冷暖感 20__eol__1.8.3 色彩的前进与后退 22__eol__1.8.4 色彩的华丽与质朴 22__eol__1.8.5 色彩的软硬感 23__eol__1.8.6 色彩的大小感 24__eol__1.8.7 色彩的兴奋与沉静 25__eol__1.8.8 色彩的活泼与庄重 26__eol__1.9 UI配色欣赏 27__eol__第2章 UI配色基础__eol__2.1 关于UI设计 29__eol__2.1.1 什么是UI设计 29__eol__2.1.2 什么是GUI设计 29__eol__2.1.3 关于UE/UX 30__eol__2.1.4 移动UI设计的崛起 31__eol__2.2 UI配色的基本步骤 34__eol__2.2.1 明确产品的定位与目标 34__eol__2.2.2 确定目标用户群体 35__eol__2.2.3 分析竞争对手 36__eol__2.2.4 产品测试 37__eol__2.3 影响UI配色的因素 38__eol__2.3.1 UI的可读性和易读性 38__eol__2.3.2 产品的可访问性 39__eol__2.3.3 UI清晰度 39__eol__2.3.4 适配不同设备 40__eol__2.3.5 考虑到使用场景 41__eol__2.3.6 通过配色在UI中创造视觉层次 42__eol__2.4 感知色彩 42__eol__2.4.1 红色 42__eol__2.4.2 橙色 44__eol__2.4.3 黄色 45__eol__2.4.4 绿色 46__eol__2.4.5 青色 46__eol__2.4.6 蓝色 47__eol__2.4.7 紫色 49__eol__2.4.8 黑色 49__eol__2.4.9 白色 50__eol__2.4.10 灰色 51__eol__2.5 色彩在UI中所扮演的角色 51__eol__2.5.1 主题色——传递作品核心主题 52__eol__2.5.2 背景色——支配UI整体情感 53__eol__2.5.3 辅助色——营造独特的UI风格 55__eol__2.5.4 点缀色——强调界面重点信息与功能 56__eol__2.6 UI配色的基础原则 57__eol__2.6.1 色调的一致性 57__eol__2.6.2 保守地使用色彩 58__eol__2.6.3 色彩的选择尽可能符合人们的审美习惯 58__eol__2.6.4 使用色彩作为功能分界的识别元素 59__eol__2.6.5 能够让用户调整界面的配色方案 60__eol__2.6.6 色彩搭配要便于阅读 60__eol__2.6.7 控制色彩的使用数量 61__eol__2.7 使用配色软件进行配色 61__eol__2.7.1 ColorKey XP 62__eol__2.7.2 Color Scheme Designer 63__eol__2.7.3 Check My Colours 64__eol__2.7.4 ColorJack 64__eol__2.8 UI配色欣赏 64__eol__第3章 UI配色基本方法__eol__3.1 色相配色方法 67__eol__3.1.1 基于色相的配色关系 67__eol__3.1.2 相反色相、类似色调配色 68__eol__3.1.3 相反色相、相反色调配色 69__eol__3.1.4 渐变配色 70__eol__3.1.5 无彩色和彩色 70__eol__3.2 色调配色方法 71__eol__3.2.1 基于色调的配色关系 71__eol__3.2.2 相同色相或类似色相、类似色调配色 73__eol__3.2.3 相同色相或类似色相、相反色调配色 73__eol__3.3 融合配色使UI的表现更加平稳 74__eol__3.3.1 同明度配色使界面更融合 74__eol__3.3.2 同饱和度配色使界面表现更和谐 75__eol__3.3.3 同类色单色调配色 77__eol__3.3.4 复合色调配色 79__eol__3.3.5 暗浊色调配色 80__eol__3.3.6 明艳色调配色 82__eol__3.3.7 灰色调配色 83__eol__3.3.8 层次感配色 85__eol__3.4 对比配色使UI的表现更加强烈 86__eol__3.4.1 在UI中加入强调色 86__eol__3.4.2 色相对比配色 88__eol__3.4.3 原色对比配色 90__eol__3.4.4 间色对比配色 92__eol__3.4.5 补色对比配色 93__eol__3.4.6 冷暖对比配色 94__eol__3.4.7 面积对比配色 95__eol__3.4.8 主体突出的配色 96__eol__3.5 文字配色方法 96__eol__3.5.1 UI与文字配色关系 96__eol__3.5.2 良好的UI文字配色 99__eol__3.5.3 最佳易读性规范 99__eol__3.6 图标配色方法 102__eol__3.6.1 通过情绪板选择图标颜色 102__eol__3.6.2 通过目标人群选择图标配色 103__eol__3.6.3 根据品牌选择图标颜色 103__eol__3.6.4 四色原则 104__eol__3.7 表现情感与心理的配色 104__eol__3.7.1 暖色调配色 104__eol__3.7.2 冷色调配色 106__eol__3.7.3 高调的配色 108__eol__3.7.4 低调的配色 109__eol__3.7.5 健康的配色 111__eol__3.7.6 警示的配色 113__eol__3.8 UI配色欣赏 114__eol__第4章 UI配色技巧__eol__4.1 给你的配色做减法 117__eol__4.1.1 视觉区分 117__eol__4.1.2 调整界面风格 118__eol__4.1.3 吸引用户注意力 120__eol__4.2 突出界面主题的配色技巧 121__eol__4.2.1 提高色彩纯度烘托主题 121__eol__4.2.2 增加色彩明度差表现层次感 123__eol__4.2.3 添加鲜艳的色相使界面表现出活力 124__eol__4.2.4 添加点缀色为界面带来亮点 125__eol__4.2.5 抑制辅助色或背景色 126__eol__4.2.6 使用留白突出界面主题 127__eol__4.3 黑白灰配色技巧 128__eol__4.3.1 调和白色使画面具有透气感 128__eol__4.3.2 调和黑色使画面具有稳定感 129__eol__4.3.3 调和灰色使画面表现出质感 130__eol__4.3.4 综合运用黑白灰搭配 131__eol__4.4 使用鲜艳的配色方案提升UI设计效果 132__eol__4.4.1 提升界面的可读性和易读性 132__eol__4.4.2 锐化导航并提升互动 133__eol__4.4.3 可识别性 134__eol__4.4.4 营造氛围，传递情绪 134__eol__4.4.5 时尚的UI设计风格 135__eol__4.5 鲜艳的配色方案在UI设计中存在的问题 136__eol__4.5.1 鲜艳的配色不易搭配 136__eol__4.5.2 缺少风格和调性 137__eol__4.5.3 鲜艳的色彩并不适合所有群体 138__eol__4.5.4 鲜艳的色彩在移动端屏幕上显得过于扎眼 139__eol__4.6 UI设计深色系背景使用技巧 140__eol__4.6.1 应用深色背景的产品较少 140__eol__4.6.2 深色背景的适用条件 141__eol__4.6.3 深色界面的视觉风格 142