《UI设计那些事儿》读书分享丨一本超实用的设计工具书

2022-06-28 | 原创文章 / 经验/观点 / | 举报

|

5320 37 175 4

UI中国创始人董景博在本书的推荐序里面有一段话让我感同身受。

“当你成为UI设计师以后，你将会面临两大障碍：一，面对产品经理给的原型图，无从下手，彻彻底底地变成一个美化工作者，导致工作质量和效率一直无法提升，在团队面前没有任何话语权；二，面对各种各样的理论、原则、规范，疑惑到底哪个才是最重要的？应该如何去把它们跟实践结合起来？如何去一个个攻破它们？”

当我在读到这本书的时候，它确确实实解决了我一部分的设计困惑，成为了我日后在产品设计过程中的一本工具类书籍，而且书中所分享的设计理论，也成为了我的底层思维。所以这本书，真心希望大家可以购买细读一下，不管你是初级设计师，还是资深设计师，这都会对你有一定帮助。

一、这本书讲了什么？

这本书是来自UI中国海盐社团队创作，由四个作者根据日常公众号的精选文章加以精修而成。全书的内容结构比较简单，总共分为四个章节。其中第一章和第三章是最重要的，分别介绍了移动端常用的组件和设计基础理论知识，第二章和第四章以零散的教程为主，主要提升能力效率和解决工作困惑。

1. 12个常见的移动端组件

作者在本书中分享了12个常见的移动端组件，分别是搜索、加载、金刚区、表单、评论区、提示框、产品列表布局、按钮、标签、聊天气泡、图片比例和卡片圆角。这12个组件，可以说是产品设计最基础的元素，但如果你不去总结，你根本就不知道这些组件的优缺点和使用场景。

比如金刚区，作者把8种金刚区最常用的样式都进行了分类，然后把每一种样式的优缺点都进行了详细描述，最后还把使用场景也进行了详细的说明。这对多数设计师来说，是一次设计基础知识的普及，你从这本书中可以获取非常实干的知识，而这些可能是你过去最忽略的知识点。

再比如表单，作者对表单常见的元素进行了详细的介绍，这就像一个设计科普，你可以系统化的认识表单，加深你对表单的记忆。其次作者还写了一个“如何提升用户信息录入效率”的部分，我觉得非常好，这能帮助让我们看到一个简单的表单设计其实需要考虑这么多细节。我以前在做一个注册表单非常复杂的SAAS产品中，就有用户注册花了30分钟，在电话的沟通中，我第一次意识到表单的设计有多么重要。

甚至让我收获最大的是产品的列表布局这个小节。在过去我做设计的时候其实对列表的设计有些随意，但当我把这一节读完以后，真的让我豁然开朗，原来列表的布局，真的需要遵循很多设计原则。作者列举了产品设计中最常见的几种类型，不仅把优缺点都进行了分析，还把应用场景都写出来，真的非常实用。

这是整本书非常重要的一个部分，虽然看上去一看都懂，但其实需要反复的阅读，要去深度思考这些组件的优缺点和适用场景，这样才能帮助你在设计过程中做出正确的决策，你会发现，你的设计越来越有说服力了，连自己都能感受出为什么要选择圆角，为什么要使用两列网格布局。

2. 12个设计基础理论

如果你想了解情感化设计，但又感觉唐纳德·A·诺曼的《设计心理学：情感化设计》太长，太晦涩，甚至读不懂，那你看这本书就够了。整本书把12个最常见的设计基础理论都做了详细的介绍，我觉得最棒的一点就是结合实际的案例把每一个设计理论的应用场景都说得很清楚。

比如巴甫洛夫效应，或许我们都听过，但怎么应用到设计上，你一定很迷茫。但你读完以后，你就能理解为什么当朋友圈出现小红点的时候就会驱使你去查看是谁发布了什么动态，你也能理解为什么很多产品的菜单栏都会设置红色的数字微标，甚至弹幕、奖励、抽奖都是运用了这个设计理论。

再比如费茨定律，我相信多数设计师都有听过或者了解过，但这本书最大的优势就是，教如何使用。甚至作者还举了一些非常有趣的例子。

