视觉可用性 数字产品设计的原理与实践2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

视觉可用性 数字产品设计的原理与实践PDF格式电子书版下载

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

第一部分 基本原则1

第1章 一致性1

1.1 什么是一致性2

1.1.1 一致性和市场2

1.1.2 建立一致性3

1.2 一致性在应用设计中的作用5

1.2.1 布局的一致性6

1.2.2 排版的一致性6

1.2.3 色彩的一致性8

1.2.4 图像的一致性9

1.2.5 控件和可供性的一致性12

1.2.6 选择正确的范式13

1.2.7 跨平台的审美一致性16

1.3 如果不能实现一致性，该怎么办18

1.4 关于无障碍功能的简短题外话18

1.5 避免犯常见错误19

1.5.1 一致地设计内容和图像19

1.5.2 为色彩的使用制定一致的规则20

1.5.3 一致地设计控件以揭示可供性20

1.6 做合理的决定20

1.6.1 检视已有的规则和惯例20

1.6.2 记录与一致性相关的决策20

1.7 超越平凡22

第2章 层级24

2.1 什么是层级26

2.2 层级的特征28

2.3 特征的相互作用33

2.4 定义一个层级34

2.4.1 定义元素35

2.4.2 流程36

2.4.3 模式37

2.4.4 不同应用级别和跨平台的层级37

2.4.5 原型制作和测试一致性38

2.5 避免犯常见错误39

2.6 做合理的决定39

2.7 超越平凡39

第3章 个性41

3.1 界面个性的元素46

3.2 为个性建立标准63

3.2.1 用户模型中的个性线索64

3.2.2 发掘公司需求64

3.2.3 评估商标需求65

3.2.4 处理偏好和不同意见65

3.2.5 内容66

3.2.6 呈现的形式——整合技术需求67

3.3 案例分析——定义SuperTracker的个性70

3.3.1 SuperTraker用户模型70

3.3.2 SuperTracker需求73

3.4 发掘一种个性的可能性76

3.5 避免犯常见错误79

3.6 做合理的决定79

3.7 超越平凡80

第二部分 视觉可用性工具81

第4章 布局81

4.1 布局的语言82

4.1.1 屏幕尺寸82

4.1.2 位置83

4.1.3 空白区域84

4.1.4 接近度、比例和对齐86

4.1.5 网格88

4.1.6 模板92

4.2 布局与基本原则93

4.2.1 布局与一致性93

4.2.2 布局与层级94

4.2.3 布局与个性95

4.3 案例分析：建立一个布局——为位置摆放定义一套基础理论96

4.3.1 功能及数据的考虑97

4.3.2 将功能绘制到页面和布局上98

4.3.3 从页面到模板99

4.4 是大而全，还是小而精104

4.5 避免犯常见错误107

4.5.1 在一个页面上放太多信息107

4.5.2 随意对齐108

4.5.3 随意分组108

4.6 做合理的决定108

4.6.1 清晰的层级108

4.6.2 为可扩展性而设计109

4.7 超越平凡109

第5章 字体110

5.1 字体的语言111

5.1.1 字型基础111

5.1.2 字型粗细度和样式114

5.1.3 字体的种类115

5.2 排版需考虑的因素118

5.2.1 字体尺寸118

5.2.2 粗细度119

5.2.3 行间距119

5.2.4 列宽和对齐119

5.2.5 大写字母120

5.2.6 字母间距120

5.2.7 色彩121

5.2.8 特效122

5.3 字体影响基本原则的方式123

5.3.1 一致性123

5.3.2 层级123

5.3.3 个性125

5.4 为字体定义基本原理125

5.5 案例分析——定义Super-Tracker的字体基本原理128

5.5.1 应用目的128

5.5.2 相关应用和品牌标准128

5.5.3 用户和个性129

5.5.4 平台方面的考虑129

5.6 选择和运用字体129

5.7 避免犯常见错误132

5.7.1 统一地使用字体132

5.7.2 为可读性而排版133

5.8 做合理的决定134

5.8.1 建立一个字体层级134

