内容简介

本书内容涵盖交互设计与界面设计的基本概念、设计规范和工作流程。由于这是一本以实际工作案例和工作经验为主的书，一开始着力介绍目前最新发展的交互手段和使用场所，当然是以移动手持设备为主。作为设计师，一定要关心如何将这些创意产品化。接下来介绍如何正确地将一个设计想法变成产品。产品化的过程中，用户体验设计是相当重要的，由于UCD设计思想的广泛使用，本书重点研究并分析用户体验设计的可行性和方法。视觉设计是普通大众直接接触产品设计核心的介质，本书将使用初级→高级→复合型的综合设计案例介绍如何设计出让人喜爱的视觉作品。最后，还说明了一些产品的完整设计案例，展示一个移动手持设备交互和界面设计的全过程。

本书不但有大量的文字内容，也有配套的DVD光盘，其中包含了作者录制的设计视频教学和本书操作实例素材及最终文件。

本书适合移动UI设计师迅速进入职场角色，也可供平面设计人员、交互设计人员和对UI设计感兴趣的读者阅读和参考。

详细http://lytous.ucdchina.com/?p=2039

【目录】

第1章 交互概念设计与图形

界面设计… …………………………… 3

1.1 交互概念设计……………………………………… 4

1.1.1 交互设计从概念出发………………………… 4

1.1.2 交互设计的发展… …………………………… 6

1.1.3 交互设计的应用展示………………………… 8

1.2 图形界面设计………………………………………12

1.2.1 图形界面的发展历程………………………… 12

1.2.2 用户使用系统就是使用界面……………… 15

1.2.3 用户界面不是绘画绣花……………………… 15

1.2.4 UCD的设计思想… …………………………… 16

1.2.5 使用图形软件之前的准备… ……………… 16

1.2.6 必备的软件分析… …………………………… 16

1.3 交互概念设计与图形界面的联系… …………18

1.3.1 理解用户的需求和分析需求… …………… 18

1.3.2 设计一些候选方案和概念… ……………… 19

1.3.3 进行原型设计…………………………………… 19

1.3.4 用户测试与评估… …………………………… 19

.1.3.5 两者的关系和应用… ………………………… 19

第2章 交互概念与图形界面

设计新趋势…………………………… 21

2.1 手持移动设备的产品特点………………………22

2.1.1 不同的感知和感觉… ………………………… 22

2.1.2 不同的使用环境… …………………………… 24

2.2 手持移动设备的概念设计要素… ……………32

2.3 手持移动设备的界面设计风格… ……………33

2.4 手持移动设备的基础知识………………………35

2.4.1 承载平台的介绍和分析………………………35

2.4.2 显示介质的介绍和分析………………………37

2.4.3 作者的经验………………………………………39

第3章 手持移动设备设计的

产品化………………………………… 45

3.1 产品设计的目的……………………………………46

3.1.1 产品设计的目的是

为使用产品的用户 … …………………………46

3.1.2 交互设计和界面设计不是万能的…………47

3.1.3 我应该使用什么样的产品 … ………………48

3.2 设计是如何产品化的… …………………………51

3.2.1 如何决定将一个设计产品化的

市场调查和分析… ……………………………51

3.2.2 设计的产品化检验过程………………………57

3.3 产品化过程中的问题… …………………………60

3.3.1 天使客户还是魔鬼客户 … …………………60

3.3.2 为什么用户选择了他…………………………62

3.3.3 产品经理的太极拳… …………………………64

3.3.4 开发人员说：“我讨厌交互设计”…………67

3.3.5 交互设计师说：“我不需要图形”…………67

3.3.6 设计师的一厢情愿… …………………………68

PART 2 产品化交互设计过程

第4章 产品策划定义… …………………… 73

4.1 竞争分析 … ………………………………………74

4.1.1 如何分析竞争对手和产品… ………………74

4.1.2 设计总监的角色… ……………………………75

4.2 相关负责人会议……………………………………77

4.2.1 会议的前期准备… ……………………………77

4.2.2 团队成员的确定… ……………………………81

4.2.3 出现的一些波动因素…………………………83

第5章 用户分析与研究…………………… 87

5.1 用户参与研究法……………………………………88

5.1.1 为何用户要参与研究…………………………88

5.1.2 一个典型案例… ………………………………88

5.1.3 创意从何而来……………………………………90

5.2 观察法…………………………………………………93

5.2.1 观察的方法………………………………………93

5.2.2 观察的目的和分析手段………………………93

5.3 用户访谈… …………………………………………95

5.3.1 用户访谈的原则… ……………………………95

5.3.2 用户访谈的记录方式…………………………95

5.4 焦点小组法… ………………………………………96

