人们在回忆所看到过的场景和事物时，对色彩的记忆度要高于形态。也就是说，从视觉角度来看，一款产品给用户留下最深印象的部分往往是其配色。对于设计师而言，色彩是伟大的工具，配色是每个设计师的必修课，是设计过程中无法绕开的一个环节。 本书力求跟随当前UI配色设计的潮流趋势，详细讲解UI配色设计的相关方法和技巧，精选国内外优秀的UI设计作品进行配色分析，提供最具吸引力的UI设计配色方案，同时结合UI作品的配色设计实战练习，全面提升读者的UI配色设计水平，能够真正达到学以致用的目的。另外，本书赠送配色演示微视频、源文件、教学PPT课件及课后测试答案，读者可扫描书中二维码获取。 本书适合正准备学习或者正在学习UI设计的初中级读者，也可以作为各类在职设计人员在实际配色工作中的理想参考用书。

第1章 初识UI设计配色
1.1 色彩的基础理论
1.1.1 认识色彩
1.1.2 色彩三要素
1.1.3 无彩色与有彩色
1.2 UI设计配色的基本步骤
1.2.1 明确产品定位与目标
1.2.2 确定目标用户群体
1.2.3 分析竞争对手
1.2.4 产品测试
1.3 理解色彩印象
1.3.1 红色
1.3.2 橙色
1.3.3 黄色
1.3.4 绿色
1.3.5 青色
1.3.6 蓝色
1.3.7 紫色
1.3.8 黑色
1.3.9 白色
1.3.10 灰色
1.4 课堂操作——在线图书App配色设计
1.5 UI设计中的色彩角色
1.5.1 主题色——传递界面主题
1.5.2 背景色——支配UI整体情感
1.5.3 辅助色——营造独特的UI风格
1.5.4 点缀色——强调重点信息与功能
1.6 课堂操作——运动鞋App配色设计
1.7 UI配色的基础原则
1.7.1 色调的一致性
1.7.2 选择符合人们使用习惯的色彩
1.7.3 使用色彩划分界面元素和内容
1.7.4 为用户提供界面可选配色方案
1.7.5 提升界面内容的可读性
1.7.6 控制色彩的使用数量
1.8 课堂操作——影视App配色设计
1.9 拓展知识——了解UI和GUI设计
1.10 本章小结
1.11 课后测试
一、选择题
二、填空题
三、操作题
第2章 UI设计配色的基本方法
2.1 色调对UI配色的影响
2.1.1 认识色调
2.1.2 基于色调的配色
2.2 UI元素配色
2.2.1 图标配色方法
2.2.2 文字配色方法
2.2.3 UI文字易读性规范
2.3 基础配色方法
2.3.1 基于色相的配色关系
2.3.2 同类色配色
2.3.3 邻近色配色
2.3.4 同明度配色
2.3.5 同纯度配色
2.3.6 明艳色调配色
2.3.7 暗浊色调配色
2.3.8 灰调配色
2.4 课堂操作——智能家居管理App配色设计
2.5 对比配色方法
2.5.1 色相对比配色
2.5.2 原色对比配色
2.5.3 间色对比配色
2.5.4 补色对比配色
2.5.5 冷暖对比配色
2.5.6 面积对比配色
2.5.7 主体突出的配色
2.6 课堂操作——旅行服务App配色设计
2.7 通过配色表现UI情感印象
2.7.1 暖色调配色
2.7.2 冷色调配色
2.7.3 高调的配色
2.7.4 低调的配色
2.7.5 健康的配色
2.7.6 警示的配色
2.8 课堂操作——饮料预订App配色设计
2.9 拓展知识——色彩对人的心理影响
2.10 本章小结
2.11 课后测试
一、选择题
二、填空题
三、操作题
第3章 UI设计配色技巧
3.1 UI中色彩的作用与心理感受
3.1.1 UI中色彩的作用
3.1.2 应用色彩感觉进行配色
3.2 使用无彩色调和UI配色
3.2.1 加入白色调和，使界面更加轻盈、透气
3.2.2 加入黑色调和，使界面更加稳重、大气
3.2.3 加入灰色调和，使UI更具有质感
3.2.4 综合运用无彩色进行调和配色
3.3 课堂操作——照片视频分享App配色设计
3.4 使用色彩突出UI主题
3.4.1 使用高饱和度色彩烘托主题表现
3.4.2 通过留白突出UI主题
3.4.3 添加鲜艳色彩表现出UI活力
3.4.4 添加点缀色为UI带来亮点
3.4.5 通过色彩明度对比表现出层次感
3.4.6 抑制辅助色或背景
3.5 高饱和度色彩搭配技巧
3.5.1 使UI内容更易读
3.5.2 为交互元素应用鲜艳色彩
3.5.3 鲜艳的色彩更易被识别
3.5.4 营造氛围，传递情绪
3.5.5 UI表现更加时尚
3.6 课堂操作——电影票预订App配色设计
3.7 拓展知识——UI使用深色背景时需要注意的问题
3.8 本章小结
3.9 课后测试
一、选择题
二、填空题
三、操作题
第4章 网站UI配色设计
4.1 网站UI元素配色
4.1.1 Logo与网站广告
4.1.2 导航菜单
4.1.3 背景与文字
4.1.4 链接文字
4.2 打造成功的网站UI配色
4.2.1 遵循色彩的基本原理
4.2.2 灵活应用配色技巧
4.2.3 无彩色界面点缀鲜艳色彩
4.2.4 保持与产品色彩统一的配色设计
4.2.5 避免混乱的配色
4.3 课堂操作——耳机产品宣传网站UI配色设计
4.4 根据用户群体选择网站UI配色
4.4.1 不同性别的色彩偏好
4.4.2 不同年龄的色彩偏好
4.5 根据商品销售阶段选择网站UI配色
4.5.1 新产品上市期的网站UI配色
4.5.2 产品拓展期的网站UI配色
4.5.3 产品稳定销售期的网站UI配色
4.5.4 产品衰退期的网站UI配色
4.6 课堂操作——设计服务网站UI配色设计
4.7 常见的网站配色印象
4.7.1 女性化网站配色
4.7.2 男性化网站配色
4.7.3 儿童网站配色
4.7.4 稳定安静的网站配色
4.7.5 兴奋激昂的网站配色
4.7.6 轻快律动的网站配色
4.7.7 生动活