醉染图书网页布局与配色实战9787302468608

章网页设计入门
1.1网页设计的原则/2
1.1.1了解用户需要/2
1.1.2内容与形式的统一/2
1.1.3主题鲜明/4
1.1.4易用/4
1.1.5整体统一/6
1.1.6对比/7
1.2网页设计的定位/7
1.2.1什么才是好的网页设计/7
1.2.2怎样做好网页设计/8
1.3色彩在网页设计中的重要/11
第2章页面的策划与布局
2.1栏目和页面设计策划/14
2.1.1为什么要进行策划/14
2.1.2的栏目策划/15
2.1.3的页面策划/16
2.2布局的基本元素/17
2.2.1Log/7
2.2.2Banner/17
2..导航栏/18
2.2.4主体内容/18
2.2.5文本/19
2.2.6图像/19
2.2.7Flas/19
2.2.8页脚/20
2.2.9广告区/20
.版面布局设计/20
..1版面布局原则/21
..2纸上布局/22
..软件布局/
2.4常见的版面布局形式/
2.4.1“国”字型布局/
2.4.2“厂”字型布局/
2.4.3“框架”型布局/24
2.4.4“封面”型布局/24
2.4.5Flash型布局/24
2.5页面排版布局趋势/25
第3章页面的视觉元素设计
3.1网页构成/28
3.1.1点的应用/28
3.1.2线的应用/28
3.1.3面的应用/29
3.2页面中的文字设计/29
3.2.1文字的字体、字号、行距/30
3.2.2文字的颜色/30
3..文字的图形化/31
3.2.4让文字易读/31
3.3页面中的图像应用/32
3.3.1常见的网页图像格式/32
3.3.2网页中应用图像的注意要点/33
3.3.3让图片更合理/34
3.4导航设计/35
3.4.1导航设计的基本要求/35
3.4.2全局导航的基础要素/36
3.4.3导航设计注意要点/36
3.4.4让按钮更易点击/37
第4章页面创意和风格
4.1页面设计创意思维/40
4.1.1什么是创意/40
4.1.2创意思维的原则/40
4.1.3创意过程/41
4.2创意的方法/41
4.2.1富于联想/42
4.2.2巧用对比/42
4..大胆夸张/42
4.2.4趣味幽默/43
4.2.5善用比喻/43
4.2.6以小见大/43
4.2.7偶像崇拜/44
4.2.8古典传统/44
4.2.9流行时尚/44
4.2.10设置悬念/45
4.2.11突出人物/45
4.2.12梦幻/45
4.2.13综合创意/46
4.3页面风格/46
4.3.1金属风格/46
4.3.2大幅配图/47
4.3.3面板风格/47
4.3.4像素风格/47
4.3.5三维风格/47
4.3.6书报风格/48
.页的创意视觉表现/48
第5章页面色彩搭配基础知识
5.1色彩的原理/52
5.2色彩的分类/52
5.2.1无彩色/52
5.2.2有彩色/53
5.3色彩的三要素/54
5.3.1明度/54
5.3.2色相/55
5.3.3纯度/55
5.4色彩模式/56
5.4.1RGB模式/56
5.4.2CMYK模式/56
5.4.3Lab模式/57
5.5色调分析/57
5.5.1纯色调/57
5.5.2中纯调/58
5.5.3低纯调/58
5.5.4明灰调/58
5.5.5中灰调/58
5.5.6暗灰调/59
5.5.7中暗调/59
5.5.8深暗调/59
第6章常用色彩处理手法
6.1色彩对比/62
6.1.1色相对比/62
6.1.2明度对比/67
6.1.3纯度对比/68
6.1.4色彩的面积对比/70
6.1.5色彩的冷暖对比/71
6.2色彩的调和/73
6.2.1色彩调和的原则/73
6.2.2色彩调和的基本方法/75
6.3色彩调和的类型/76
6.3.1同类色调和/76
6.3.2渐变色调和/77
6.3.3对比调和/78
6.3.4同一调和/78
6.3.5面积调和/79
第7章网页配色标准与技巧
7.1网页配色安全/82
7.1.1216网页安全色/82
7.1.2网页安全色配色辞典/82
7.1.3使用各种不同的安全色调色板/83
7.2网页配色技巧/84
7.2.1背景与文字颜色搭配/84
7.2.2使用一种色彩/86
7..两色搭配是用色的基础/86
7.2.4色彩的数量/87
7.3使用配色软件/88
7.3.1ColorKeyXp软件/88
7.3.2ColorSchemeDesigner/88
7.3.3CheckMyColours/89
7.3.4ColorJack/89
7.3.5ColorSchemerOnlinev2/90
第8章主色、辅色、点缀色
8.1主色的魅力/92
8.1.1主色可以决定整个作品风格/92
8.1.2主色的面积原理/92
8.1.3区别主色的关键/94
8.2辅色的秘密/94
8.2.1辅色的功能/94
8.2.2背景色是特殊的辅色/95
8..选择辅色的诀窍/96
8.3点缀色的应用/96
8.3.1点缀色也会影响页面风格/96
8.3.2点缀色能让页面放光彩/97
第9章常见基本配色搭配方案
9.1配色色标/100
9.2强烈/102
9.2.1配色方案/102
9.2.2配色解析/103
9.3丰富/103
9.3.1配色方案/103
9.3.2配色解析/105
9.4浪漫/105
9.4.1配色方案/105
9.4.2配色解析/106
9.5奔放/106
9.5.1配色方案/107
9.5.2配色解析/108
9.6柔和/108
9.6.1配色方案/108
9.6.2配色解析/109
9.7热情/109
9.7.1配色方案/110
9.7.2配色解析/111
9.8动感/111
9.8.1配色方案/111
9.8.2配色解析/112
9.9高雅/112
9.9.1配色方案/113
9.9.2配色解析/114
9.10流行/114
9.10.1配色方案/114
9.10.2配色解析/116
9.11清新/116
9.11.1配色方案/116
9.11.2配色解析/117
9.12古典/118
9.12.1配色方案/118
9.12.2配色解析/119
9.13堂皇/119
9.13.1配色方案/119
9.13.2配色解析/121
9.14/121
9.14.1配色方案/121
9.14.2配色解析/122
9.15职业/122
9.15.1配色方案/1
9.15.2配色解析/124
0章色相与配色
10.1红色系的配色/126
10.1.1红色系的分类/126
10.1.2红色适合的配色方案/128
10.1.3适用红色系的/130
10.2橙色系的配色/131
10.2.1橙色系的分类/131
10.2.2橙色适合的配色方案/133
10..适用橙色系的/134
10.3黄色系的配色/135
10.3.1黄色系的分类/135
10.3.2黄色适合的配色方案/137
10.3.3适用系的/138
10.4紫色系的配色/141
10.4.1紫色系的分类/141
10.4.2紫色适合的配色方案/142
10.4.3适用紫色系的/144
10.5绿色系的配色/146
10.5.1绿色系的分类/146
10.5.2绿色适合的配色方案/147
10.5.3适用绿色系的/149
10.6蓝色系的配色/151
10.6.1蓝色系的分类/151
10.6.2蓝色适合的配色方案/153
10.6.3适用蓝色系的/154
10.7无彩色的配色/157
10.7.1白色系的/157
10.7.2灰色系的/157
10.7.3黑色系的/157
1章各类设计与配色案例解析
11.1个人/160
11.1.1个人特点/160
11.1.2页面分析/160
11.1.3配色讲解/161
11.2/161
11.2.1的特点/161
11.2.2页面分析/163
11..配色讲解/164
11.3艺术/164
11.3.1艺术的特点/164
11.3.2页面分析/165
11.3.3配色讲解/165
11.4/166
11.4.1的特点/166
11.4.2页面分析/166
11.4.3配色讲解/167
11.5音乐/167
11.5.1音乐的特点/167
11.5.2页面分析/168
11.5.3配色讲解/168
11.6游戏/168
11.6.1游戏的特点/168
11.6.2页面分析/170
11.6.3配色讲解/171
11.7婚恋交友/171
11.7.1婚恋交友的特点/171
11.7.2页面分析/172
11.7.3配色讲解/172
11.8旅游/173
11.8.1旅游的特点/173
11.8.2页面分析/175
11.8.3配色讲解/176
11.9医疗保健/176
11.9.1医疗保健的特点/176
11.9.2页面分析/177
11.9.3配色讲解/178
11.10设计装饰类/179
11.10.1设计装饰类的特点/179
11.10.2页面分析/179
11.10.3配色讲解/180
11.11房地产/180
11.11.1房地产的特点/180
11.11.2页面分析/180
11.11.3配色讲解/181
11.12餐饮酒店/182
11.12餐饮酒店/182
11.12.1餐饮酒店的特点/182
11.12.2页面分析/182
11.1.配色讲解/183
11.13新闻/184
11.13.1新闻的特点/184
11.13.2页面分析/185
11.13.3配色讲解/187
11.14教育/188
11.14.1教育的特点/188
11.14.2页面分析/188
11.14.3配色讲解/189
11.15综合门户/189
11.15.1综合门户的特点/190
11.15.2页面分析/190
11.15.3配色讲解/191
11.16女装/191
11.16.1女装的特点/191
11.16.2页面分析/192
11.16.3配色讲解/192
11.17美容化妆/193
11.17.1美容化妆的特点/193
11.17.2页面分析/194
11.17.3配色讲解/195
11.18IT数码/196
11.18.1IT数码的特点/196
11.18.2页面分析/197
11.18.3配色讲解/198
11.19家居日用品/198
11.19.1家居日用品的特点/198
11.19.2页面分析/199
11.19.3配色讲解/200
11.20男商品类/201
11.20.1男商品类的特点/201
11.20.2页面分析/201
11.20.3配色讲解/201
11.21鞋类/202
11.21.1鞋类的特点/202
11.21.2页面分析/202
11.21.3配色讲解/202
11.22童装/204
11.22.1童装的特点/204
11.22.2页面分析/204
11.2.配色讲解/204
11.珠宝饰品/206
11..1珠宝饰品的特点/206
11..2页面分析/206
11..配色讲解/207
11.24食品/207
11.24.1食品的特点/207
11.24.2页面分析/208
11.24.3配色讲解/208
附录1各行业色彩搭配/209
附录2配色形容词色卡/214
附录3页面安全色/218
附录4160种配色方案/221

