平面配色手册

这是一本十分实用的平面配色专用工具书。章从色彩属性、色调和色域、和谐搭配、色彩的气氛和情绪、屏幕实物和色卡的区别、本书的使用方式，六个方面概括讲述了平面配色需要掌握的基础知识、配色前的准备工作，以及本书的使用方式；第二章至第五章从UI、包装、海报、图案的特点出发，各给出了32组配色组合，96个配色印象，384个配色方案，结合具体的配色图示，使配色实例在视觉和感知上更加简单易懂。在本书后的配色索引里标注了国际通用的潘通色号、RGB色值和Html颜色代码，设计师可以直接拿来做配色参考。

张昕婕

PROCO普洛可色彩美学社设计总监，法国斯特拉斯堡大学建筑、空间色彩学硕士，瑞典NCS 色彩学院认证学员，《瑞丽家居》瑞丽色栏目色彩专家、特约撰稿人。多年来一直专注于色彩设计和研发工作，涉及建筑外立面色彩、材质设计，室内色彩、材质、软装设计，产品色彩研发，流行色趋势研究和应用等。

PROCO普洛可色彩美学社

PROCO普洛可色彩美学社以多年色彩项目设计实践经验为基础，主要从事流行趋势预测、色彩教育、为企业提供产品色彩企划咨询服务。依托先进的国际色彩应用和方法，秉承科学态度与设计审美相结合的理念，专注流行色趋势预测，产品、建筑、空间的色彩研发、策划、生产、设计，并开发相关色彩使用工具和色彩学习课程。

第1章

配色前的准备

1.1 色彩属性 6

1.2 色调和色域 8

1.3 和谐搭配 10

1.4 色彩的气氛和情绪 13

1.5 屏幕、实物、印刷色和色卡 16

1.6 本书的使用方式 18

第2 章

平面色彩的意象氛围 界面设计篇

2.1 配色组合一 22

理性平静 23

乖巧稚气 24

科技未来 25

2.2 配色组合二 26

浑厚饱满 27

果断利落 28

活跃个性 29

2.3 配色组合三 30

平静闲适 31

雅致精美 32

典雅稳重 33

2.4 配色组合四 34

朴素大方 35

温馨安适 36

考究成熟 37

2.5 配色组合五 38

明亮甜美 39

俏皮少女 40

明净舒爽 41

2.6 配色组合六 42

童真欢乐 43

纯净清爽 44

平稳沉静 45

2.7 配色组合七 46

浅淡素净 47

简朴知性 48

清净踏实 49

2.8 配色组合八 50

清纯自然 51

肃静明晰 52

鲜明灿烂 53

界面设计色彩搭配提示 54

第3 章

平面色彩的意象氛围 包装篇

3.1 配色组合一 56

绵软可爱 57

精致甜美 58

英气洒脱 59

3.2 配色组合二 60

清爽稚嫩 61

芳香清甜 62

时髦前卫 63

3.3 配色组合三 64

天真烂漫 65

活泼张扬 66

浪漫风情 67

3.4 配色组合四 68

轻柔舒适 69

简洁中性 70

动感跳跃 71

3.5 配色组合五 72

科技工业 73

自由奔放 74

清爽畅快 75

3.6 配色组合六 76

甜美俏皮 77

复古摩登 78

童趣爽朗 79

3.7 配色组合七 80

怡然温柔 81

清新纯真 82

精致格调 83

3.8 配色组合八 8 4

娇柔轻盈 85

清澈明净 86

宁静致远 87

包装色彩搭配提示 8 8

第4 章

平面色彩的意象氛围 海报篇

4.1 配色组合一 9 0

动感活力 91

智慧思维 92

简洁清晰 93

4.2 配色组合二 9 4

深邃幽然 95

传统婉约 96

清雅高洁 97

4.3 配色组合三 9 8

旷达理智 99

童心未泯 100

开朗俏丽 101

4.4 配色组合四 102

恬淡纯粹 103

海盐之味 104

热诚少年 105

4.5 配色组合五 106

春日暖风 107

神秘深沉 108

时髦动感 109

4.6 配色组合六 110

时尚高级 111

低调简雅 112

中性力量 113

4.7 配色组合七 114

海底世界 115

盎然生机 116

心甜意洽 117

4.8 配色组合八 118

