见微知著 Web用户体验解构2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

见微知著 Web用户体验解构PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章　网站解构入门1

1.1 为什么要网站解构2

1.2　网站解构的思路和纬度4

1.2.1 整体界面布局及配色方案4

1.2.2　主要功能区4

1.2.3 页面元素4

1.2.4　其他细节4

第2章　整体界面布局及配色方案5

2.1 界面布局6

2.1.1　一栏式布局6

2.1.2　两栏式布局9

2.1.3　三栏式布局11

2.1.4　设计要点13

2.2　网站整体配色方案15

2.2.1 不同颜色会产生不同的主观感受16

2.2.2　网站特色17

第3章　主要功能区域25

3.1　头部26

3.1.1　头部类型26

3.1.2　头部的元素设计27

3.2　页尾设计29

3.2.1 需要规避的细节问题29

3.2.2　设计新趋势30

3.3　导航区30

3.3.1　Tab导航31

3.3.2　树状导航36

3.3.3　鱼眼导航38

3.3.4　面包屑导航39

3.3.5　网站地图42

3.3.6　推荐式导航43

3.3.7　引导性导航44

3.3.8　知名网站导航设计44

3.4　搜索区48

3.4.1　搜索的分类48

3.4.2　设计要点50

3.5　登录注册区54

3.5.1 告诉用户注册的好处57

3.5.2　用邮箱取代用户名，作为登录网站的唯一身份识别57

3.5.3　不要忘记“记住登录状态”和“忘记密码”等细节58

3.5.4　不必要的情况下尽量不要使用验证码58

3.5.5　注册表单的优化58

3.5.6　友好的提示信息59

3.5.7　设计醒目的登录、注册按钮59

3.6　信息内容展示区59

3.6.1　首页60

3.6.2　列表页66

3.6.3　具体页面69

3.7　广告区71

3.7.1 广告类型71

3.7.2　设计要点76

第4章　页面元素81

4.1 表单概述82

4.1.1　表单布局设计82

4.1.2　设计要点85

4.1.3　知名网站表单设计88

4.2　标签91

4.2.1 什么时候使用模块标签91

4.2.2　设计要点92

4.2.3　知名网站标签设计97

4.3　翻页98

4.3.1　第一页99

4.3.2　最后一页99

4.3.3 上一页和下一页100

4.3.4　页码显示的数量100

4.3.5　翻页区域的醒目度101

4.3.6　增大可点击区域101

4.3.7 页码的间距101

4.3.8 当前页码和总页码101

4.3.9　快速跳转102

4.4　链接102

4.4.1 链接的颜色102

4.4.2　链接的可点击范围102

4.4.3 链接的下划线103

4.4.4　链接颜色的变化104

4.4.5 区分内部链接和外部链接104

4.4.6　链接的交互方式104

4.5　按钮105

4.5.1　什么是按钮105

4.5.2　如何增加按钮的点击率105

4.5.3　按钮的主次关系108

4.5.4　按钮摆放的位置109

4.5.5 减少用户定位时间111

4.5.6　相关性设计，增加按钮的可理解性111

4.5.7　优化视觉效果，增加按钮的吸引力113

4.5.8　操作的反馈113

4.6　操作反馈114

4.6.1 什么是反馈，为什么要反馈114

4.6.2　反馈的种类114

4.7　验证码119

4.7.1 什么是验证码119

4.7.2　为什么需要验证码120

4.7.3　验证码带来的困惑120

4.7.4　其他方式122

第5章　其他125

5.1　文字设计126

5.1.1　字体类型126

5.1.2　字号127

5.1.3　字体颜色130

5.1.4　字体的样式132

5.1.5　设计要点132

5.2　网站文字的语气133

5.2.1 网站应该懂得基本的礼貌133

5.2.2 网站应该是谦逊、亲切的133

5.2.3 不要使用责怪用户的语气134

5.2.4 网站有时也可以表现出幽默的一面135

5.3　图片质感135

5.4 文字标题136

附录1 常用的设计原则139

附录2　Nielsen可用性原则143

附录3　延伸阅读（推荐网站）145