书名：用户至上——移动UI设计实战指南pdf/doc/txt格式电子书下载

推荐语：

作者：芒果道长著

出版社：人民邮电出版社

出版时间：2020-05-01

书籍编号：30616842

ISBN：9787115531018

正文语种：中文

字数：150587

版次：1

所属分类：互联网+-产品/运营

图书在版编目（CIP）数据

用户至上：移动UI设计实战指南/芒果道长编著. --北京：人民邮电出版社，2020.6

ISBN　978-7-115-53101-8

Ⅰ.①用…　Ⅱ.①芒…　Ⅲ.①移动终端-应用程序-程序设计-指南　Ⅳ.①TN929.53-62

中国版本图书馆CIP数据核字（2020）第002722号

◆编　著　芒果道长

责任编辑　王振华

责任印制　马振武

◆ 人民邮电出版社出版发行　北京市丰台区成寿寺路11号

邮编 100164　　电子邮件 315@ptpress.com.cn

网址 http://www.ptpress.com.cn

天津市豪迈印务有限公司印刷

◆ 开本：690×970 1/16

印张：12.5

字数：415千字　　2020年6月第1版

印数：1-3000册　　2020年6月天津第1次印刷

定价：69.00元

读者服务热线：(010)81055410　印装质量热线：(010)81055316

反盗版热线：(010)81055315

广告经营许可证：京东工商广登字20170147号

内容提要

这是一本从用户体验的角度出发，重点讲解移动UI设计方法的专业教程。全书共5章，第1章讲解什么是UI设计，第2章讲解UI设计的方法，第3章讲解如何提升用户体验，第4章讲解UI设计中的细节，第5章讲解UI设计的输出。

本书适合UI设计师、用户体验设计师、交互设计师、产品经理及准备转入UI设计行业的人士阅读。

推荐

好的设计作品离不开对用户体验的理解和洞察。随着移动互联网的发展，不计其数的App应运而生，让用户挑花了眼。用户能分配给每个App的有效时间大大缩短，对App页面的要求已经从“美观”上升到了页面的“使用效率”。设计师的使命始终是通过设计为用户有效地解决问题。乔布斯也说过“设计不只是看起来怎么样，而是怎么样有效”。如今的用人单位，对UI设计师的一个重要要求就是要具备“用户体验设计能力”，不懂用户体验的UI设计师的竞争力会越来越弱。

本书作者总结了自己多年积累的设计经验，通过大量优质的案例把用户体验的工作原理讲得通俗易懂，内容相当丰富，在此我将本书推荐给各位设计师。

——人人都是产品经理社区、起点学院CEO 曹成明

随着产品的形式越来越多，用户的选择也越来越多，所以在这些产品都能提供用户价值的基础上，优质的“用户页面”就是制胜法宝。本书在UI设计方面讲解得很细致，非常适合各位设计师和产品经理阅读。

——良仓孵化器创始合伙人、《人人都是产品经理——写给产品新人》作者 苏杰

用户体验是一门学问，需要你深入用户内心，洞察用户真正的需求，善用各种方式与应用技术，全面提升产品的交互、情感与感官品质。因此，如今的Ul设计师需要懂产品、懂用户、理解并创造产品的价值，还要时刻心存社会责任感，着眼于用户与生活，致力于创造有用和好用的产品。本书作者通过多年的设计经验，并结合线上的实用案例，通俗易懂地告诉我们UI设计师应该如何去思考、如何把控产品的整体定位和氛围，以及如何做好品牌管理等。同时，本书对设计师的职业规划也做了一些研究和探讨。

这是一本具有实际功能，能让读者得到启发和改变思维方式的好书，适合各阶段的设计师阅读和学习。

——前蚂蚁金服国际事业部视觉设计师 翟吉平

在我认识的互联网写作者中，芒果道长是位非常认真、踏实和细腻的人。他不会空扯看似高深的大道理，反而像一位距离你不远的热心前辈，在你愁眉苦脸时，抱着笔记本坐到你身边，手把手教你怎么做设计。书如其人，这本书不是设计教科书，但它将是你初入职场时的可靠伙伴。

——阿里巴巴产品专家、前网易LOFTER运营总监 车大德

许多人都会有这样的误解：设计师应该只是负责产品的“美观”和“酷炫”，或者只是负责把老板或产品经理的需求给“画出来”。实际上，真正的设计师同样应该深刻理解用户，要通过好的设计为用户提供价值。好的设计和好的艺术品不是一回事，前者侧重于倾听，而后者侧重于表达。芒果道长的这本书正是一本很棒的倾听手册。