隐逸清雅 119

纯熟魅力 120

雨后山林 121

海报色彩搭配提示 122

第5 章

平面色彩的意象氛围 图案篇

5.1 配色组合一 124

春日明媚 125

静谧清幽 126

浪漫多姿 127

5.2 配色组合二 128

复古华丽 129

低调轻奢 130

雅致娴静 131

5.3 配色组合三 132

软萌细腻 133

淘气顽皮 134

隐约斑驳 135

5.4 配色组合四 136

勃勃生机 137

莓果派对 138

活力四射 139

5.5 配色组合五 140

深邃精致 141

蜜桃苏打 142

民族风情 143

5.6 配色组合六 144

森系复古 145

温润柔和 146

温情文艺 147

5.7 配色组合七 148

豆蔻年华 149

庄重复古 150

娇媚烂漫 151

5.8 配色组合八 152

温文尔雅 153

端庄娴淑 154

玲珑小巧 155

图案设计色彩搭配提示 156

色彩索引 157

这是一本十分实用的平面配色专用工具书。章从色彩属性、色调和色域、和谐搭配、色彩的气氛和情绪、屏幕实物和色卡的区别、本书的使用方式，六个方面概括讲述了平面配色需要掌握的基础知识、配色前的准备工作，以及本书的使用方式；第二章至第五章从UI、包装、海报、图案的特点出发，各给出了32组配色组合，96个配色印象，384个配色方案，结合具体的配色图示，使配色实例在视觉和感知上更加简单易懂。在本书后的配色索引里标注了国际通用的潘通色号、RGB色值和Html颜色代码，设计师可以直接拿来做配色参考。

张昕婕

PROCO普洛可色彩美学社设计总监，法国斯特拉斯堡大学建筑、空间色彩学硕士，瑞典NCS 色彩学院认证学员，《瑞丽家居》瑞丽色栏目色彩专家、特约撰稿人。多年来一直专注于色彩设计和研发工作，涉及建筑外立面色彩、材质设计，室内色彩、材质、软装设计，产品色彩研发，流行色趋势研究和应用等。

PROCO普洛可色彩美学社

PROCO普洛可色彩美学社以多年色彩项目设计实践经验为基础，主要从事流行趋势预测、色彩教育、为企业提供产品色彩企划咨询服务。依托先进的国际色彩应用和方法，秉承科学态度与设计审美相结合的理念，专注流行色趋势预测，产品、建筑、空间的色彩研发、策划、生产、设计，并开发相关色彩使用工具和色彩学习课程。

界面设计色彩搭配提示

配色一致性

在界面设计设计中，视觉设计语言的一致性非常重要。风格一致的图标、术语、动作习惯可以时刻告诉用户他们还在使用同一个产品，这样才能让用户始终保持统一的思考模式，快速理解操作逻辑，并保持各方面在整个交互行为中的流畅度。在这种大前提下，配色体系的一致性也就尤其重要了。

图29 中的每一个界面使用的都是统一的色彩体系。同样的深蓝色、浅紫色和白色是贯穿始终的颜色，在此基础上粉色、浅黄色、青绿色虽然不是每次都出现，但用户还是能够时间理解它们都是构成整个色彩体系的元素之一，除了上述颜色，设计中再也没有出现其他颜色，用户马上就能够理解它们是同一个情景下的界面。而图30的配色，则缺少系统性，每一个界面的配色都是独立的，看起来并没有联系，因此也就很难建立起连贯性。

色彩的信息传达

色彩在信息传达上的效率比文字和图形都要高许多。如图31 和图32中的四个汉字的顺序是完全相同的，但因为底色的配置方式不同，理解的意义就完全不同了。当看到图31 时，都是理解为“和平”和“谈心”两个词，而当看到图32 时，则都会理解为“和谈”和“平心”两个词。因此，在界面设计时尤其需要注意不同色彩组合与文字结合时所产生的变化。

色彩的简洁感

在UI设计中，色彩的应用应简洁明了，过多的颜色会让人在理解场景时产生混乱。本章中所列举的每一组色彩搭配示范，所采用的颜色都会比实际设计应用中略多，这主要是为了更好地说明和表现相同的颜色组合，在不同的面积比例下，会产生完全不同的视觉效果。读者在参考本章内容时，应根据需要适当减少颜色。