01 网页美工设计基础 2
1.1网页美工设计概述 2
1.1.1认识网页美工 2
1.1.2网页美工设计的流程 2
1.1.3网页美工设计的要点 4
1.2网页的组成 5
1.2.1网页页首 6
1.2.2网页主体内容 7
1.2.3网页页尾 8
1.3网页设计赏析 9
1.3.1综合类网站页面赏析 9
1.3.2科技类网站页面赏析 10
1.3.3教育类网站页面赏析 11
1.3.4娱乐类网站页面赏析 12
1.3.5购物类网站页面赏析 13
课后练习 14
02 网页配色设计 16
2.1色彩基础 16
2.1.1色彩三要素 16
2.1.2色彩的心理效应 17
2.1.3色彩的冷暖与网页色调 23
2.2网页中的色彩运用 24
2.2.1网页中的色彩角色 24
2.2.2如何搭配网页色彩 26
2.2.3如何选择网页色调 30
2.3课堂案例——为网页Banner配色 34
课后练习 37
03 网页布局设计 40
3.1网页尺寸设置 40
3.2网页常见布局类型 41
3.2.1国字型 41
3.2.2拐角型 41
3.2.3POP型 42
3.2.4标题文本型 42
3.2.5对称型 43
3.2.6全景型 43
3.2.7组合型 44
3.2.8散开型 44
3.3.9分割型 45
3.3网页布局技巧 46
3.3.1延伸 46
3.3.2曲线 47
3.3.3过渡 47
3.3.4隐藏 47
3.3.5层叠 48
3.3.6错位 48
3.4课堂案例——分析企业网站页面布局 49
课后练习 50
04 网页元素设计(上) 52
4.1网页文字设计 52
4.1.1认识字体 52
4.1.2网页文字字体设计 54
4.1.3网页文字编排设计 57
4.1.4课堂案例——设计女装Banner文字 58
4.2网页背景和图像设计 63
4.2.1网页背景设计 63
4.2.2网页图像风格 64
课后练习 66
05 网页元素设计(中) 68
5.1网页Logo设计 68
5.1.1Logo设计类型 68
5.1.2Logo设计误区 70
5.1.3课堂案例——设计房地产公司网站Logo 71
5.1.4课堂案例——设计传媒公司网站Logo 73
5.2网页导航栏设计 77
5.2.1导航栏类型 77
5.2.2导航栏设计注意事项 80
5.2.3课堂案例——设计企业网站导航栏 81
5.2.4课堂案例——设计商城网站导航栏 84
5.3网页页尾设计 90
5.3.1页尾的设计原则 90
5.3.2页尾的设计形式 91
课后练习 92
06 网页元素设计(下) 94
6.1网页广告设计 94
6.1.1网页广告分类 94
6.1.2网页广告的构图形式 96
6.1.3网页广告设计误区 99
6.1.4课堂案例——设计企业网站Banner 100
6.1.5课堂案例——设计家电促销Banner 104
6.1.6课堂案例——设计时尚服饰展示动态图像 111
6.2网店商品主图设计 113
6.2.1课堂案例——设计碎纸机主图 114
6.2.2课堂案例——设计剃须刀主图 117
6.3网页按钮设计 120
6.3.1按钮设计原则 120
6.3.2课堂案例——设计圆形按钮 122
6.3.3课堂案例——设计矩形按钮 126
课后练习 128
07 乐能企业网站页面设计 130
7.1前期规划 130
7.1.1规划网站结构 130
7.1.2规划网页布局 131
7.1.3规划网页颜色与字体 131
7.2网站首页制作 132
7.2.1制作页首部分 132
7.2.2制作Banner 134
7.2.3制作产品分类部分 138
7.2.4制作页尾部分 149
7.3网站子页制作 150
7.3.1制作纵向导航 151
7.3.2制作子页内容 153
7.4网页切片与输出 155
7.4.1切片概述 155
7.4.2切片输出 156
08 佳诺店铺页面设计 162
8.1店铺页面需求分析及规划 162
8.1.1需求分析 162
8.1.2页面规划 162
8.2店铺首页制作 164
8.2.1制作页首 164
8.2.2制作Banner 165
8.2.3制作代金券和分类版块 172
8.2.4制作产品推荐版块 174
8.2.5制作商品主图 178
8.3商品详情图制作 179
8.3.1制作商品基本信息版块 179
8.3.2制作商品特色介绍版块 182
8.3.3制作拍摄效果展示版块 185
参考文献 187