写给大家看的UI设计书

这是一本指导从零开始学习UI设计的新人如何进行"创作”的书。本书不会在理论方面进行长篇大论，只聚焦于UI设计师职能的第一步――设计出正确、优美的界面。如果你发现看完了UI设计相关的图书，依旧做不好界面，缺乏对UI系统清晰的认识，那么建议你在本书中寻找答案。

柯皓（@酸梅干超人），10年设计经验，2010年加入奥美大中华区，后转战互联网，面向行业和项目类型较广。从业经历包括学霸君设计负责人、55海淘设计总监、容易网UED总监、小红书设计负责人等。

源自10年设计经验，小红书、学霸君等UI实战笔记

新手一看就懂的UI界面设计读物，直击高效UI界面设计本质思维

前言

和大多数从业10年以上的UI设计师一样，我也有过一段漫长又坎坷的自学经历。因为在10年前，移动互联网行业还处于萌芽期，网上鲜有相关的学习资料，我们只能模仿并总结外的作品，或者直接投入“一团乱麻”的实际项目中试练，从而逐渐提升相关技能。

目前，上述情况已经得到了非常大的改善，越来越多的设计师开始分享自己的工作经验，教视频和文章也随处可见。在理论上，初学者的学习过程应该更容易了，但在实际的接触中，多数UI设计的新手依旧无法很好地达到该职业的基本要求，无法设计出符合规范的、正的、美观的界面。

之所以会有这样的问题，是因为大多数人对UI设计的理论与实践的关系有非常大的误解。

传统行业技能的学习，一般是从基础理论开始的，越是成熟的行业越是如此。因为在这些行中，基础理论是具有“客观决定性”的，没有这种基础就无法推导出后面更复杂的知识和论。

就像“建筑工程学”一样，再复杂的建筑也必须符合经典力学的理论体系才能被建造出来，的实现过程是受到客观制约的，如果缺乏这些理论，我们在实践过程中就会寸步难行。

UI设计的不同之处在于，它是构建在“主观性”上的学科，同一套设计方案在不同场景、同受众中会得到不一样的感受和体验，设计师可以设计出完全违背我们直觉和打破常规的秀作品。这种“主观性”导致了相关理论大多只是作者个人的总结，而不是客观定理，看来固然精彩，发人深省，但我们依旧无法通过学习它们来直接了解界面应该怎么设计，或直接提升设计水平。

UI 设计的学习需要从实践开始，在熟练掌握实践的方法后，再通过理论去检验我们的实践结果，探索更多的可能性。基于格式塔心理学的“平面设计四要素”是我认为最具有普适性、客观性的设计理论，有优先学习的必要。

所以，本书在前两章对UI 做出基本介绍后，就会在第3 章开始着重说明平面设计四要素的知识和应用；然后，通过对文字、控件、组件的讲解，使读者了解界面设计中的排版；在具有排版基础以后，再通过对配色方法和图标设计的讲解，让读者学会丰富界面的细节；最后，具体说明在一个完整的UI 项目中设计师应该如何应对，并最大化地发挥设计能力。

在成书过程中，较大的难点在于出版物比网页的展示形式多了很多限制，无法像网页一样展示大量的案例，书中提及的许多内容都需要读者自己进行查找和分析。最重要的是，读者想要学习UI 设计，只阅读本书是远远不够的，一定要通过实际的练习来消化知识点，这才是学习UI 设计的合理方式。

希望本书可以帮助读者更快地把握UI 设计的要点，避开前人踩过的“坑”，从而设计出更多优秀的作品。

01 UI 的学习准备
1．1 UI 是什么 2
1．2 UI 行业的发展 5
1．3 UI 应该如何学习 8
1．4 UI 设计的软件 14

02 UI 的基础知识
2．1 App 的视觉组成 21
2．2 关于分辨率 25
2．3 系统设计规范 29
2．4 UI 视觉与交互 35

03 平面设计四要素
3．1 UI 设计中的对齐 40
3．2 UI 设计中的亲密 48
3．3 UI 设计中的对比 56
3．4 UI 设计中的重复 65

04 UI 的文字应用
4．1 文字的基本属性 73
4．2 官方字体 80
4．3 字体的设置 84

05 UI 的控件设计
5．1 控件是什么 91
5．2 控件的设计原则 98
5．3 控件的尺寸 102

06 UI 的组件设计
6．1 组件是什么 112
6．2 组件的尺寸 120
6．3 组件的进阶 124

07 UI 的配色方法
7．1 色彩的基础认识 133
7．2 UI 中的配色 140
7．3 配色演示 147

08 UI 的图标设计
8．1 认识图标 159
8．2 图标的规范 162
8．3 工具图标设计 168
8．4 应用图标设计 175

09 UI 的项目实践
9．1 App 项目开发流程 180
9．2 App 项目的设计准备 185
9．3 项目的设计 191
9．4 设计的收尾工作 197