本书的使用方法 8
PART 0 网页设计基础知识 10
01网页设计基础知识 10
02网页的结构和工作流程 12
03在网页中加入设计部件 14
专栏 关于网页浏览器 14
04网页中所用的图像 16
05网页设计与文字版式 18
专栏 设计小窍门 19
06色彩的基础知识 20
专栏 通过调整补色让照片的色调更加理想 21
专栏 颜色搭配方法的参考网站 23
专栏 用于判断色觉异常患者所看颜色效果的工具 23
专栏 在醒目位置或页面按钮上反映出颜色的印象 23
07配色的基础知识 24
专栏 可供参考的网页设计网站 26
PART 1 从风格方面进行网页设计 28
01源自可爱的萌动设计 28
02充满活力的流行风格设计 30
03洋溢着雅致高端气息的设计 32
04自然柔和的设计 34
05炫酷先进的设计 36
06信任可靠的设计 38
07复古怀旧的设计 40
专栏 复古风格的字体在CSS中的表现方法 41
08古典高雅的设计 42
09日式和风的设计 44
10透明感的设计 46
11面向儿童用户的设计 48
12女人味的设计 50
13男人味的设计 52
14高级感的设计 54
15让食物看起来更美味的设计 56
16带有季节感的设计 58
专栏 可商用的摄影素材网站 60
PART 2 从配色方面进行网页设计 62
01基于标志、品牌颜色的配色 62
02以黄色为基调的配色 64
03以橙色为基调的配色 66
04以红色为基调的配色 68
05以粉色为基调的配色 70
06以紫色为基调的配色 72
07以蓝色为基调的配色 74
08以绿色为基调的配色 76
09以茶色为基调的配色 78
10以白色和灰色为基调的配色 80
11以黑色为基调的配色 82
12与色调相结合的配色 84
专栏 配色生成器与浏览器插件 86
PART 3 从不同行业、领域方面进行网页设计 88
01西餐厅、咖啡店类网站的网页设计 88
02医疗机构类网站的网页设计 90
03流行时尚类网站的网页设计 92
04美容、美发类网站的网页设计 94
05艺术节、展览类网站的网页设计 96
06音乐类网站的网页设计 98
07动画、游戏类网站的网页设计 100
08职业资格类网站的网页设计 102
09学校、幼儿园类网站的网页设计 104
10艺术类网站的网页设计 106
11新闻、门户类网站的网页设计 108
12电子商务类网站的网页设计 110
专栏 电子商务网站与平台 111
13企业类网站的网页设计 112
14体育健身类网站的网页设计 114
15引导页的网页设计 116
专栏 提供引导页参考的网站 117
专栏 将使用目的与网页设计结合起来的方法 118
PART 4 从版式、构图方面进行网页设计 120
01网格型版式 120
专栏 在Photoshop中轻松制作参考线 121
02卡片、瓷砖型版式 122
03单专栏型版式 124
04双专栏型版式 126
05组合专栏型版式 128
06全屏型版式 130
07脱离网格型版式 132
08自由型版式 134
专栏 版式设计的4个法则 136
PART 5 使用素材、字体、程序的设计 138
01以图像素材为主体的设计 138
专栏 丰富的视差效果带来的魅力 140
02使用抠图照片的设计 142
03使用纹理材质的设计 144
04使用装饰素材的设计 146
05使用手绘插图的设计 148
06使用文字版式的设计 150
07有效运用视频的设计 152
08带有动态特效的设计 154
09展示数据图像的设计 156
专栏 能够轻松制作出统计图和图表的Java Script库 157
专栏 Font Awsome的导入方法 158
PART 6 网页设计的趋势 160
01响应式网页设计 160
02网页字体 162
专栏 提供网页字体服务的网站 163
03分屏式设计 164
04扁平化设计和材料设计 166
专栏 采用材料设计语言的示例网站 167
05微交互式设计 168
专栏 从手机APP的UI中学习微交互的应用 169
06品牌主视觉设计 170
07视差设计 172
专栏 能够实现视差效果的jQuery插件示例 173
08双色调设计 174
专栏 双色调图像的制作方法 175
09文字竖排的版式设计 176
专栏 使用可更新编辑的WordPress 178
PART 7 网页各个要素的设计 180
01页眉 180
02全局导航栏 182
03标题 184
04按钮、图标 185
05表格 186
06填写项目 187
07页脚 188
专栏 收藏夹图标的设置方法 190