互联网产品（Web/移动Web/APP）视觉设计 导航篇2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

互联网产品（Web/移动Web/APP）视觉设计 导航篇PDF格式电子书版下载

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

第1章 界面导航的设计理论及原则1

1.1 导航需求2

1.2 导航定义3

1.3 以用户为中心3

1.3.1 需求层次理论3

1.3.2 基于UCD的导航设计4

1.4 用户体验要素8

1.5 情感化设计11

1.6 最小努力16

1.7 降低不确定感18

1.8 艺术性原则21

1.9 隐喻26

1.10 设计模式30

第2章 界面导航系统的分类33

2.1 结构性导航系统34

2.1.1 全局导航34

2.1.2 局部导航35

2.2 关联性导航系统36

2.2.1 上下文导航36

2.2.2 面包屑导航38

2.2.3 步骤导航38

2.2.4 辅助导航40

2.2.5 页脚导航40

2.2.6 页码导航41

2.2.7 快速链接42

2.2.8 友情链接43

2.2.9 锚点链接45

2.2.10 标签云46

2.3 实用性导航46

2.3.1 标识链接46

2.3.2 语种或地域导航48

2.3.3 搜索引擎49

2.3.4 网站地图51

第3章 导航的基石——结构层53

3.1 信息构架54

3.1.1 信息结构图示54

3.1.2 卡片分类法56

3.1.3 信息构架案例58

3.2 交互设计61

第4章 导航的核心——框架层65

4.1 导航要素设计66

4.1.1 菜单66

4.1.2 链接文本67

4.1.3 按钮67

4.1.4 面包屑69

4.1.5 标签和卡片堆71

4.1.6 颜色编码73

4.1.7 图片与图标76

4.2 信息设计77

4.2.1 位置78

4.2.2 字母表79

4.2.3 时间81

4.2.4 类别82

4.2.5 层级83

4.3 界面设计84

4.4 线框图86

4.5 原型88

第5章 导航的焦点——表现层91

5.1 视觉设计概述92

5.2 风格设计93

5.2.1 菜单、标签、按钮、图标94

5.2.2 文字和数字97

5.2.3 空间100

5.2.4 最小化或无导航102

5.2.5 图像导航105

5.2.6 模拟纸制品106

5.2.7 封面页109

5.2.8 第一屏111

5.3 交互的视觉呈现112

5.3.1 导航菜单的交互视觉效果113

5.3.2 Ajax技术的应用115

5.3.3 Flash技术的保全方案116

5.3.4 链接文本的四种状态117

5.3.5 链接的响应区域118

5.3.6 Material Design交互动效119

5.4 格式塔效应120

5.4.1 接近性120

5.4.2 相似性120

5.4.3 连续性120

5.4.4 对称性120

5.4.5 完整和闭合倾向120

5.4.6 共同方向运动120

5.4.7 主体背景法则121

5.5 视觉影响122

5.5.1 分组及对齐122

5.5.2 视觉层次124

5.5.3 视线流125

5.6 导航布局125

5.6.1 横向顶部126

5.6.2 纵向左侧126

5.6.3 横向底部127

5.6.4 纵向居中127

5.6.5 随意布局128

5.6.6 浮动布局129

第6章 导航评价131

6.1 导航评价方法132

6.1.1 符合用户目标132

6.1.2 与网站类型相称134

6.1.3 广度与深度的平衡144

6.1.4 视觉清晰145

6.1.5 统一性145

6.1.6 良好的反馈148

6.1.7 有效率、有效果149

6.1.8 易学易用150

6.2 导航测试151

6.2.1 测试方法与内容151

6.2.2 眼动追踪技术152

6.2.3 导航测试分析154

6.3 优秀导航案例156

第7章 移动APP和移动Web的导航策略167

7.1 移动APP和Web的导航模式分类168

7.1.1 菜单栏模式168

7.1.2 标签模式170

7.1.3 抽屉模式170

7.1.4 树状模式171

7.1.5 平铺页面模式172

7.1.6 组合模式173

7.1.7 模态视图模式174

7.1.8 沉浸模式175

7.1.9 旋转木马模式176

7.1.10 卡片瀑布流模式177

7.1.11 导航模式案例178

7.2 移动APP/Web的导航视觉元素设计179

7.2.1 导航结构180

7.2.2 导航布局182

7.2.3 导航颜色184

7.2.4 导航文字185

7.2.5 导航图标187

7.2.6 “使能”的设计188

7.2.7 扁平化设计189

7.2.8 Google Material Design193

7.3 移动APP/Web导航交互设计原则195

7.3.1 布局合理196

7.3.2 界面简洁197

7.3.3 细化场景198

7.3.4 减少输入199

7.3.5 积极反馈200

7.4 展望201

参考文献205