形·色 网页设计法则及实例指导PDF电子书下载

第1章 网页设计之初体验 9

1.1设计的意义 10

1.1.1什么是设计 10

1.1.2设计的目的 11

1.2网页设计的前世今生 12

1.2.1诞生——第一个网站 12

1.2.2探索——表格布局 13

1.2.3发展——Flash的“崛起” 14

1.2.4渐入佳境——DIV与CSS的诞生 15

1.2.5划时代——移动端兴起与响应式布局 17

1.3网页设计师的审美培养 19

1.3.1审美的差异 19

1.3.2 日韩设计行业的现状 19

1.3.3如何培养审美 24

1.4专业的设计网站推荐 26

1.4.1国内设计网站推荐 26

1.4.2国外设计网站推荐 28

第2章 以用户为中心的设计思维 31

2.1什么是用户体验 32

2.1.1生活中的用户体验 32

2.1.2互联网产品中的用户体验 34

2.2挖掘用户需求 35

2.2.1需求层次论 35

2.2.2用户需求解析 36

2.3令人愉悦的设计 38

2.3.1 Google Doodle 38

2.3.2国内设计师的尝试 39

2.4渐进式创新思维 41

2.4.1产品设计中的尝试 41

2.4.2设计中的迭代 42

2.5细节决定成败 44

2.5.1细节习惯的养成 44

2.5.2设计中的细节体验 45

第3章 网页设计中的配色 49

3.1色彩的种类 50

3.1.1无彩色 50

3.1.2有彩色 50

3.2色彩三要素 51

3.2.1色相 51

3.2.2明度 51

3.2.3饱和度 51

3.3色彩的情感 52

3.3.1红色 52

3.3.2 黄色 53

3.3.3蓝色 53

3.3.4 绿色 54

3.3.5 紫色 55

3.4配色的法则 56

3.4.1色彩的关系 56

3.4.2单色搭配 57

3.4.3类似色搭配 58

3.4.4 邻近色搭配 59

3.4.5中差色搭配 60

3.4.6 对比色搭配 61

3.4.7 互补色搭配 63

3.4.8色彩的对比 64

3.5常用色彩搭配 65

3.5.1商务促销类 65

3.5.2门户类 68

3.5.3儿童类 70

3.5.4 母婴类 71

第4章 网页设计前的准备工作 73

4.1有规矩成方圆 74

4.1.1网页设计的基本规范 74

4.1.2网页设计的标注规范 79

4.2网页设计的流程 81

4.2.1设计前期 81

4.2.2原型制作 82

4.3网页设计的工具 85

4.3.1常用软件的介绍 85

4.3.2 软件的基本操作 87

4.3.3效果图的展现方式 97

4.4关于切片 103

4.4.1切片工具的使用方法 103

4.4.2图片命名规范及保存格式 106

第5章 网页设计模拟练习 111

5.1草图及原型图的制作 112

5.1.1概念图的绘制 114

5.1.2原型图的制作方法 116

5.2确立基本风格和规范 117

5.2.1 根据风格确定配色 117

5.2.2确立设计规范 118

5.3网页制作的基本方法 120

5.3.1新建画布与设置参考线 120

5.3.2导航栏的设计 120

5.3.3主内容区的设计 122

5.4二级页设计 127

5.4.1导航栏的设计 127

5.4.2“在线选购”界面的制作 128

5.4.3产品介绍栏的设计 129

5.5标注的方法 131

第6章 网页设计实战解析 135

6.1个人工作室网页设计 136

6.1.1设计需求的确定 136

6.1.2确立设计规范 138

6.1.3导航与Banner设计 138

6.1.4文字与图集板块的设计 141

6.1.5表单与辅助信息 145

6.2酒店预订网页设计 147

6.2.1设计需求的确定 147

6.2.2确立设计规范 149

6.2.3导航设计 149

6.2.4 Banner设计 151

6.2.5图文排版设计 153

6.2.6 图集设计 154

6.2.7企业信息设计 158

6.3旅游工作室网页设计 161

6.3.1设计需求的确定 161

6.3.2首页设计 164

6.3.3二级页：新闻列表设计 168

6.3.4二级页：新闻详情页设计 176

6.3.5二级页：促销信息列表页设计 179

6.3.6视觉效果图的展示 184

第7章 设计师的经验分享 193

7.1设计师整理术 194

7.1.1学习资料的整理 194

7.1.2个人设计作品的整理 195

7.2好用的设计工具推荐 196

7.2.1自动填充工具——Craft 196

7.2.2栅格工具——GuideGuide 197

7.2.3圆角图形工具——Corner Editor 198

7.2.4 APP学习工具 198

7.3必备的图片处理工具推荐 201

7.3.1图片压缩工具——智图 201

7.3.2免费商用图库工具 201

7.4写给设计新人的话 205

7.4.1圈子的选择 205

7.4.2设计师发展的四大阶段 206

7.4.3设计大师修炼法则 211

7.4.4 设计中的沟通技巧 213

7.4.5绕开设计路上的“陷阱” 217

结束语 220