网页美工设计基础教程

本书：1.理论与案例并行，给读者学习增加感性认识和趣味性。 2.案例新，时尚感强。 3.可使入门读者以及非专业读者更快地了解网页美工设计。 4.日常、商业均有参考价值。

本书主要讲解网页设计和配色，共分8章，分别为网页设计理论、网页设计的基础知识、网页设计基础色、网页设计的界面布局方法、网页设计的构成元素、不同行业的网页色彩搭配、网页色彩的情感和网页配色实战。本书内容丰富，理论扎实、案例精彩，全书使用了“手把手教你”“小妙招”“优秀作品赏析”等特色模块，并结合了大量国内外优秀的案例和作品赏析，且均为国际新潮、流行的网页设计、广告设计、创意设计、影视设计作品，既有理论分析又有易懂的思路扩展，非常值得读者借鉴和学习。案例中有精准的色彩数值和设计剖析，既可以当作工具书查阅，也可以当作参照书赏析。本书是网页设计、标志设计、广告设计、报刊设计、平面设计、展示设计等人员的速查工具书，也可作为各大培训机构、公司的理论参考书，还可作为各大、中专院校网页设计专业的教材和参考书。

曹茂鹏，吉林艺术学院教师，亿瑞设计总负责人、高级讲师、视觉传达硕士；吉林省美学学会会员、COREL中国专家委员会成员。在教学一线从事教学多年，积累了丰富的教学经验，并参与过众多国内外大型项目的制作。已出版图书数十本。多本图书被选定为中国成人高考指定教材、专业高等院校教材、多本图书版权输出台湾等地、多本图书多次再版、多本图书名列同类书销量榜首。作品多次获奖，并发表多篇重量、省级论文。

