面向用户的设计 移动应用产品设计之道

图书标准信息

• 作者 何天平、白珩 著
• 出版社 人民邮电出版社
• 出版时间 2017-06
• 版次 1
• ISBN 9787115453419
• 定价 59.00元
• 装帧 平装
• 开本 其他
• 纸张 胶版纸
• 页数 216页
• 正文语种 简体中文

【内容简介】

随着智能手机、平板电脑的快速普及，越来越多的企业意识到建立自己的App应用和移动网站的重要性，也有越来越多的设计师开始转战移动平台，这就关系到移动应用的产品设计。产品设计其实是一个由抽象的概念到具体形象化的处理过程。本书通过需求、产品、界面、图标、动效、情感这6大块内容，全方面解析移动应用的产品设计。 

本书分为6章，第1章分析了用户的需求，从展开需求评估到信息的架构组织来进行阐述，也就是真正意义上的发现需求；第2章剖析了产品设计，包含草图的绘制、原型的设计及交互设计，这几大方面都是为了用户体验而生；第3章剖析了产品的界面设计，包括UI设计的原则、界面模式及UI设计的基本规范；第4章讲解了图标设计的原则和图标的案例示范；第5章讲解了动效设计的重要性及如何实现动画效果；第6章讲解了产品的情感化设计，包括情感化设计的意义和它在UI设计中的运用。 

本书适合产品经理、交互设计师、用户体验设计师、平面设计师，以及准备转入产品设计行业的人士学习使用，同时，也适合产品设计相关专业的学生或者设计爱好者阅读。

【作者简介】

何天平，毕业于中国传媒大学数字媒体艺术专业，现为中国人民大学新闻学院博士生，沐思工作室产品总监。从事移动端产品设计四年，设计产品十余项。为高校讲授《移动互联网应用》《新媒体概论》等课程。 

白珩，毕业于中国传媒大学数字媒体艺术专业，现为猫眼用户体验设计中心（MIX）高级视觉设计师，沐思工作室视觉总监。Dribbble、站酷等设计平台人气设计师。

【目录】

绪论：如何在纷繁的市场中发现人们的“需求” 

1．为什么需要一款应用产品 /010 

2．发现身边的微观世界 /011 

3．在群体特征里找“痛点” /017 

4．“无聊”也是一种需求 /020 

01 从理解用户需求开始 /021 

1．1 需求评估如何开展 /022 

1．1．1 用户需求这件“小”事 /022 

1．1．2 产品调研方法概述 /028 

1．1．3 为“人物”做产品 /028 

1．1．4 为“市场”做产品 /037 

1．1．5 重视需求重构的工作 /043 

1．2 信息架构如何组织 /046 

1．2．1 信息架构的功能、流程与可视化设计 /046 

1．2．2 工具的使用规范与操作要点 /049 

02 为体验而生的产品设计 /053 

2．1 草图是产品可视化的第一步 /054 

2．1．1 如何绘制草图 /054 

2．1．2 让草图“动”起来 /057 

2．2 系统性开展原型设计 /061 

2．2．1 工具的选择与使用 /061 

2．2．2 如何开展原型设计 /071 

2．2．3 及时考虑原型的可用性 /079 

2．3 始于细节的交互设计 /082 

2．3．1 友好的用户体验是前提 /082 

2．3．2 手势的重要性 /083 

2．3．3 不要忽视声音 /086 

2．3．4 设备即是“内容”/089 

03 不只是美观的界面设计 /091 

3．1 UI设计为什么不能叫“美工” /092 

3．1．1 产品功能与UI设计 /092 

3．1．2 移动UI视觉设计的基本原则 /093 

3．1．3 移动UI视觉设计中色彩的搭配与运用 /101 

3．2 常规界面模式的UI设计 /104 

3．2．1 辅助界面 /104 

3．2．2 首页/主界面 /109 

3．2．3 列表界面 /113 

3．2．4 详情界面 /115 

3．2．5 输入/操作界面 /118 

3．3 UI设计的基本设计规范 /119 

3．3．1 界面设计尺寸 /119 

3．3．2 字体的选择与大小 /126 

3．3．3 标注与切图 /127 

04 微“图”大义的图标设计 /129 

4．1 UI设计中的图标设计 /130 

4．1．1 图标设计的特点与意义 /130 

4．1．2 如何确定图标的物象 /141 

4．2 如何设计图标/152 

4．2．1 图标的设计风格与表现力/152 

4．2．2 常用图标的设计方法 /158 

05 “微交互”视野下的动效设计 /175 

5．1 能令界面“活”起来的动效设计 /176 

5．1．1 动效设计的特点与意义 /176 

5．1．2 开展动效设计前的准备 /184 

5．2 如何设计动效 /186 

5．2．1 动效设计的基本原则 /186 

5．2．2 常用动效的设计方法 /193 

06 有“温度”的情感化设计 /201 

6．1 UI设计中的情感体验 /202 

6．1．1 情感化设计的特点与意义 /202 

6．1．2 如何表达情感化设计 /205 

6．2 情感化设计在UI设计中的运用 /209 

6．2．1 启动界面 /209 

6．2．2 主题皮肤 /213 

6．2．3 其他场景 /214