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

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)