5.5 卡片分类法… ………………………………………98

5.6 头脑风暴法… ………………………………………99

5.6.1 头脑风暴法成功的要点………………………99

5.6.2 “正规”手持设备的GUI界面… ……………99

5.7 任务分析法… …………………………………… 102

5.8 情景设定法… …………………………………… 103

5.9 社会性研究法…………………………………… 103

第6章 概念原型设计… ………………… 109

6.1 纸上原型… ……………………………………… 110

6.1.1 纸上原型的设计要点……………………… 110

6.1.2 一些案例… …………………………………… 110

6.2 设计原则… ……………………………………… 112

6.2.1 需要做些什么………………………………… 112

6.2.2 视觉与功能平衡… ………………………… 112

6.3 交互原型设计…………………………………… 115

6.3.1 低保真原型设计… ………………………… 115

6.3.2 高保真原型设计… ………………………… 116

第7章 设计验证测试… ………………… 119

7.1 可用性测试… …………………………………… 120

7.1.1 可用性测试对设计有什么帮助…………… 120

7.1.2 可用性测试的场地和费用… …………… 120

7.1.3 什么时候进行？多少人参与？

如何准备 … ………………………………… 121

7.2 启发式评估… …………………………………… 123

7.2.1 如何决定将一个设计产品化… ………… 123

7.2.2 设计的产品化检验过程…………………… 124

7.3 问卷表格… ……………………………………… 126

7.3.1 问卷调查法…………………………………… 126

7.3.2 如何设计一份标准的问卷表格… ……… 126

第8章 设计规范… ……………………… 131

8.1 设计规范… ……………………………………… 132

8.1.1 设计规范的必要性… ……………………… 132

8.1.2 关于设计规范的谈话……………………… 133

8.2 设计的执行… …………………………………… 136

8.2.1 设计执行说明书… ………………………… 136

8.2.2 编写要点… …………………………………… 138

8.3 输出标准化… …………………………………… 142

8.3.1 设计说明… …………………………………… 142

8.3.2 菜单树结构…………………………………… 142

8.3.3 文件打包… …………………………………… 144

PART 3 GUI视觉设计

第9章 一切从图标开始………………… 147

9.1 图标的故事… …………………………………… 148

9.1.1 图标设计的意义… ………………………… 148

9.1.2 好的图标设计有什么特点… …………… 152

9.2 手持设备的图标设计… ……………………… 159

9.2.1 手持设备的图标设计有何不同… ……… 159

9.2.2 设计一个手持设备的图标 ……………… 160

第10章 手持设备的图形界面………… 167

10.1 图形界面设计的创意……………………… 168

10.1.1 优秀图形界面赏析… …………………… 168

10.1.2 开始设计手持设备的图形界面… …… 176

10.2 【案例】手机MP3播放器的

界面设计………………………………………… 183

10.2.1 产品定义… ………………………………… 184

10.2.2 交互设计… ………………………………… 184

10.2.3 界面原型… ………………………………… 185

10.2.4 视觉设计… ………………………………… 185

10.3 【案例】移动设备主题界面设计… ……… 186

第11章 图形界面的创意升级………… 193

11.1 图形界面不只是画图… …………………… 194

11.1.1 让手持设备变得人性化………………… 194

11.1.2 情感化因素不可忽视… ………………… 194

11.1.3 交互特效的引入…………………………… 195

11.1.4 产品=体验=品牌… ……………………… 196

11.1.5 临场的体验决定购买意愿……………… 197

11.2 用户体验………………………………………… 197

PART 4 项目实践

第12章 手机交互界面设计始末… … 205

12.1 制定设计流程… ……………………………… 206

12.1.1 一个优秀的图形界面设计

还需要什么………………………………… 206

12.1.2 面向整个产品过程的设计流程… …… 212

12.2 第一次项目会议……………………………… 214

12.3 图标设计………………………………………… 220

12.3.1 图标设计的思考方式… ………………… 220

12.3.2 【教程】图标设计………………………… 224

12.4 评审筛选会议… ……………………………… 231

12.5 设计方向………………………………………… 233

12.6 交互设计效果… ……………………………… 237

12.7 界面设计………………………………………… 239

12.7.1 【教程】main menu（主菜单）

设计…………………………………………… 242

12.7.2 【教程】world time（世界时间）

设计…………………………………………… 245

12.8 界面设计提案… ……………………………… 249

12.9 制作Flash演示………………………………… 253

12.9.1 制作平面演示框架… …………………… 253

12.9.2 制作Flash演示… ………………………… 254

12.10 提案会议……………………………………… 257

12.10.1 准备演示的资料………………………… 257

12.10.2 确定必要的参会人员…………………… 259

