登入帳戶　 |　訂單查詢　 |　購物車/收銀台(0)　|　在線留言板　 |　付款方式　 |　運費計算　 |　聯絡我們　 |　幫助中心　|　 加入書簽
會員登入 新用戶登記
HOME新書上架暢銷書架好書推介特價區會員書架精選月讀2023年度TOP分類瀏覽雜誌 臺灣用戶
品種：超過100萬種各類書籍/音像和精品，正品正價，放心網購，悭钱省心 服務：香港／台灣／澳門／海外 送貨：速遞／郵局／服務站

新書上架：簡體書 繁體書
暢銷書架：簡體書 繁體書
好書推介：簡體書 繁體書

十月出版：大陸書 台灣書
九月出版：大陸書 台灣書
八月出版：大陸書 台灣書
七月出版：大陸書 台灣書
六月出版：大陸書 台灣書
五月出版：大陸書 台灣書
四月出版：大陸書 台灣書
三月出版：大陸書 台灣書
二月出版：大陸書 台灣書
一月出版：大陸書 台灣書
12月出版：大陸書 台灣書
11月出版：大陸書 台灣書
十月出版：大陸書 台灣書
九月出版：大陸書 台灣書
八月出版：大陸書 台灣書

『簡體書』视觉可用性：数字产品设计的原理与实践（资深视觉设计师Tania Schlatter和用户界面设计师Deborah Levinson亲力打造，内容全面且深入，案例翔实，是学习应用视觉设计的最佳入门指南）

