UI界面设计怎么留白（2）——《野路子设计小讲堂》

同行们！大家好，我来更新分享啦！⊙﹏⊙b汗

还是老话，我是《野路子设计小讲堂》的小福，写这篇文章的初衷是分享给刚入行的萌新一些实际工作中的方法，希望能融入你们的工作当中去。

以上介绍，不想看直接略过！———————————————————————————————

做界面的时候，为什么别人的页面浏览起来很舒服啊？为什么他们的页面感觉很清爽？为什么别人的页面很整齐而我的就很杂乱？为什么别人图标看起来好和谐啊？

如今传授你三套掌法：

第一式：均分掌

电商类APP，特别是商品列表展示的时，主标题、副标题、标签、价格、商品展示图两侧都打出了“均分掌”。有两大好处：1、大量相同的间距，有利于画面统一；2、大量相同的间距可以减少开发小哥的负担，加速开发效率。

好处：

1、界面规范统一，方便多名设计师协同作业；

2、常用规范统一，减少开发小哥负担，加快开发效率；

第二式：五分掌

“五分掌”在UI设计中很常见，利用好间距可以将版块之间做以区分，在保持统一浏览下又有一定的差异性。

总结：

1、等级相同的版块，保持相同间距；

2、等级不同的板块，保持间距差异。

第三世：黄金分割掌

“黄金分割掌”=黄金比例分割法，相比于“均分”、“对分”，能够提升页面的细节，视觉感官上更加舒畅。“黄金掌”用到最多的地方就是金刚区的icon设计了。【黄金比例：1:0.618】

黄金比例的有三个常见的用法，分别为：黄金分割、斐波那契螺旋、三分法。

下面我用斐波那契螺旋复现一个图标。

关于留白问题，不是这一两句话就可以讲清楚的，但基本方法是相通的，下面还是需要大量的练习方可灵活运用。

这里有个小建议，关于留白问题，平面设计中，画册、刊物中会有大量的运用，在闲暇之余不妨多多浏览这方面的资料，相信对以后的视觉设计上会有一定的提升。

其他文章

iPhone-UI规范篇——野路子设计小讲堂

Androdi-UI规范篇——野路子设计小讲堂

IOS、安卓设计转稿秘籍——如何做到不同平台上相似度95%以上呢？

UI界面设计怎么留白（1）——《野路子设计小讲堂》

Powered by Froala Editor