1网页设计理论001
1.1网页设计概念003
1.2网页的设计标准004
1.2.1网页尺寸004
1.2.2网页字体005
1.2.3网页色彩005
1.3网页设计的八大法则009
1.3.1比例法则010
1.3.2对称法则010
1.3.3不对称法则011
1.3.4和谐法则011
1.3.5统一法则011
1.3.6平衡法则012
1.3.7反复法则012
1.3.8渐变法则013
1.4网页设计的四大原则013
1.4.1目的性原则014
1.4.2内涵性原则015
1.4.3个性化原则015
1.4.4艺术性原则016
1.5网页设计的点线面016
1.5.1点017
1.5.2线018
1.5.3面019
2网页设计的基础知识021
2.1网页色彩023
2.1.1色相、明度、纯度023
2.1.2主色、辅助色、点缀色024
2.1.3邻近色、对比色026
2.1.4色彩与面积027
2.1.5色彩混合027
2.1.6色彩与网页设计的关系029
2.2网页设计的元素030
2.2.1网页的规格030
2.2.2网页的LOGO031
2.2.3顶部通栏032
2.2.4网页文本032
2.2.5图像033
3网页设计基础色035
3.1红037
3.1.1浅谈红色037
3.1.2应用实例038
3.1.3常见色分析038
3.1.4优秀作品赏析039
3.2橙039
3.2.1浅谈橙色039
3.2.2应用实例040
3.2.3常见色分析040
3.2.4优秀作品赏析041
3.3黄042
3.3.1浅谈黄色042
3.3.2应用实例043
3.3.3常见色分析043
3.3.4优秀作品赏析044
3.4绿044
3.4.1浅谈绿色044
3.4.2应用实例045
3.4.3常见色分析045
3.4.4优秀作品赏析046
3.5青046
3.5.1浅谈青色046
3.5.2应用实例047
3.5.3常见色分析048
3.5.4优秀作品赏析048
3.6蓝049
3.6.1浅谈蓝色049
3.6.2应用实例050
3.6.3常见色分析050
3.6.4优秀作品赏析051
3.7紫052
3.7.1浅谈紫色052
3.7.2应用实例053
3.7.3常见色分析053
3.7.4优秀作品赏析054
3.8黑054
3.8.1浅谈黑色054
3.8.2应用实例055
3.8.3优秀作品赏析055
3.9白056
3.9.1浅谈白色056
3.9.2应用实例057
3.9.3优秀作品赏析057
3.10灰058
3.10.1浅谈灰色058
3.10.2应用实例059
3.10.3优秀作品赏析059
4网页设计的界面布局方法063
4.1骨骼型065
4.1.1手把手教你——骨骼型网页设计方法065
4.1.2骨骼型网页设计方案066
4.1.3骨骼型网页设计067
4.1.4骨骼型网页设计小妙招——稍显错落的排版打破呆板068
4.1.5优秀作品赏析068
4.2满版型069
4.2.1手把手教你——满版型网页设计方法069
4.2.2满版型网页设计方案070
4.2.3满版型网页设计071
4.2.4满版型网页设计小妙招——实物与虚景的不同妙处072
4.2.5优秀作品赏析072
4.3分割型073
4.3.1手把手教你——分割型网页设计方法073
4.3.2分割型网页设计方案074
4.3.3分割型网页设计075
4.3.4分割型网页设计小妙招——纵向分割076
4.3.5优秀作品赏析076
4.4中轴型077
4.4.1手把手教你——中轴型网页设计方法077
4.4.2中轴型网页设计方案078
4.4.3中轴型网页设计079
4.4.4中轴型网页设计小妙招——色彩的沉着感080
4.4.5优秀作品赏析080
4.5曲线型081
4.5.1手把手教你——曲线型网页设计方法081
4.5.2曲线型网页设计方案082
4.5.3曲线型网页设计083
4.5.4曲线型网页设计小妙招——不同的线条与色彩084
4.5.5优秀作品赏析084
4.6倾斜型085
4.6.1手把手教你——倾斜型网页设计方法085
4.6.2倾斜型网页设计方案086
4.6.3倾斜型网页设计087
4.6.4倾斜型网页设计小妙招——高明度与低明度的色彩088
4.6.5优秀作品赏析088
4.7对称型089
4.7.1手把手教你——对称型网页设计方法089
4.7.2对称型网页设计方案090
4.7.3对称型网页设计091
4.7.4对称型网页设计小妙招——同对称的形式092
4.7.5优秀作品赏析092
4.8焦点型093
4.8.1手把手教你——焦点型网页设计方法093
4.8.2焦点型网页设计方案094
4.8.3焦点型网页设计095
4.8.4焦点型网页设计小妙招——圆形的焦点设计096
4.8.5优秀作品赏析096
4.9三角型097
4.9.1手把手教你——三角型网页设计方法097
4.9.2三角型网页设计方案098
4.9.3三角型网页设计099
4.9.4三角型网页设计小妙招——绿色的清爽感100
4.9.5优秀作品赏析100
4.10自由型101
4.10.1手把手教你——自由型网页设计方法101
4.10.2自由型网页设计方案102
4.10.3自由型网页设计103
4.10.4自由型网页设计小妙招——耐人寻味的色彩104
4.10.5优秀作品赏析105
5网页设计的构成元素107
5.1导航109
5.1.1手把手教你——网页导航设计方法109
5.1.2网页导航设计方案110
5.1.3网页导航设计111
5.1.4网页导航设计小妙招——垂直导航112
5.1.5优秀作品赏析112
5.2banner113
5.2.1手把手教你——网页banner设计方法113
5.2.2网页banner设计方案114
5.2.3网页banner设计115
5.2.4网页banner设计小妙招——动感时尚的灰色图片116
5.2.5优秀作品赏析116
5.3模块117
5.3.1手把手教你——网页模块设计方法117
5.3.2网页模块设计方案118
5.3.3网页模块设计119
5.3.4网页模块设计小妙招——几何形状120
5.3.5优秀作品赏析120
5.4文字121
5.4.1手把手教你——网页文字设计方法121
5.4.2网页文字设计方案122
5.4.3网页文字设计123
5.4.4网页文字设计小妙招——增加标题文字字号，增加文字对比124
5.4.5优秀作品赏析125
6不同行业的网页色彩搭配127
6.1食品类129
6.1.1手把手教你——食品类网页设计方法129
6.1.2食品类网页设计方案130
6.1.3食品类网页设计131
6.1.4食品类网页设计小妙招——通过颜色让画面变得“更好吃”132
6.1.5优秀作品赏析132
6.2服装类133
6.2.1手把手教你——服装类网页设计方法133
6.2.2服装类网页设计方案134
6.2.3服装类网页设计135
6.2.4服装类网页设计小妙招——网页的版式设计136
6.2.5优秀作品赏析136
6.3企业类137
6.3.1手把手教你——企业类网页设计方法137
6.3.2企业类网页设计方案138
6.3.3企业类网页设计139
6.3.4企业类网页设计小妙招——富饶与简易的对比140
6.3.5优秀作品赏析140
6.4美妆类141
6.4.1手把手教你——美妆类网页设计方法141
6.4.2美妆类网页设计方案142
6.4.3美妆类网页设计143
6.4.4美妆类网页设计小妙招——黑色对称版式144
6.4.5优秀作品赏析144
6.5数码类145
6.5.1手把手教你——数码类网页设计方法145
6.5.2数码类网页设计方案146
6.5.3数码类网页设计147
6.5.4数码类网页设计小妙招——绘画的插入148
6.5.5优秀作品赏析148
6.6文娱类149
6.6.1手把手教你——文娱类网页设计方法149
6.6.2文娱类网页设计方案150
6.6.3文娱类网页设计151
6.6.4文娱类网页设计小妙招——简洁的分割手法152
6.6.5优秀作品赏析152
6.7家居类153
6.7.1手把手教你——家居类网页设计方法153
6.7.2家居类网页设计方案154
6.7.3家居类网页设计155
6.7.4家居类网页设计小妙招——清爽的视觉156
6.7.5优秀作品赏析156
6.8汽车类157
6.8.1手把手教你——汽车类网页设计方法157
6.8.2汽车类网页设计方案158
6.8.3汽车类网页设计159
6.8.4汽车类网页设计小妙招——深色调体现高端定位160
6.8.5优秀作品赏析160
6.9旅游类161
6.9.1手把手教你——旅游类网页设计方法161
6.9.2旅游类网页设计方案162
6.9.3旅游类网页设计163
6.9.4旅游类网页设计小妙招——通过高清大图吸引访客164
6.9.5优秀作品赏析164
6.10创意类165
6.10.1手把手教你——创意类网页设计方法165
6.10.2创意类网页设计方案166
6.10.3创意类网页设计167
6.10.4创意类网页设计小妙招——动画的趣味性168
6.10.5优秀作品赏析169
7网页色彩的情感171
7.1美味173
7.1.1手把手教你——美味网页设计方法173
7.1.2美味网页设计方案174
7.1.3美味网页设计175
7.1.4美味网页设计小妙招——暗色背景的使用176
7.1.5优秀作品赏析176
7.2清新177
7.2.1手把手教你——清新网页设计方法177
7.2.2清新网页设计方案178
7.2.3清新网页设计179
7.2.4清新网页设计小妙招——带有灰度的颜色180
7.2.5优秀作品赏析180
7.3温暖181
7.3.1手把手教你——温暖网页设计方法181
7.3.2温暖网页设计方案182
7.3.3温暖网页设计183
7.3.4温暖网页设计小妙招——暖系灯光184
7.3.5优秀作品赏析184
7.4凉爽185
7.4.1手把手教你——凉爽网页设计方法185
7.4.2凉爽网页设计方案186
7.4.3凉爽网页设计187
7.4.4凉爽网页设计小妙招——巧用蓝色背景188
7.4.5优秀作品赏析188
7.5饱满189
7.5.1手把手教你——饱满网页设计方法189
7.5.2饱满网页设计方案190
7.5.3饱满网页设计191
7.5.4饱满网页设计小妙招——运用饱和度较高的色彩192
7.5.5优秀作品赏析192
7.6时尚193
7.6.1手把手教你——时尚网页设计方法193
7.6.2时尚网页设计方案194
7.6.3时尚网页设计195
7.6.4时尚网页设计小妙招——用黄色点缀暗系背景196
7.6.5优秀作品赏析196
7.7神秘197
7.7.1手把手教你——神秘网页设计方法197
7.7.2神秘网页设计方案198
7.7.3神秘网页设计199
7.7.4神秘网页设计小妙招——合理运用黑色背景200
7.7.5优秀作品赏析200
7.8喧闹201
7.8.1手把手教你——喧闹网页设计方法201
7.8.2喧闹网页设计方案202
7.8.3喧闹网页设计203
7.8.4喧闹网页设计小妙招——多种颜色的搭配204
7.8.5优秀作品赏析204
7.9科技205
7.9.1科技感网页设计的搭配特征205
7.9.2科技感网页设计方案，举一反三206
7.9.3神秘悠扬的科技感色彩搭配207
7.9.4设计巧妙的科技感色彩搭配208
7.9.5科技感网页设计小妙招208
7.9.6优秀作品赏析210
7.10专业210
7.10.1专业感网页设计的搭配特征210
7.10.2专业感网页设计方案，举一反三211
7.10.3清爽简洁的专业感色彩搭配212
7.10.4现代化的专业感色彩搭配213
7.10.5专业感网页设计小妙招213
7.10.6优秀作品赏析215
8网页配色实战217
8.1简约风格网页设计218
8.2矢量风格图像装饰222