書城自編碼： 2538733
分類：簡體書→大陸圖書→計算機/網絡→软件工程/开发项目管理
作者： 斯克莱特 (Tania Schlatter),莱文森 (De
國際書號(ISBN)： 9787111493822
出版社： 机械工业出版社
出版日期： 2015-03-01
版次： 1 印次： 1
頁數/字數： 255/
書度/開本： 16开 釘裝： 平装

售價：HK$ 183.2

我要買 件

 

** 我創建的書架 **
未登入.

新書推薦：
自由，不是放纵
《 自由，不是放纵 》
售價：HK$ 54.9
甲骨文丛书·消逝的光明：欧洲国际史，1919—1933年（套装全2册）
《 甲骨文丛书·消逝的光明：欧洲国际史，1919—1933年（套装全2册） 》
售價：HK$ 277.8
剑桥日本戏剧史（剑桥世界戏剧史译丛）
《 剑桥日本戏剧史（剑桥世界戏剧史译丛） 》
售價：HK$ 201.6
中国高等艺术院校精品教材大系：材料的时尚表达??服装创意设计
《 中国高等艺术院校精品教材大系：材料的时尚表达??服装创意设计 》
售價：HK$ 76.2
美丽与哀愁：第一次世界大战个人史
《 美丽与哀愁：第一次世界大战个人史 》
售價：HK$ 143.4
国家豁免法的域外借鉴与实践建议
《 国家豁免法的域外借鉴与实践建议 》
售價：HK$ 188.2
大单元教学设计20讲
《 大单元教学设计20讲 》
售價：HK$ 76.2
儿童自我关怀练习册：做自己最好的朋友
《 儿童自我关怀练习册：做自己最好的朋友 》
售價：HK$ 69.4

 
建議一齊購買：

+

HK$ 164.7
《移动交互设计精髓——设计完美的移动用户界面（全彩）》		 +

HK$ 183.2
《腾讯网UED体验设计之旅（全彩）》		 +

HK$ 77.7
《用户体验与可用性测试》		 +

HK$ 109.2
《兼济天下：用户无障碍体验的可访问性设计（《点石成金》作者St》		 +

HK$ 109.2
《互联网产品（Web/移动Web/APP）视觉设计——风格篇》		 +

HK$ 127.4
《人机交互与戏剧表演：用戏剧理论构建良好用户体验（原书第2版,》
內容簡介：
《视觉可用性：数字产品设计的原理与实践》
由资深视觉设计师Tania Schlatter和用户界面设计师Deborah A. Levinson亲力打造，内容全面且深入，既展示应用界面视觉设计的基本原则，又全方位讲解了基于理论和实践的设计方法和细节，使你在设计数字应用界面的时候避免犯常见的错误、做合理的决定，并最终实现超越平凡的应用设计，是学习应用视觉设计的最佳入门指南。
關於作者：
第一部分　基本原则
第1章
一　致　性
如果存疑，就坚持做下去。
——A.Marcus，Graphic Documents for Electronic
Documents and User Interfaces，第43页
1.1　什么是一致性
如何学会使用那些每个页面看起来都不太一样的应用呢？如何学会使用那些在一些页面使用动作按钮而在其他页面上为相同的动作使用了链接的应用呢？或者如何学会使用那些不可靠地运用色彩和字体，不用任何可识别的规则来强调内容和功能的应用呢？
你能够学会，但并不怎么容易。为了帮助用户，同时避免一些普遍的界面设计错误，设计师和开发者们需要建立一套规则来放置和处理界面元素，并且坚持使用这套规则。正如你不能在用英语、法语和德语讲话的同时还期待别人能清楚地理解你一样，在你混用视觉界面特征的时候，用户也会产生困惑。
和口头语言一样，视觉语言需要运用一致性的规则，这样用户才会认知和解读。你可以学会解读缺乏一致性的线索或者你也可以猜，但是在那些致力于帮助人们完成任务的应用里，这种猜来猜去的游戏可不怎么好玩。
一致性听起来可能很无趣，那些“最具有一致性”的界面也不会获得什么嘉奖。无论你在设计一款应用还是在做晚饭，严格按照同样的方法不断重复地做事情都是无法让人感到兴奋的，但让人感到兴奋的是看着用户使用你的界面来做他们想做的事情。要记住，一致性不是要取悦自己，而是通过给予人们能够理解并且依赖的方式来取悦他人。
1.1.1　一致性和市场
本书着眼于那些能帮助用户完成任务的数字应用的设计，从线上银行或者软件下载的复杂应用到手机上的提醒事项的简单应用。甚至连最小的变化（例如移动某个按钮的位置）都有可能在用户理解和可用性上有巨大不同。建立一个能让人们快速上手并且明白如何与它互动的、具有一致性的界面对于这类应用的成功来说是至关重要的。
某些类型的应用要比其他类型的变化得快。现在，由于不断演进的技术和交互视觉设计的融合，用户界面有了全新的突破（Pinterest就是一个这样的例子，它使用了无限的滚动来显示丰富的图像内容）。然而，每天还是有很多人在使用那些外观糟糕、令人尴尬的应用。尽管某个界面无法满足频繁使用者们的目标和工作方法，他们依然创造了变通措施（他们不断地重复用来完成自己需求的一系列动作）或者就此放弃，然后向技术支持拨打代价高昂的电话。
1.1.2　建立一致性
建立一致性意味着通过用户熟悉的元素来设置并维持用户预期，此预期是由人们在屏幕上看到的以及过去曾经见过的东西建立的。例如，正在结账页面填写支付信息的人会基于他们看到的字段和组织结构来解读表格的流程，当然也会基于他们在刚刚退出的登录界面上看到的东西来解读表格的流程。他们的预期会受他们过去见过的其他登录和结账页面的影响，他们可能会寻找“提交”按钮，因为曾经在同一个应用的其他页面见过它，或者可能会查看他们曾经在其他结账表格中见到的“提交”按钮的地方。
建立一致性依赖于对用户预期的察觉（见图1.1）。其中的一部分是通过现有页面上的一些可视化惯例建立的；另一部分是通过应用内其他页面上已经建立的预期建立的；第三个部分在我们的掌控之外，是用户在其他应用上曾经见过的。

图1.1　人们如何解读他们在页面上看到的内容会受他们主动看到的内容的影响，也会受他们在同一个或者其他应用上看到的内容影响
如果我们了解用户认为哪些页面是相关的，我们就可以预测他们的预期。如果你的设计决策是建立在用户的预期、了解他们看过怎样的模式、合并相关的事物上，那么就更有可能有效地建立一致性。你可以（甚至有时候你必须）在你的界面中采用那些用在相关页面或应用上的模式来提供用户预期的东西（以用户为中心的设计方式可以帮助你做这样的决定，如情境调查和原型测试，第3章会有更详细的说明）。了解用户预期是定义界面惯例（为你的应用的视觉语言建立规则和基本原理）的一部分。
一致性的类型：内部一致性和外部一致性
某个应用内的页面之间的一致性可以被叫作内部一致性，而不同的应用之间的一致性被叫作外部一致性。用另一种方式来说就是：
外部一致性：应用的设计、内容和行为是否跟同一用户使用的其他应用相似？
内部一致性：应用的设计、内容和行为是否在不同页面和功能上都保持基本一致？是否在特定平台的限制和需求范围内保持基本一致？
当一款应用是一个应用套件的一部分时，内部和外部一致性会有交集。在这种情况下，一个应用的内部一致性的元素也会适用于同一个应用套件的其他应用，或者会跟其他用户的需求和要求相冲突。你不太可能让一切都能保持完美一致，但是你越努力地去尝试，你的用户就越有可能不会那么痛苦地在不同应用之间切换。
（1）外部一致性
外部一致性是非常重要的。如果你的用户对于某些惯例非常习惯（比如在搜索结果的左侧有分面导航控件），那么你可能需要去采用同样的惯例来使用户感觉舒服并且享受优质服务。但是，除非你在为某套产品或整个产品线中的一个界面做设计，否则这种外部一致性的要求实在是有些荒唐。用户的需求可能跟你公司的CEO爱用的某个网站或移动应用的用户需求不尽相同，而且那些设计师为了帮助自己的用户所做出的选择对你的用户来说未必是最佳选择。
思考并评估外部一致性是对一个从草图开始设计的应用开始定义界面惯例的绝好方法。如果你的用户有很强烈的预期，那么建立一致性就需要检验其他应用已经采用的模式，甚至可能是采用这些模式。你可以从研究开始，并问你自己：根据人口统计学或已知的用户特性，用户会对什么样的布局和界面控件比较熟悉，你可以通过调研和情景调查来获得关于这些假设的答案。
对已有一套产品组合的公司的新应用来说，同样可以采取这样的方式。例如，假设你正在为生产效率类软件的公司开发一款活动签到应用，活动签到应用代表了一条新的产品线，会有自己的名字，或许还会拥有跟原有产品不同的用户群。
以比较多个功能并且寻找共性开始设计流程是很明智的。如果多个应用拥有相同的功能，你就有可能复用潜在的准则。从公司品牌一致性的角度出发，就算这个活动签到应用拥有一个全新的名字，它依然可以在这个新应用上使用相同的整体布局、控件与可供性以及CSS代码（或者至少是字形特征）。这会让母公司在用户面前表现出一致性、条理性，在营销材料和广告中也是这样。
（2）内部一致性
当某个应用的设计和行为在不同的页面及功能当中大部分保持一样的时候，我们称之为内部一致性。有内部一致性的应用对于避免常见错误是非常重要的，对于可用性也很关键。没有人愿意在使用每个页面时都重新学习一套视觉语言，也没有人愿意去猜为了看到更多信息他们是应该点击还是滑动，然后在下一个页面上继续猜。他们想要的是尽快地用自己了解的方式把事情完成。
当一个应用内的视觉可用性工具（如布局、字体、色彩、图像、视觉处理、控件与可供性）在页面和小组件的层面上都被一致地运用时，内部一致性就实现了。如果一个应用是跨平台的（例如台式笔记本计算机、手机、平板电脑），在考虑到平台特有的用户界面交互惯例的情况下，这些视觉可用性工具应该尽可能地达成一致。选择合适的范式之所以如此重要，正是因为要考虑到内部一致性，理想状态是，一旦选定了一个惯例，可以不断地重复使用它，而用户可以不假思索地使用你的应用。如果你基于某种案例选择了一种范式，然后发现它无法适用于其他的应用，那就需要重做了。
1.2　一致性在应用设计中的作用
成功的应用设计需要在商业目标、用户需求、设计理论和技术能力这些方面都玩得转，同时还需要牢记由Steve Krug推广开来的基本可用性原理：“不要让我思考。”不让用户思考就要求你要了解你的用户：他们是谁，他们在什么时候如何使用你的应用，以及他们使用的原因。你还要了解他们的预期：你预期他们具备什么样的基本知识，他们对于技术的熟悉度，他们正在使用哪些相似的应用。
假设你将对以上问题的理解已经融入了以用户为中心的设计流程之中，下一步就是把这些你已经掌握的信息运用到界面设计的方方面面中了：
布局：是否把相同功能的元素都摆放在每个页面相同的位置？
排版：相似元素是否都使用同样的排版？
色彩：是否有一组已定义好的色彩？是否有一套用色彩来强调并支持信息层级的系统？
图像：是否使用了相同风格的图像传达相似的信息？
控件和可供性：是否使用了同样的界面元素和设计处理来代表同样的动作？是否为反馈和互动控件使用了同样的动作？
1.2.1　布局的一致性
在任何应用当中都会有展示相似信息类别的页面，它们会包含一些无论在哪都处理相似任务的功能单元（小组件、内容区块等）。这里有两条实用的规则可以帮助你建立自己的布局：
在展示同类信息的页面上，所有元素都应该一直以相同的方式摆放。
彼此关联的不同元素应该保持一样的空间关系，无论它们出现在什么地方。例如，在一个电子商务应用当中，一个产品名字应该总是摆放在一个与产品图片相关的统一位置上。
保证以上两条规则实现的最佳方式是为不同的组件及页面类型开发模板。如果你是一名开发者，你可能已经对内容管理系统内的模板概念非常熟悉了；如果你是一个设计师，那么你可能已经在印刷和网站布局当中使用过它们了。模板的基础是网格。像网格一样，好的模板非常灵活，可以变化，而且可以很好地支持页面之间一致的元素摆放（在第4章，我们会探讨更多网格和模板设计的内容）。
下面，让我们看一些实际的例子：Google的应用——Gmail、Google News以及Google Drive（见图1.2）。尽管它们的布局是不相同的，但它们却拥有相似的结构，这让人们能够感到它们属于同一个产品家族。因为他们彼此独立却拥有同样的用户，所以我们将它们看作外部一致。然而，随着时间的推移，这些应用也越来越具有内部一致性，这也是Google提高跨平台应用可用性和改进外观的部分成果。它们的相似之处包括：
跨应用的顶部导航条。
左侧包含品牌标志的二级栏，中间是搜索功能，右侧是用户账号及分享工具。
左侧的一列标出应用的名字，并提供内部导航。
主体内容区域放在导航条右侧的一到两列。
应用工具和设置放在主体内容上方。
如果你准备设计另一款Google应用，它可能被同样的用户使用，那么你就需要回顾这些现有的应用，寻找它们在内容和功能上的相似之处。你会把应用名称和导航放在同样的位置，尽可能多地重复使用元素，让那些使用同系列应用的用户能够熟悉你的新应用。你采用的这些惯例会成为新应用的布局规则和基本原理的起点。
1.2.2　排版的一致性
你选择的字体以及如何运用这些字体是创造一个合理信息结构的重要部分。在页眉及内容中运用一套标准的格式规则可以帮助人们快速地识别出哪些是重要的部分；

图1.2　a）Gmail；b）Google News；c）Google Drive使用了一致的视觉语言
使用不统一的格式则可能导致一些混乱，进而让用户不得不浏览整个页面（甚至可能是好几个页面）来找到他们想要的东西。
我们已经探讨过Google如何在数款应用之间使用有限数量的布局来实现一致性，我们还能从同样的案例中看出，它们的排版也是具有一致性，至少对于那些相关类型数据来说是具有一致性的。Google Drive（见图1.2c）和Gmail（见图1.2a）的主界面是一个表格式的信息清单。这两款应用使用了同样的磅值和字体，以及左侧间隔正合适的导航区域。
这两款应用还使用了字体粗细度和颜色来强调信息的层级：
Google Drive的文档名字使用了黑色罗马字体，旁边是文档分享的状态，用灰色的稍小字体显示，表示这是次重要的信息。
Gmail把最新消息当做最重要的信息——发件人的名字及消息标题用粗体标出，这几乎不可能被人忽略掉，然后信息展开的内容是灰色罗马字体。
Google Drive把最新更改过的文档的名字用黑体标出来，表示它们比那些用罗马字体标出的未经改动的文档要重要。
尽管这些应用之间有显著的差异，但它们相同的排版和字体标准能够帮助用户明白需要什么时候在什么地方集中注意力，无论他们正在使用哪个应用。

……
目錄：
译者序
前言
第一部分 基本原则
第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 利用反馈来表达个性
总结 作为视觉对话的界面设计
推荐的资源
参考资料

 

 

書城介紹　 |　合作申請　|　索要書目　 |　新手入門　|　聯絡方式　 |　幫助中心　|　找書說明　 |　送貨方式　|　付款方式 香港用户　 |　台灣用户　|　大陸用户　|　海外用户
megBook.com.hk
Copyright © 2013 - 2024 （香港）大書城有限公司　 All Rights Reserved.