5.8.2 限定字体和字型134

5.9 超越平凡135

第6章 色彩136

6.1 色彩的用途137

6.1.1 建立并传递视觉层级139

6.1.2 使元素关系可见140

6.1.3 增加美学表现并传达个性143

6.2 色彩基础146

6.2.1 传统色彩模型146

6.2.2 红、绿、蓝模型147

6.2.3 色相与饱和度147

6.2.4 色值、亮度和色调148

6.2.5 对比色149

6.3 为色彩定义基本原理154

6.3.1 了解你的要求和限制155

6.3.2 了解想要传达的个性的特点155

6.3.3 指出页面上的“明星”155

6.3.4 确定额外的色彩需求156

6.4 案例分析：在实践中为色彩定义基本原理157

6.4.1 色彩搭配160

6.4.2 色彩与基本原则163

6.5 避免犯常见错误165

6.5.1 对比不足165

6.5.2 对比过多166

6.5.3 色彩过多166

6.5.4 色彩不足166

6.5.5 将色彩作为唯一的区分方法167

6.5.6 随便地、不系统地运用色彩167

6.6 做合理的决定167

6.7 超越平凡168

第7章 图像169

7.1 用图像交流172

7.1.1 吸引注意力173

7.1.2 提供解读和展示细节174

7.1.3 表现内容174

7.1.4 表达感觉、品牌或者风格175

7.1.5 吸引用户互动176

7.1.6 强化相似性与差别177

7.2 图像的类别和使用177

7.2.1 摄影照片177

7.2.2 视频181

7.2.3 插画182

7.2.4 动画182

7.2.5 Logo184

7.2.6 图标185

7.2.7 符号187

7.2.8 数据可视化187

7.2.9 互动图表191

7.2.10 地图192

7.2.11 图案、纹理、背景和渐变194

7.3 在应用中使用图像200

7.3.1 战略200

7.3.2 战略和战术201

7.3.3 战术201

7.4 案例分析：定义图像基本原理的实践201

7.4.1 评估图像——从“是什么”到“能变成什么”203

7.4.2 Logo的探索204

7.4.3 图标的探索205

7.4.4 图表的探索207

7.4.5 跨页面的图片208

7.5 图像与基本原则209

7.5.1 统一性209

7.5.2 层级210

7.5.3 个性211

7.6 避免犯常见的错误211

7.6.1 不使用无意义的图像211

7.6.2 对图像数量应用“Goldilocks准则”211

7.6.3 清晰地展现图像211

7.6.4 在一张图中只展现核心信息212

7.6.5 对同类图像进行统一设计212

7.6.6 对同类图像进行统一展示212

7.6.7 引入说明文字或帮助信息，当图片的含义非常明显时可不用212

7.7 做合理的决策212

7.7.1 注意文化习俗，看它们是否会影响用户对图像的解读212

7.7.2 注意图像风格和内容的趋势，以及这些趋势的内涵212

7.7.3 不要让默认的图表设计抢了内容的风头，也不要让它们操控个性213

7.7.4 为图像定义规则和标准213

7.8 超越平凡213

7.8.1 作为界面的图像213

7.8.2 专业的品质会使应用变得与众不同214

第8章 控件和可供性215

8.1 用设计来揭示可供性216

8.1.1 控件及可供性的类型217

8.1.2 导航控件217

8.1.3 数据操作控件220

8.1.4 信息显示控件231

8.1.5 整合动作来显示可供性236

8.2 控件、可供性以及基本原则240

8.2.1 一致性240

8.2.2 层级241

8.2.3 个性242

8.3 案例分析：为控件定义基本原理242

8.4 避免犯常见错误246

8.4.1 交互区域应该给人互动的感觉，只读区域则相反246

8.4.2 提供反馈246

8.4.3 让控件拥有设计感246

8.5 做合理的决定248

8.6 超越平凡248

8.6.1 用适当个性化的控件来改进流程并提高视觉吸引力248

8.6.2 利用反馈来表达个性248

总结 作为视觉对话的界面设计250

推荐的资源251

参考资料254