第十三章 样板工程设计——

UI决策产品… ……………… 263

13.1 产品策划………………………………………… 264

13.1.1 PPT演示文档的作用… ………………… 264

13.1.2 《用户体验浅析》培训课程试卷… … 269

13.1.3 《用户体验浅析》部门培训试卷

反馈分析… ………………………………… 271

13.2 项目会议………………………………………… 274

13.3 概念设计………………………………………… 281

13.3.1 “影视手机”概念机型定义……………… 281

13.3.2 测试LCD… ………………………………… 284

13.3.3 界面概念设计……………………………… 285

13.4 界面设计………………………………………… 286

13.5 交互实现………………………………………… 293

13.6 音效整合………………………………………… 300

13.6.1 音源芯片测试……………………………… 300

13.6.2 铃音制作示例……………………………… 301

13.7 制作开关机动画……………………………… 304

作品目录

PART 1 设计产品化 第1章 交互概念设计与图形 界面设计 1.1 交互概念设计 1.1.1 交互设计从概念出发 1.1.2 交互设计的发展 1.1.3 交互设计的应用展示 1.2 图形界面设计 1.2.1 图形界面的发展历程 1.2.2 用户使用系统就是使用界面 1.2.3 用户界面不是绘画绣花 1.2.4 UCD的设计思想 1.2.5 使用图形软件之前的准备 1.2.6 必备的软件分析 1.3 交互概念设计与图形界面的联系 1.3.1 理解用户的需求和分析需求 1.3.2 设计一些候选方案和概念 1.3.3 进行原型设计 1.3.4 用户测试与评估 1.3.5 两者的关系和应用 第2章 交互概念与图形界面 设计新趋势 2.1 手持移动设备的产品特点 2.1.1 不同的感知和感觉 2.1.2 不同的使用环境 2.2 手持移动设备的概念设计要素 2.3 手持移动设备的界面设计风格 2.4 手持移动设备的基础知识 2.4.1 承载平台的介绍和分析 2.4.2 显示介质的介绍和分析 2.4.3 作者的经验 第3章 手持移动设备设计的 产品化 3.1 产品设计的目的 3.1.1 产品设计的目的是为使用产品的用户 3.1.2 交互设计和界面设计不是万能的 3.1.3 我应该使用什么样的产品 3.2 设计是如何产品化的 3.2.1 如何决定将一个设计产品化的市场调查和分析 3.2.2 设计的产品化检验过程 3.3 产品化过程中的问题 3.3.1 天使客户还是魔鬼客户 3.3.2 为什么用户选择了他 3.3.3 产品经理的太极拳 3.3.4 开发人员说：“我讨厌交互设计” 3.3.5 交互设计师说：“我不需要图形” 3.3.6 设计师的一厢情愿 PART 2 产品化交互设计过程 第4章 产品策划定义 4.1 竞争分析 4.1.1 如何分析竞争对手和产品 4.1.2 设计总监的角色 4.2 相关负责人会议 4.2.1 会议的前期准备 4.2.2 团队成员的确定 4.2.3 出现的一些波动因素 第5章 用户分析与研究 5.1 用户参与研究法 5.1.1 为何用户要参与研究 5.1.2 一个典型案例 5.1.3 创意从何而来 5.2 观察法 5.2.1 观察的方法 5.2.2 观察的目的和分析手段 5.3 用户访谈 5.3.1 用户访谈的原则 5.3.2 用户访谈的记录方式 5.4 焦点小组法 5.5 卡片分类法 5.6 头脑风暴法 5.6.1 头脑风暴法成功的要点 5.6.2 “正规”手持设备的GUI界面 5.7 任务分析法 5.8 情景设定法 5.9 社会性研究法 第6章 概念原型设计 6.1 纸上原型 6.1.1 纸上原型的设计要点 6.1.2 一些案例 6.2 设计原则 6.2.1 需要做些什么 6.2.2 视觉与功能平衡 6.3 交互原型设计 6.3.1 低保真原型设计 6.3.2 高保真原型设计 第7章 设计验证测试 7.1 可用性测试 7.1.1 可用性测试对设计有什么帮助 7.1.2 可用性测试的场地和费用 7.1.3 什么时候进行？多少人参与？ 如何准备 7.2 启发式评估 7.2.1 如何决定将一个设计产品化 7.2.2 设计的产品化检验过程 7.3 问卷表格 7.3.1 问卷调查法 7.3.2 如何设计一份标准的问卷表格 第8章 设计规范 8.1 设计规范 8.1.1 设计规范的必要性 8.1.2 关于设计规范的谈话 8.2 设计的执行 8.2.1 设计执行说明书 8.2.2 编写要点 8.3 输出标准化 8.3.1 设计说明 8.3.2 菜单树结构 8.3.3 文件打包 PART 3 GUI视觉设计 第9章 一切从图标开始 9.1 图标的故事 9.1.1 图标设计的意义 9.1.2 好的图标设计有什么特点 9.2 手持设备的图标设计 9.2.1 手持设备的图标设计有何不同 9.2.2 设计一个手持设备的图标 第10章 手持设备的图形界面 10.1 图形界面设计的创意 10.1.1 优秀图形界面赏析 10.1.2 开始设计手持设备的图形界面 10.2 【案例】手机MP3播放器的 界面设计 10.2.1 产品定义 10.2.2 交互设计 10.2.3 界面原型 10.2.4 视觉设计 10.3 【案例】移动设备主题界面设计 第11章 图形界面的创意升级 11.1 图形界面不只是画图 11.1.1 让手持设备变得人性化 11.1.2 情感化因素不可忽视 11.1.3 交互特效的引入 11.1.4 产品=体验=品牌 11.1.5 临场的体验决定购买意愿 11.2 用户体验 PART 4 项目实践 第12章 手机交互界面设计始末 12.1 制定设计流程 12.1.1 一个优秀的图形界面设计 还需要什么 12.1.2 面向整个产品过程的设计流程 12.2 第一次项目会议 12.3 图标设计 12.3.1 图标设计的思考方式 12.3.2 【教程】图标设计 12.4 评审筛选会议 12.5 设计方向 12.6 交互设计效果 12.7 界面设计 12.7.1 【教程】main menu（主菜单） 设计 12.7.2 【教程】world time（世界时间） 设计 12.8 界面设计提案 12.9 制作Flash演示 12.9.1 制作平面演示框架 12.9.2 制作Flash演示 12.10 提案会议 12.10.1 准备演示的资料 12.10.2 确定必要的参会人员 第十三章 样板工程设计—— UI决策产品 13.1 产品策划 13.1.1 PPT演示文档的作用 13.1.2 《用户体验浅析》培训课程试卷 13.1.3 《用户体验浅析》部门培训试卷 反馈分析 13.2 项目会议 13.3 概念设计 13.3.1 “影视手机”概念机型定义 13.3.2 测试LCD 13.3.3 界面概念设计 13.4 界面设计 13.5 交互实现 13.6 音效整合 13.6.1 音源芯片测试 13.6.2 铃音制作示例 13.7 制作开关机动画
· · · · · ·

