视觉可用性:数字产品设计的原理与实践 [Visual Usability: Principles and Practices for Des]
译者序
前言
第一部分 基本原则
第1章 一致性
1.1 什么是一致性
1.1.1 一致性和市场
1.1.2 建立一致性
1.2 一致性在应用设计中的作用
1.2.1 布局的一致性
1.2.2 排版的一致性
查看完整
前言
第一部分 基本原则
第1章 一致性
1.1 什么是一致性
1.1.1 一致性和市场
1.1.2 建立一致性
1.2 一致性在应用设计中的作用
1.2.1 布局的一致性
1.2.2 排版的一致性
查看完整
Tania Schlatter,视觉设计师,从事视觉设计已达20年之久,拥有芝加哥设计学院的“以人类为中心的通信系统设计”方向的设计学硕士学位和波士顿大学“图形设计”方向美术学士学位,也曾在瑞典布利沙哥与Paul Rand和Armin Hofmann进行了一个夏天的技术交流。她还担任过AIGA公司的首席体验设计师,现在波士顿的东北大学担任研究生交互信息设计课程的教授。
Deborah Levinson,用户界面设计师,她拥有超过16年帮助设计者、工程师和通信专家发现共同点并成功开发数字应用的经验。她是麻省理工前任站长,也是MIT Guide to Teaching Website Design一书的联合作者。她和Tania共同拥有Nimble Partners公司,这是在波士顿地区的一家用户体验与用户界面设计公司。
Deborah Levinson,用户界面设计师,她拥有超过16年帮助设计者、工程师和通信专家发现共同点并成功开发数字应用的经验。她是麻省理工前任站长,也是MIT Guide to Teaching Website Design一书的联合作者。她和Tania共同拥有Nimble Partners公司,这是在波士顿地区的一家用户体验与用户界面设计公司。
《视觉可用性:数字产品设计的原理与实践》由资深视觉设计师Tania Schlatter和用户界面设计师Deborah A. Levinson亲力打造,内容全面且深入,既展示应用界面视觉设计的基本原则,又全方位讲解了基于理论和实践的设计方法和细节,使你在设计数字应用界面的时候避免犯常见的错误、做合理的决定,并最终实现超过平凡的应用设计,是学习应用视觉设计的入门指南。
《视觉可用性:数字产品设计的原理与实践》分为两部分,共8章。第一部分(第1~3章)全方位讲解了设计应用界面时需要遵守的三大基本原则,即一致性、层级和个性,以及这三大原则的概念、作用、定义过程。第二部分(第4~8章)详细介绍了布局、字体、色彩、图像、控件和可控性的视觉可用性工具,并结合实际的案例分析深入阐明了各个工具的使用技巧和使用过程中的常见错误,以及该如何避免。
查看完整
《视觉可用性:数字产品设计的原理与实践》分为两部分,共8章。第一部分(第1~3章)全方位讲解了设计应用界面时需要遵守的三大基本原则,即一致性、层级和个性,以及这三大原则的概念、作用、定义过程。第二部分(第4~8章)详细介绍了布局、字体、色彩、图像、控件和可控性的视觉可用性工具,并结合实际的案例分析深入阐明了各个工具的使用技巧和使用过程中的常见错误,以及该如何避免。
查看完整
译者序
前言
第一部分 基本原则
第1章 一致性
1.1 什么是一致性
1.1.1 一致性和市场
1.1.2 建立一致性
1.2 一致性在应用设计中的作用
1.2.1 布局的一致性
1.2.2 排版的一致性
1.2.3 色彩的一致性
1.2.4 图像的一致性
1.2.5 控件和可供性的一致性
1.2.6 选择正确的范式
1.2.7 跨平台的审美一致性
1.3 如果不能实现一致性,该怎么办
1.4 关于无障碍功能的简短题外话
1.5 避免犯常见错误
1.5.1 一致地设计内容和图像
1.5.2 为色彩的使用制定一致的规则
1.5.3 一致地设计控件以揭示可供性
1.6 做合理的决定
1.6.1 检视已有的规则和惯例
1.6.2 记录与一致性相关的决策
1.7 超越平凡
第2章 层级
2.1 什么是层级
2.2 层级的特征
2.3 特征的相互作用
2.4 定义一个层级
2.4.1 定义元素
2.4.2 流程
2.4.3 模式
2.4.4 不同应用级别和跨平台的层级
2.4.5 原型制作和测试一致性
2.5 避免犯常见错误
2.6 做合理的决定
2.7 超越平凡
第3章 个性
3.1 界面个性的元素
3.2 为个性建立标准
3.2.1 用户模型中的个性线索
3.2.2 发掘公司需求
3.2.3 评估商标需求
3.2.4 处理偏好和不同意见
3.2.5 内容
3.2.6 呈现的形式--整合技术需求
3.3 案例分析--定义SuperTracker的个性
3.3.1 SuperTraker用户模型
3.3.2 SuperTracker需求
3.4 发掘一种个性的可能性
3.5 避免犯常见错误
3.6 做合理的决定
3.7 超越平凡
第二部分 视觉可用性工具
第4章 布局
4.1 布局的语言
4.1.1 屏幕尺寸
4.1.2 位置
4.1.3 空白区域
4.1.4 接近度、比例和对齐
4.1.5 网格
4.1.6 模板
4.2 布局与基本原则
4.2.1 布局与一致性
4.2.2 布局与层级
4.2.3 布局与个性
4.3 案例分析:建立一个布局--为位置摆放定义一套基础理论
4.3.1 功能及数据的考虑
4.3.2 将功能绘制到页面和布局上
4.3.3 从页面到模板
4.4 是大而全,还是小而精
4.5 避免犯常见错误
4.5.1 在一个页面上放太多信息
4.5.2 随意对齐
4.5.3 随意分组
4.6 做合理的决定
4.6.1 清晰的层级
4.6.2 为可扩展性而设计
4.7 超越平凡
第5章 字体
5.1 字体的语言
5.1.1 字型基础
5.1.2 字型粗细度和样式
5.1.3 字体的种类
5.2 排版需考虑的因素
5.2.1 字体尺寸
5.2.2 粗细度
5.2.3 行间距
5.2.4 列宽和对齐
5.2.5 大写字母
5.2.6 字母间距
5.2.7 色彩
5.2.8 特效
5.3 字体影响基本原则的方式
5.3.1 一致性
5.3.2 层级
5.3.3 个性
5.4 为字体定义基本原理
5.5 案例分析--定义Super-Tracker的字体基本原理
5.5.1 应用目的
5.5.2 相关应用和品牌标准
5.5.3 用户和个性
5.5.4 平台方面的考虑
5.6 选择和运用字体
5.7 避免犯常见错误
5.7.1 统一地使用字体
5.7.2 为可读性而排版
5.8 做合理的决定
5.8.1 建立一个字体层级
5.8.2 限定字体和字型
5.9 超越平凡
第6章 色彩
6.1 色彩的用途
6.1.1 建立并传递视觉层级
6.1.2 使元素关系可见
6.1.3 增加美学表现并传达个性
6.2 色彩基础
6.2.1 传统色彩模型
6.2.2 红、绿、蓝模型
6.2.3 色相与饱和度
6.2.4 色值、亮度和色调
6.2.5 对比色
6.3 为色彩定义基本原理
6.3.1 了解你的要求和限制
6.3.2 了解想要传达的个性的特点
6.3.3 指出页面上的"明星"
6.3.4 确定额外的色彩需求
6.4 案例分析:在实践中为色彩定义基本原理
6.4.1 色彩搭配
6.4.2 色彩与基本原则
6.5 避免犯常见错误
6.5.1 对比不足
6.5.2 对比过多
6.5.3 色彩过多
6.5.4 色彩不足
6.5.5 将色彩作为唯一的区分方法
6.5.6 随便地、不系统地运用色彩
6.6 做合理的决定
6.7 超越平凡
第7章 图像
7.1 用图像交流
7.1.1 吸引注意力
7.1.2 提供解读和展示细节
7.1.3 表现内容
7.1.4 表达感觉、品牌或者风格
7.1.5 吸引用户互动
7.1.6 强化相似性与差别
7.2 图像的类别和使用
7.2.1 摄影照片
7.2.2 视频
7.2.3 插画
7.2.4 动画
7.2.5 Logo
7.2.6 图标
7.2.7 符号
7.2.8 数据可视化
7.2.9 互动图表
7.2.10 地图
7.2.11 图案、纹理、背景和渐变
7.3 在应用中使用图像
7.3.1 战略
7.3.2 战略和战术
7.3.3 战术
7.4 案例分析:定义图像基本原理的实践
7.4.1 评估图像--从"是什么"到"能变成什么"
7.4.2 Logo的探索
7.4.3 图标的探索
7.4.4 图表的探索
7.4.5 跨页面的图片
7.5 图像与基本原则
7.5.1 统一性
7.5.2 层级
7.5.3 个性
7.6 避免犯常见的错误
7.6.1 不使用无意义的图像
7.6.2 对图像数量应用"Goldilocks准则"
7.6.3 清晰地展现图像
7.6.4 在一张图中只展现核心信息
7.6.5 对同类图像进行统一设计
7.6.6 对同类图像进行统一展示
7.6.7 引入说明文字或帮助信息,当图片的含义非常明显时可不用
7.7 做合理的决策
7.7.1 注意文化习俗,看它们是否会影响用户对图像的解读
7.7.2 注意图像风格和内容的趋势,以及这些趋势的内涵
7.7.3 不要让默认的图表设计抢了内容的风头,也不要让它们操控个性
7.7.4 为图像定义规则和标准
7.8 超越平凡
7.8.1 作为界面的图像
7.8.2 专业的品质会使应用变得与众不同
第8章 控件和可供性
8.1 用设计来揭示可供性
8.1.1 控件及可供性的类型
8.1.2 导航控件
8.1.3 数据操作控件
8.1.4 信息显示控件
8.1.5 整合动作来显示可供性
8.2 控件、可供性以及基本原则
8.2.1 一致性
8.2.2 层级
8.2.3 个性
8.3 案例分析:为控件定义基本原理
8.4 避免犯常见错误
8.4.1 交互区域应该给人互动的感觉,只读区域则相反
8.4.2 提供反馈
8.4.3 让控件拥有设计感
8.5 做合理的决定
8.6 超越平凡
8.6.1 用适当个性化的控件来改进流程并提高视觉吸引力
8.6.2 利用反馈来表达个性
总结 作为视觉对话的界面设计
推荐的资源
参考资料
^ 收 起
前言
第一部分 基本原则
第1章 一致性
1.1 什么是一致性
1.1.1 一致性和市场
1.1.2 建立一致性
1.2 一致性在应用设计中的作用
1.2.1 布局的一致性
1.2.2 排版的一致性
1.2.3 色彩的一致性
1.2.4 图像的一致性
1.2.5 控件和可供性的一致性
1.2.6 选择正确的范式
1.2.7 跨平台的审美一致性
1.3 如果不能实现一致性,该怎么办
1.4 关于无障碍功能的简短题外话
1.5 避免犯常见错误
1.5.1 一致地设计内容和图像
1.5.2 为色彩的使用制定一致的规则
1.5.3 一致地设计控件以揭示可供性
1.6 做合理的决定
1.6.1 检视已有的规则和惯例
1.6.2 记录与一致性相关的决策
1.7 超越平凡
第2章 层级
2.1 什么是层级
2.2 层级的特征
2.3 特征的相互作用
2.4 定义一个层级
2.4.1 定义元素
2.4.2 流程
2.4.3 模式
2.4.4 不同应用级别和跨平台的层级
2.4.5 原型制作和测试一致性
2.5 避免犯常见错误
2.6 做合理的决定
2.7 超越平凡
第3章 个性
3.1 界面个性的元素
3.2 为个性建立标准
3.2.1 用户模型中的个性线索
3.2.2 发掘公司需求
3.2.3 评估商标需求
3.2.4 处理偏好和不同意见
3.2.5 内容
3.2.6 呈现的形式--整合技术需求
3.3 案例分析--定义SuperTracker的个性
3.3.1 SuperTraker用户模型
3.3.2 SuperTracker需求
3.4 发掘一种个性的可能性
3.5 避免犯常见错误
3.6 做合理的决定
3.7 超越平凡
第二部分 视觉可用性工具
第4章 布局
4.1 布局的语言
4.1.1 屏幕尺寸
4.1.2 位置
4.1.3 空白区域
4.1.4 接近度、比例和对齐
4.1.5 网格
4.1.6 模板
4.2 布局与基本原则
4.2.1 布局与一致性
4.2.2 布局与层级
4.2.3 布局与个性
4.3 案例分析:建立一个布局--为位置摆放定义一套基础理论
4.3.1 功能及数据的考虑
4.3.2 将功能绘制到页面和布局上
4.3.3 从页面到模板
4.4 是大而全,还是小而精
4.5 避免犯常见错误
4.5.1 在一个页面上放太多信息
4.5.2 随意对齐
4.5.3 随意分组
4.6 做合理的决定
4.6.1 清晰的层级
4.6.2 为可扩展性而设计
4.7 超越平凡
第5章 字体
5.1 字体的语言
5.1.1 字型基础
5.1.2 字型粗细度和样式
5.1.3 字体的种类
5.2 排版需考虑的因素
5.2.1 字体尺寸
5.2.2 粗细度
5.2.3 行间距
5.2.4 列宽和对齐
5.2.5 大写字母
5.2.6 字母间距
5.2.7 色彩
5.2.8 特效
5.3 字体影响基本原则的方式
5.3.1 一致性
5.3.2 层级
5.3.3 个性
5.4 为字体定义基本原理
5.5 案例分析--定义Super-Tracker的字体基本原理
5.5.1 应用目的
5.5.2 相关应用和品牌标准
5.5.3 用户和个性
5.5.4 平台方面的考虑
5.6 选择和运用字体
5.7 避免犯常见错误
5.7.1 统一地使用字体
5.7.2 为可读性而排版
5.8 做合理的决定
5.8.1 建立一个字体层级
5.8.2 限定字体和字型
5.9 超越平凡
第6章 色彩
6.1 色彩的用途
6.1.1 建立并传递视觉层级
6.1.2 使元素关系可见
6.1.3 增加美学表现并传达个性
6.2 色彩基础
6.2.1 传统色彩模型
6.2.2 红、绿、蓝模型
6.2.3 色相与饱和度
6.2.4 色值、亮度和色调
6.2.5 对比色
6.3 为色彩定义基本原理
6.3.1 了解你的要求和限制
6.3.2 了解想要传达的个性的特点
6.3.3 指出页面上的"明星"
6.3.4 确定额外的色彩需求
6.4 案例分析:在实践中为色彩定义基本原理
6.4.1 色彩搭配
6.4.2 色彩与基本原则
6.5 避免犯常见错误
6.5.1 对比不足
6.5.2 对比过多
6.5.3 色彩过多
6.5.4 色彩不足
6.5.5 将色彩作为唯一的区分方法
6.5.6 随便地、不系统地运用色彩
6.6 做合理的决定
6.7 超越平凡
第7章 图像
7.1 用图像交流
7.1.1 吸引注意力
7.1.2 提供解读和展示细节
7.1.3 表现内容
7.1.4 表达感觉、品牌或者风格
7.1.5 吸引用户互动
7.1.6 强化相似性与差别
7.2 图像的类别和使用
7.2.1 摄影照片
7.2.2 视频
7.2.3 插画
7.2.4 动画
7.2.5 Logo
7.2.6 图标
7.2.7 符号
7.2.8 数据可视化
7.2.9 互动图表
7.2.10 地图
7.2.11 图案、纹理、背景和渐变
7.3 在应用中使用图像
7.3.1 战略
7.3.2 战略和战术
7.3.3 战术
7.4 案例分析:定义图像基本原理的实践
7.4.1 评估图像--从"是什么"到"能变成什么"
7.4.2 Logo的探索
7.4.3 图标的探索
7.4.4 图表的探索
7.4.5 跨页面的图片
7.5 图像与基本原则
7.5.1 统一性
7.5.2 层级
7.5.3 个性
7.6 避免犯常见的错误
7.6.1 不使用无意义的图像
7.6.2 对图像数量应用"Goldilocks准则"
7.6.3 清晰地展现图像
7.6.4 在一张图中只展现核心信息
7.6.5 对同类图像进行统一设计
7.6.6 对同类图像进行统一展示
7.6.7 引入说明文字或帮助信息,当图片的含义非常明显时可不用
7.7 做合理的决策
7.7.1 注意文化习俗,看它们是否会影响用户对图像的解读
7.7.2 注意图像风格和内容的趋势,以及这些趋势的内涵
7.7.3 不要让默认的图表设计抢了内容的风头,也不要让它们操控个性
7.7.4 为图像定义规则和标准
7.8 超越平凡
7.8.1 作为界面的图像
7.8.2 专业的品质会使应用变得与众不同
第8章 控件和可供性
8.1 用设计来揭示可供性
8.1.1 控件及可供性的类型
8.1.2 导航控件
8.1.3 数据操作控件
8.1.4 信息显示控件
8.1.5 整合动作来显示可供性
8.2 控件、可供性以及基本原则
8.2.1 一致性
8.2.2 层级
8.2.3 个性
8.3 案例分析:为控件定义基本原理
8.4 避免犯常见错误
8.4.1 交互区域应该给人互动的感觉,只读区域则相反
8.4.2 提供反馈
8.4.3 让控件拥有设计感
8.5 做合理的决定
8.6 超越平凡
8.6.1 用适当个性化的控件来改进流程并提高视觉吸引力
8.6.2 利用反馈来表达个性
总结 作为视觉对话的界面设计
推荐的资源
参考资料
^ 收 起
Tania Schlatter,视觉设计师,从事视觉设计已达20年之久,拥有芝加哥设计学院的“以人类为中心的通信系统设计”方向的设计学硕士学位和波士顿大学“图形设计”方向美术学士学位,也曾在瑞典布利沙哥与Paul Rand和Armin Hofmann进行了一个夏天的技术交流。她还担任过AIGA公司的首席体验设计师,现在波士顿的东北大学担任研究生交互信息设计课程的教授。
Deborah Levinson,用户界面设计师,她拥有超过16年帮助设计者、工程师和通信专家发现共同点并成功开发数字应用的经验。她是麻省理工前任站长,也是MIT Guide to Teaching Website Design一书的联合作者。她和Tania共同拥有Nimble Partners公司,这是在波士顿地区的一家用户体验与用户界面设计公司。
Deborah Levinson,用户界面设计师,她拥有超过16年帮助设计者、工程师和通信专家发现共同点并成功开发数字应用的经验。她是麻省理工前任站长,也是MIT Guide to Teaching Website Design一书的联合作者。她和Tania共同拥有Nimble Partners公司,这是在波士顿地区的一家用户体验与用户界面设计公司。
《视觉可用性:数字产品设计的原理与实践》由资深视觉设计师Tania Schlatter和用户界面设计师Deborah A. Levinson亲力打造,内容全面且深入,既展示应用界面视觉设计的基本原则,又全方位讲解了基于理论和实践的设计方法和细节,使你在设计数字应用界面的时候避免犯常见的错误、做合理的决定,并最终实现超过平凡的应用设计,是学习应用视觉设计的入门指南。
《视觉可用性:数字产品设计的原理与实践》分为两部分,共8章。第一部分(第1~3章)全方位讲解了设计应用界面时需要遵守的三大基本原则,即一致性、层级和个性,以及这三大原则的概念、作用、定义过程。第二部分(第4~8章)详细介绍了布局、字体、色彩、图像、控件和可控性的视觉可用性工具,并结合实际的案例分析深入阐明了各个工具的使用技巧和使用过程中的常见错误,以及该如何避免。
本书内容翔实、可读性强、易于学习,从基础的知识点和概念讲起,并结合实际案例帮助读者理解各个视觉可用性工具的使用方法,是一本学习应用界面视觉设计的不可多得的入门实践指南。本书可供任何初、中、高级视觉设计和用户界面设计工程师的参考。
^ 收 起
《视觉可用性:数字产品设计的原理与实践》分为两部分,共8章。第一部分(第1~3章)全方位讲解了设计应用界面时需要遵守的三大基本原则,即一致性、层级和个性,以及这三大原则的概念、作用、定义过程。第二部分(第4~8章)详细介绍了布局、字体、色彩、图像、控件和可控性的视觉可用性工具,并结合实际的案例分析深入阐明了各个工具的使用技巧和使用过程中的常见错误,以及该如何避免。
本书内容翔实、可读性强、易于学习,从基础的知识点和概念讲起,并结合实际案例帮助读者理解各个视觉可用性工具的使用方法,是一本学习应用界面视觉设计的不可多得的入门实践指南。本书可供任何初、中、高级视觉设计和用户界面设计工程师的参考。
^ 收 起
比价列表
1人想要
公众号、微信群
缺书网
微信公众号
微信公众号
扫码进群
实时获取购书优惠
实时获取购书优惠