铁钟，上海工程技术大学艺术设计学院教师，中国美术学院设计学博士在读。多年来编写多本数字媒体相关著作与教材。研究方向：数字媒体艺术、文化遗产保护数字化。主持和参与：上汽集团历史馆、吉利汽车体验馆等多项博物馆数字化项目工程。

前言

怎样才能设计出与众不同的漂亮网页呢？一个的网页除了有合理的版式、恰当的内容之外，精美的色彩搭配也是的网页必不可少的要素。在网络世界中，人们不再局限于简单的文字与图片的组合，而是更加追求网页的美观与舒适。布局版式风格特色鲜明，并有与主题相得益彰的配色方案，是决定成功与否的重要因素。所以网页设计者不仅要掌握基本的网页制作技术，还需要掌握有关页面布局风格设计及色彩搭配等方面的知识和技巧，才能成为一名的网页设计师。

本书主要内容

本书在讲解版式布局和网页配色原理的基础之上，采用了大量国内外的配色成功案例进行实战分析。帮读者在鉴赏过程中逐步掌握不同情况下网页配色的规律与技巧，进而成为网页设计的行家里手。本书共11章。

章网页设计入门基础，讲解网页设计的原则、什么才是好的网页设计、好的网页设计是怎样做出来的、色彩在网页设计中的重要。

