描述
开 本: 16开纸 张: 胶版纸包 装: 平装是否套装: 否国际标准书号ISBN: 9787302379188
内容简介
本书旨在介绍网站及移动网站/APP等互联网产品界面色彩搭配的知识与方法。内容既涉及色彩属性等基础知识,也包括了有关互联网产品界面色彩设计的系统完整的实用技巧。书中选取了大量典型案例供读者观摩学习,让读者透彻理解配色要领,学会举一反三。 本书共分为6章。第1章“了解色彩”介绍色彩属性等基础知识及色彩在界面中的作用及配色原则;第2章讲解“基于色相的配色”,介绍9种常用色相的配色要领及对应案例;第3章讲解“基于色彩印象的配色”,介绍如何利用色调相关知识和描述色彩印象的形容词来搭配出*的色彩方案;第4章讲解“基于桌面网站内容与类型的配色”,从竞品分析和品类共性的角度探讨了汽车、房产、服饰、艺术等七类网站界面色彩设计的规律;第5章“基于移动网站/APP内容的配色”着重总结了阅读类、社交类、购物类等五类移动APP的界面配色规律;第6章“配色技巧”介绍一些处理色彩对比或统一关系的实用小技巧及专业配色网站工具的使用和培养色彩感觉的方法。 本书作者为数字媒体艺术专业副教授,长期从事教学科研及设计实践工作。本书力求将国内外界面色彩设计方面的知识体系融会贯通,从贴近实战的角度出发,结合案例式教学的方法经验,做到“有用、能用、好用”。 本书适合从事网站及移动APP设计人员以及大专院校、培训机构相关专业师生阅读,特别适合希望掌握界面色彩设计方法技巧的读者作为参考。
目 录
第1章 了解色彩
1.1 色彩的属性
1.1.1 色相
1.1.2 明度
1.1.3 彩度
1.1.4 色调
1.1.5 冷暖
1.2 网页色彩的模式
1.2.1 RGB色彩模式
1.2.2 Index色彩模式
1.2.3 216种网页安全色
1.3 色彩在界面中的作用
1.3.1 主辅色与强调色
1.3.2 营造氛围塑造风格
1.3.3 强化视觉区域、引导视觉流程
1.4 配色原则
1.4.1 准确
1.4.2 全局观、整体感
1.4.3 个性
第2章 基于色相的配色
2.1 红色系
2.1.1 红色的联想与象征
2.1.2 粉红色的联想与象征
2.1.3 紫红色的联想与象征
2.2 橙色系
2.2.1 橙色的联想与象征
2.3 黄色系
2.3.1 黄色的联想与象征
2.4 绿色系
2.4.1 绿色的联想与象征
2.5 蓝色系
2.5.1 蓝色的联想与象征
2.6 紫色系
2.6.1 紫色的联想与象征
2.6.2 紫色系配色案例分析
2.7 黑色系
2.7.1 黑色的联想与象征
2.7.2 黑色配色案例分析
2.8 白色系
2.8.1 白色的联想与象征
2.8.2 白色配色案例分析
2.9 灰色系
2.9.1 灰色的联想与象征
2.9.2 灰色配色案例分析
2.10 配色灵感的来源
第3章 基于色彩印象的配色
3.1 色彩印象空间
3.2 低彩度印象配色
3.2.1 温和印象的网页配色
3.2.2 隐约印象的网页配色
3.2.3 高尚印象的网页配色
3.3 高彩度印象配色
3.3.1 可爱印象的配色
3.3.2 欢快印象的配色
3.3.3 动感印象的配色
3.4 中间彩度印象配色
3.4.1 洁净印象的配色
3.4.2 自然印象的配色
3.4.3 优雅印象的配色
3.4.4 华丽印象的配色
3.4.5 稳重印象的配色
3.4.6 现代印象的配色
第4章 基于桌面网站内容与类型的配色
4.1 汽车类网站配色
4.1.1 汽车门户网站色彩解析
4.1.2 汽车品牌官方网站色彩解析
4.1.3 汽车官网常用主色
4.1.4 汽车网站配色规律总结
4.2 房产类网站配色
4.3 服饰类网站配色
4.3.1 服装门户类网站分析
4.3.2 服装品牌的官方网站的色彩设计
4.3.3 服饰类网站品牌官网与网店网页的设计区别
4.4 艺术类网站配色
4.4.1 舞蹈
4.4.2 戏剧
4.4.3 音乐
4.4.4 设计
4.4.5 艺术类网站总结
4.5 教育类网站配色
4.5.1 大学网站
4.5.2 儿童网站
4.5.3 育儿网站
4.5.4 中小学课外辅导学校
4.6 食品类网站配色
4.6.1 案例分析
4.6.2 食品类网站总结
4.7 电影类网站配色
4.7.1 案例分析
4.7.2 电影网站总结
第5章 基于移动网站/APP 内容的配色
5.1 阅读类应用
5.2 音乐类应用
5.3 社交类应用
5.4 购物类应用
5.5 餐饮类应用
第6章 界面配色技巧
6.1 利用配色工具分析界面颜色
6.1.1 Adobe Ku
6.1.2 colorschemedesign
6.2 如何加强界面色彩调和
6.2.1 类似色相、类似色调
6.2.2 相反色相、类似色调
6.3 如何加强网页色彩对比
6.3.1 相反色相、相反色调
6.3.2 类似色相、相反色调
6.4 渐变
6.4.1 色相渐变
6.4.2 色调渐变
6.5 分离
6.6 三角调和与四角调和
6.6.1 三角调和
6.6.2 四角调和
6.7 无彩色与彩色
篇外:配色这点事儿
功夫在诗外
色彩逆推
1.1 色彩的属性
1.1.1 色相
1.1.2 明度
1.1.3 彩度
1.1.4 色调
1.1.5 冷暖
1.2 网页色彩的模式
1.2.1 RGB色彩模式
1.2.2 Index色彩模式
1.2.3 216种网页安全色
1.3 色彩在界面中的作用
1.3.1 主辅色与强调色
1.3.2 营造氛围塑造风格
1.3.3 强化视觉区域、引导视觉流程
1.4 配色原则
1.4.1 准确
1.4.2 全局观、整体感
1.4.3 个性
第2章 基于色相的配色
2.1 红色系
2.1.1 红色的联想与象征
2.1.2 粉红色的联想与象征
2.1.3 紫红色的联想与象征
2.2 橙色系
2.2.1 橙色的联想与象征
2.3 黄色系
2.3.1 黄色的联想与象征
2.4 绿色系
2.4.1 绿色的联想与象征
2.5 蓝色系
2.5.1 蓝色的联想与象征
2.6 紫色系
2.6.1 紫色的联想与象征
2.6.2 紫色系配色案例分析
2.7 黑色系
2.7.1 黑色的联想与象征
2.7.2 黑色配色案例分析
2.8 白色系
2.8.1 白色的联想与象征
2.8.2 白色配色案例分析
2.9 灰色系
2.9.1 灰色的联想与象征
2.9.2 灰色配色案例分析
2.10 配色灵感的来源
第3章 基于色彩印象的配色
3.1 色彩印象空间
3.2 低彩度印象配色
3.2.1 温和印象的网页配色
3.2.2 隐约印象的网页配色
3.2.3 高尚印象的网页配色
3.3 高彩度印象配色
3.3.1 可爱印象的配色
3.3.2 欢快印象的配色
3.3.3 动感印象的配色
3.4 中间彩度印象配色
3.4.1 洁净印象的配色
3.4.2 自然印象的配色
3.4.3 优雅印象的配色
3.4.4 华丽印象的配色
3.4.5 稳重印象的配色
3.4.6 现代印象的配色
第4章 基于桌面网站内容与类型的配色
4.1 汽车类网站配色
4.1.1 汽车门户网站色彩解析
4.1.2 汽车品牌官方网站色彩解析
4.1.3 汽车官网常用主色
4.1.4 汽车网站配色规律总结
4.2 房产类网站配色
4.3 服饰类网站配色
4.3.1 服装门户类网站分析
4.3.2 服装品牌的官方网站的色彩设计
4.3.3 服饰类网站品牌官网与网店网页的设计区别
4.4 艺术类网站配色
4.4.1 舞蹈
4.4.2 戏剧
4.4.3 音乐
4.4.4 设计
4.4.5 艺术类网站总结
4.5 教育类网站配色
4.5.1 大学网站
4.5.2 儿童网站
4.5.3 育儿网站
4.5.4 中小学课外辅导学校
4.6 食品类网站配色
4.6.1 案例分析
4.6.2 食品类网站总结
4.7 电影类网站配色
4.7.1 案例分析
4.7.2 电影网站总结
第5章 基于移动网站/APP 内容的配色
5.1 阅读类应用
5.2 音乐类应用
5.3 社交类应用
5.4 购物类应用
5.5 餐饮类应用
第6章 界面配色技巧
6.1 利用配色工具分析界面颜色
6.1.1 Adobe Ku
6.1.2 colorschemedesign
6.2 如何加强界面色彩调和
6.2.1 类似色相、类似色调
6.2.2 相反色相、类似色调
6.3 如何加强网页色彩对比
6.3.1 相反色相、相反色调
6.3.2 类似色相、相反色调
6.4 渐变
6.4.1 色相渐变
6.4.2 色调渐变
6.5 分离
6.6 三角调和与四角调和
6.6.1 三角调和
6.6.2 四角调和
6.7 无彩色与彩色
篇外:配色这点事儿
功夫在诗外
色彩逆推
评论
还没有评论。