形·色 网页设计法则及实例指导【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

形·色 网页设计法则及实例指导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 Doodle38

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自动填充工具——Craft196

7.2.2栅格工具——GuideGuide197

7.2.3圆角图形工具——Corner Editor198

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