第2~4章页面的布局与创意风格，讲述布局的基本元素、页面布局方法、常见的版面布局形式、页面的视觉元素文字、图片和导航的设计、页面创意的方法和风格。

第5~8章介绍色彩的基础知识、常用色彩处理手法、网页配色标准与技巧、主色、辅色、点缀色。帮读者掌握基本的理论，为系统学习网页配色知识打好基础。

第9章基本配色搭配，介绍常见的配色搭配方法，详解配色方案，供读者即学即用。

0章色相与配色，重点介绍不同色彩红、橙、黄、绿、青、蓝、紫、黑、灰的配色方案，和适用的分析，同时提供经典案例，对其进行解析。

1章各类设计与配色案例解析，介绍18类不同的特点、网页精彩配色
案例。把理论融入到设计中，既可锻炼网页设计者对网页设计的分析能力和审美能力，又能够激发出网页设计者的创意与灵感，使网页设计者能够很好地掌握网页配色在设计中的应用要点。

本书主要特点

● 通过本书，可以系统地学习色彩知识，掌握色彩搭配技巧，提升色彩运用理念。读者也可以将它作为一本字典式的工具书。

● 紧跟当今前卫的色彩流行趋势。本书展示了的网页设计风格，提供了用的设计版式和前卫的配色经验，拓展读者的创意空间。强化对视觉心理的分析能力，把握设计网页与色彩心理表现之间的关系，发挥读者的视觉审美能力和艺术鉴赏能力。

● 本书通过分析不同类型的特点，并针对不同的主题来合理布置色彩，有针对地使色彩来体现的特色，使读者快速领会配色要诀。

● 通过案例培养读者的实际操作能力，将理论与实际相结合，注重读者思维、方法、技能的多向，及创造思维能力的培养，让读者在获得知识和提高能力上同步发展。

● 提供丰富的配色方案和版式设计方案。颜色搭配得当，网页就成功了一半，再搭配合理的版式设计，使网页更成功。

● 本书通过的网页设计作品，以多个角度、多个案例的结合，为读者的实务设计提供新的灵感和创意点。在开阔读者眼界的同时，结合理论进行讲解，帮读者全面地掌握设计的精髓。

本书作者

本书由上海工程技术大学铁钟编写，由上海市设计学IV 类高峰学科项目-包装文化与品牌研究团队资，另外参加编写的还有王彩梅、程振宏、冯雷雷、晁辉、陈石送、何琛、吴秀红、王冬霞、何本军、乔海丽、邓仰伟、孙雷杰、孙文记、何立、倪庆军、赵良涛、徐曦、刘桂香、葛俊科、葛俊彬等。在编写本书的过程中，我们以科学、严谨的态度，力求精益求精，但书中不足之处在所难免，欢迎广大读者批评指正。

2017 年6 月
作者