作者:罗慧 日期:2017-02-20 20:51:56
《互联网产品(Web/移动Web/APP):视觉设计(配色篇)》旨在介绍网站及移动网站/APP等互联网产品界面色彩搭配的知识与方法。内容既涉及色彩属性等基础知识,也包括了有关互联网产品界面色彩设计的系统完整的实用技巧。书中选取了大量典型案例供读者观摩学习,让读者透彻理解配色要领,学会举一反三。
《互联网产品(Web/移动Web/APP):视觉设计(配色篇)》共分为6章。第1章“了解色彩”介绍色彩属性等基础知识及色彩在界面中的作用及配色原则;第2章讲解“基于色相的配色”,介绍9种常用色相的配色要领及对应案例;第3章讲解“基于色彩印象的配色”,介绍如何利用色调相关知识和描述色彩印象的形容词来搭配出最佳的色彩方案;第4章讲解“基于桌面网站内容与类型的配色”,从竞品分析和品类共性的角度探讨了汽车、房产、服饰、艺术等七类网站界面色彩设计的规律;第5章“基于移动网站/APP内容的配色”着重总结了阅读类、社交类、购物类等五类移动APP的界面配色规律;第6章“配色技巧”介绍一些处理色彩对比或统一关系的实用小技巧及专业配色网站工具的使用和培养色彩感觉的方法。
《互联网产品(Web/移动Web/APP):视觉设计(配色篇)》作者为数字媒体艺术专业副教授,长期从事教学科研及设计实践工作。《互联网产品(Web/移动Web/APP):视觉设计(配色篇)》力求将国内外界面色彩设计方面的知识体系融会贯通,从贴近实战的角度出发,结合案例式教学的方法经验,做到“有用、能用、好用”。
《互联网产品(Web/移动Web/APP):视觉设计(配色篇)》适合从事网站及移动APP设计人员以及大专院校、培训机构相关专业师生阅读,特别适合希望掌握界面色彩设计方法技巧的读者作为参考。 作者简介
罗慧,北京印刷学院设计艺术学院数学媒体艺术系副教授,清华大学美术学院硕士,从事互联网设计教育与实践十年,主要研究Web界面设计、交互设计、移动应用设计与开发,关注互联网产品设计思维与跨界创新。
目录:
第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 稳重印象的配色
……
第4章 基于桌面网站内容与类型的配色
第5章 基于移动网站/APP内容的配色
第6章 界面配色技巧
篇外:配色这点事儿