——滴滴出行产品专家、《从点子到产品：产品经理的价值观与方法论》作者 刘飞

在几年的时间里，UI设计的要求、规范、流程和细节等都有了更复杂的变化和升级。针对如何在移动互联网的“下半场”中对UI设计工作有更准确的理解，以及对UI设计实务展开更有针对性的训练，本书提供了非常丰富的案例解读。本书适合入门级UI设计师学习，也适合有一定基础的UI设计师阅读，以强化相应的设计规范和细节意识。

——沐思工作室产品总监、《面向用户的设计——移动应用产品设计之道》作者 何天平

工作多年，我发现一个好的设计师如果只在意视觉的表现是完全不够的，UI设计和交互的体现才是根本。本书通过大量浅显易懂的案例给广大的初学者介绍了UI设计的精髓。

——网易游戏视觉设计师 Jack

市面上有很多UI设计书，但是这本不同于其他的UI设计书。本书更像是一个闯关游戏，通过由浅入深的游戏方式让读者循序渐进地掌握各知识点。书中的每一个章节都能引发读者思考。同时，书中还有对技法和设计的解读，用大量的实际案例系统地讲述了UI设计师所需要掌握的“硬”知识。总之，这是一本值得大家钻研的设计书。

——站酷推荐设计师 夏叙

前言

本书适合什么人

这是一本讲解用户体验设计的书，能够给基础薄弱和在设计时遇到瓶颈的UI设计师提供一套系统和完整的学习方法，帮助他们提升用户体验设计方面的能力。书中的内容结合了笔者多年的工作经验和设计技巧，非常适合UI设计师阅读和学习。

对于很多的UI设计师来说，无论是想“跳槽”，还是想加薪，用人单位都会强调设计师一定要懂得用户体验。大多数UI设计师对用户体验的认识不是很深刻，当被问到自己的作品的设计思路时，除了介绍下作品的配色和版式之外，就只能抛出“因为用户体验更好”这句话了。希望本书能够为大家解答用户体验方面的疑惑。

为什么本书重点介绍用户体验

这是一本设计类的书，重点讨论用户体验方面的内容。讲用户体验方面的内容的原因有两个。一是对于现在的设计师来讲，他们的差距已经不在设计能力上了，而在对用户体验的理解和把握上。例如，只要在Dribbble或Behance网站上出现了比较有创意的设计稿，大家就能很快地模仿并做出比它更好的设计稿，然而也仅限于模仿页面，很难理解原作者为何要这么设计。二是现在用人单位很重视设计师对用户体验的理解，对设计师的要求已经不再是把页面做得好看就行，而是需要设计师能更好地从用户角度出发，做出让用户觉得好用的页面。

本书从用户体验的角度出发，向设计师传达UI设计的两个目的：推动用户行为和传递产品理念。一般来说，用户使用App的流程：产生一个动机——在一定的场景下——在页面上进行操作——页面反馈一个结果。这整个过程中，设计师需要弄清楚目标用户是谁，用户使用的页面功能是怎么样的，以及用户是否能顺利地得到想要的结果。设计师可以通过UI设计将用户引导到正确的使用路径上，同时把产品理念传递给用户，让用户和产品建立起情感，提升用户对产品的忠诚度。

2013年，苹果公司发布的iOS 7系统推翻了其之前的拟物化设计风格，采用全新的扁平化设计风格，这件事既有一部分人叫好，也有一部分人反对。叫好是因为设计师们终于不用为了适配不同的Android手机而做多套设计稿了，也不用为了适配Android手机需要切“点九图”而折腾很久。反对的这部分人有些不是UI设计师，其中有一部分人是用户体验设计师和产品经理，他们觉得对于用户来说拟物化设计风格更容易被理解。例如，页面上的按钮是凸出来的，看起来就像是墙上的电灯开关，用户一看就知道如何操作。而扁平化设计风格的系统UI的引导性就没那么好，页面上的控件看起来很平，大家担心用户使用起来不方便，又或者用户需要花大量时间去学习和接受这些控件样式的变化。但经过一段时间发现，用户并没有反感，反而还很喜欢这种简洁干净的页面。因为与拟物化设计风格相比，扁平化设计风格给人最直接的感受是页面上的信息更清晰。拟物化时代的设计师拥有的优势瞬间消失，之前能使用的那些技巧现在用不上了，此时的设计师面临的最大的挑战是怎么安排控件的位置、大小，以及页面中元素与元素之间的距离。在2013年之前，手机屏幕的尺寸很小，设计师要保证在这么小的屏幕上既能让元素有较高的可读性，又能让操作热区有效，因此用户体验设计渐渐受到重视。后来的iOS 11系统又重新定义了UI设计，除了其页面上的标题文字变大了以外，还做了其他一些小的改变。当真的去深入研究之后，可能你会发现，现在的UI设计更重视结构规划。在苹果的应用商店中，除了下载量排在前列的几个App以外，对于大家费尽心血做出来的其他的App，用户可能只会在其上停留1~2分钟。对设计师来说，如何在这么短的时间内把主要的信息传递给用户才是真的挑战。