“在我刚做设计时，我的总监总说：“这个按钮应该再大一点”“那两个按钮离远一点”“图标最好放在这个位置”……那时候我总是不理解为什么要这样做。直到我看到费茨定律才明白，按钮越大，用户操作所需时间越短；距离越远，用户操作所需时间越长。”

这12个设计基础理论分别是情感化设计、格式塔原理、巴甫洛夫反应、费茨定律、五大交互心理学（7±2效应、席客定律、莱斯托夫效应、本能反应和色彩心理学）、尼尔森十大可用性原则、拟人性法则和黄金比例，大部分我们都听过，或者看过，但你可能从未懂得如何使用过。当我把这一章读完以后，我过去对很多设计的困惑一散而尽，它成为我最底层的设计思维。

3. 两个设计进阶书单

本书在第二章介绍了设计师的能力效率提升，作者主要搜集了7篇文章，有图标如何诞生、如何制作设计规范这样设计技巧，有设计适配、验收、组件的选择这种和协作相关的，还有Sketch使用的一些小技巧和实用软件，以此帮助设计师提升工作效率。大家可以根据自己的兴趣选择阅读，学以致用。

而在本书最后一章，作者主要针对设计师在工作中常见的困惑进行讨论。其中有一篇是关于临摹的。我想说，临摹就是最好的学习方法。就像我会建议UI设计师一定不要只局限于体验产品，要尝试去把别人优秀的设计临摹下来，这样不仅可以加深巩固，更能提高工作效率。我做了十年设计，至今也在坚持做临摹，把那些别人优秀、闪光的点都吸收下来。

二、这本书如何使用？

1. 一本设计工具书籍

《UI设计那些事儿》这本书，完全可以作为一本UI设计的工具书使用。我们可以按照他的书籍目录，针对性对每一个组件、知识点进行拓展学习。我们过去在学习的时候其实并不是不能坚持下来，更多时候是缺少一个学习体系，不知道从哪里入手学习，而这本书所整理的知识点，就能扮演这样的角色。

2. 一个设计文案词典

这本书有一个很大的优点，那就是把我们日常工作中最常见的设计进行了优缺点的描述，提供了大量描述设计的文案。这些设计文案就像一个文案词典，它可以用在设计诊断、设计提案，还有作品阐述。比如当你向甲方演示你的设计稿，你完全可以从这本书里去搜寻那些可以支撑描述作品设计的文案，这样可以把你的设计翻译出来，让甲方感受到你的专业性。

3. 一套底层设计思维

这本书对常见的设计理论做了系统性的总结和讲解，12个设计基础理论已经足够培养你的设计思维能力。你可以进行刻意练习，在地铁，在公交，在睡前花一小部分的时间把那些常用的设计理论都背下来，反复阅读，这样你会慢慢发现，你对设计的理解就会极速提升，你能突然明白很多设计原理，假以时日，你的设计功底就会大幅度增长。

三、写在后面的话

阿里巴巴B2B UED负责人汪方进在《U一点·料》中对团队团队的使命和任务概括为：在公司中作为职能部门（function）的UED团队，需要站在用户的角度思辨业务，通过服务内部客户进而服务我们的最终用户，用设计专业帮助业务成功，与业务一起成长！

我在阅读的过程中，对汪老师的观点产生了多次共鸣，这也是长久一直困扰我的东西。设计到底应该服务谁，需要遵循什么设计原则，需要掌握什么知识结构，甚至，如何像上学那样有一个阶梯式、体系化的学习课程。

当我通过不断的阅读，不断的积累，我在某一天突然发现，我的微信读书书架其实已经慢慢形成了自己的知识体系。而《UI设计那些事儿》这本书，正是我的底层设计思维里面的其中一本。这本书真的值得每个UI设计师用心阅读，你把它当工具也好，当词典也好，当你在设计过程中有困惑的时候，你只要翻阅，你都能搜索到一些答案，从而帮助解决你的困惑。

希望我的分享对你有帮助，共勉之！