UI界面设计怎么留白(2)——《野路子设计小讲堂》
同行们!大家好,我来更新分享啦!⊙﹏⊙b汗
还是老话,我是《野路子设计小讲堂》的小福,写这篇文章的初衷是分享给刚入行的萌新一些实际工作中的方法,希望能融入你们的工作当中去。
以上介绍,不想看直接略过!———————————————————————————————
做界面的时候,为什么别人的页面浏览起来很舒服啊?为什么他们的页面感觉很清爽?为什么别人的页面很整齐而我的就很杂乱?为什么别人图标看起来好和谐啊?
如今传授你三套掌法:
第一式:均分掌
电商类APP,特别是商品列表展示的时,主标题、副标题、标签、价格、商品展示图两侧都打出了“均分掌”。有两大好处:1、大量相同的间距,有利于画面统一;2、大量相同的间距可以减少开发小哥的负担,加速开发效率。
好处:
1、界面规范统一,方便多名设计师协同作业;
2、常用规范统一,减少开发小哥负担,加快开发效率;
第二式:五分掌
“五分掌”在UI设计中很常见,利用好间距可以将版块之间做以区分,在保持统一浏览下又有一定的差异性。
总结:
1、等级相同的版块,保持相同间距;
2、等级不同的板块,保持间距差异。
第三世:黄金分割掌
“黄金分割掌”=黄金比例分割法,相比于“均分”、“对分”,能够提升页面的细节,视觉感官上更加舒畅。“黄金掌”用到最多的地方就是金刚区的icon设计了。【黄金比例:1:0.618】
黄金比例的有三个常见的用法,分别为:黄金分割、斐波那契螺旋、三分法。
下面我用斐波那契螺旋复现一个图标。
关于留白问题,不是这一两句话就可以讲清楚的,但基本方法是相通的,下面还是需要大量的练习方可灵活运用。
这里有个小建议,关于留白问题,平面设计中,画册、刊物中会有大量的运用,在闲暇之余不妨多多浏览这方面的资料,相信对以后的视觉设计上会有一定的提升。
其他文章
IOS、安卓设计转稿秘籍——如何做到不同平台上相似度95%以上呢?
Powered by Froala Editor