美观是设计的目标，但设计师更要重视的是用户体验设计。首先，UI设计师在用户体验设计方面的造诣能够直接体现在自己的作品中。设计出来的产品是否受欢迎，这是衡量设计师设计的产品是否有价值的指标之一。其次，UI设计师重视用户体验设计能让自己的能力得到提升。老实说，现在很多的App页面都大同小异，甚至有些页面已经有标准的设计模板，如手机号注册页面、购物车页面和订单管理页面等。设计师如果还停留在只会画页面这个层次，那么他对其所在公司来说已经没有太大的价值了。能在画页面的同时，还能讲出每个页面上信息安排的原理，这才是设计师应追求的状态。以设计注册页面为例，设计师可以将这些观点阐述出来：一是讲出注册的主要目的；二是将引导文案进行精简，并突出输入框和“下一步”按钮；三是根据运营给出的用户转化率数据衡量这个设计方案是否有效，然后找出问题并更新设计方案。如果能做到这些，那么这类设计师必定是公司重点挽留的人才。

接下来的几年，设计师面对的挑战不光是理解用户体验设计，还要学会应对技术革新带来的变化。例如，VR技术与全息投影不仅要求设计师做好页面和体验，还需要设计师对材料和实现方式进行深入了解。这里也向大家强调一点：做设计，只有不停地学习和努力，才能做出更好的作品。

最后，感谢人民邮电出版社数字艺术出版分社对笔者的支持，该社出版过很多相关行业的优质书籍，对这些行业从业者的帮助非常大。特别感谢笔者太太曹馨这么多年对笔者的工作和事业的支持。本书献给笔者的儿子李锦恒，希望他成为一个有梦想的人。

版权声明

本书引用了大量市场上的App截图，以解释用户体验设计是怎样在UI设计中起到实际的作用，在此特别感谢这些页面的原作者和相关机构为本书提供了很好的参考。如果本书在引用的内容上对原作者和相关机构造成了困扰，欢迎及时联系笔者，笔者会在下一版中及时补充或更正。

芒果道长

第1章 定义UI设计

1.1 如何设计出具有“寄生性”的应用

当目标用户或潜在用户进入一个应用程序（Application，App）的页面时，他们会先做一个简单的判断：这个App的页面会提供什么样的内容或服务。例如，用户第一次打开一个社交App时就能初步了解这个App的主流用户群体，如页面上呈现的内容是时尚可爱的女性或是轮廓精致的男性等。接下来，用户会进行深层次的思考，为这个App打上一个分类标签。至于用户是喜欢这个产品（App）而继续使用，还是感到厌烦而离开，取决于设计师在设计时是否从用户目标、品牌目标和业务目标这3个方向去考虑。

1.1.1 用户目标——合乎情理的设计让产品更受欢迎

什么样的设计才算是合乎情理的呢？其实，用户和产品之间是一个持续输入和输出的关系。用户每一次接触产品的目的都是寻找他们所遇到的问题的解决方案。而产品要解决的问题就是如何把解决方案告知用户。所以UI设计是一个始终伴随着“问题”的过程，不是拿出一个自认为好看的页面让用户自己去思考怎么用。其他领域笔者不敢妄自定论，但大多数互联网公司经常会用一句话来掩饰自己设计方案时的懒惰——“用户又不笨，他们比你聪明多了”。其实，设计师应该更多地关注用户进入产品时，页面会提供什么样的“导航方式”和“交互方式”，让用户在打开页面时，能立刻明白产品提供的服务和交互方式。

片刻App（文艺青年聚集社区，里面有音乐、电台和文章）是一个很文艺的社区，其页面顶部导航条的左上角有一个用于切换夜间模式的操作按钮。如果App当前的模

....