作者简介

作者周陟曾担任中域网美术指导，有着丰富的互联网产品设计开发经验，曾参与策划设计国内大型手机电子商务平台中域网（www.zhongyu.com），同时作为中国设计联盟（www.cndu.cn）的资深合作伙伴，编写了《数字图形设计风云:双人构想》等畅销书籍。

并多次在《数码设计》、《数码艺术杂志》等国内专业设计杂志上发表作品和设计指导类文章。

作者参与的图书与文章包含丰富的实操案例，对实际设计工作与项目开发有着极强的指导作用。

精彩摘录

科学定义：人与设备、系统、网络等的直接和间接的通信过程，设计用于支持人们日常工作、生活的交互式产品。交互工作的组成部分：1、考虑人们擅长什么，不擅长什么2、什么可能对人们当前的做法有帮助3、如何提供高质量的用户体验4、使用“尝试—验证”基于用户的技术优秀的交互设计1、功能完成的速度非常快2、操作简单、直观、图形化3、勇于抛弃不需要的累赘功能4、针对性的设计比普通的、无特色的设计更有效果UCD的设计思想User-CenteredDesign,以用户为中心的设计易学程度、吸引程度、满意程度

——引自章节：交互概念设计

关于公司：1、当有人质疑你的能力的时候，你也应该有能力让他闭嘴。2、选择最适合施展你能力的平台，而不是薪水最高的那个。3、在别人的公司做出业绩，在自己的领域做出成就。关于个人：1、在说别人作品和观点不好的时候，先反省自己，多想一步。2、不要把个人情绪带入任何场合，那样很幼稚。3、不要躺在以前的成绩上沾沾自喜，要不断学习和进步，要谦虚。关于生活：1、无论如何，亲人和朋友是最重要的，不要忽略了他们。2、周末最好不要设计，去你认为值得去的地方放松一下。3、身体健康很重要。4、用心爱你的男（女）朋友，他（她）会给你很多意外的灵感，还有关心。关于行业：1、设计行业一样有潜规则。2、认识行业中的领军人物，学习他们的处事方式和沟通技巧。3、在行业中建立你的口碑，这需要人格。

——引自章节：个人从业40句观感