UI项目分析-模块-界面规范
面5笔5间距规范应该怎么做?
一、间距是什么?
所谓间距,即彼此相隔的距离。在界面中,间距指元素间的距离,例如按钮与按钮文字间的边距、文字的字间距与行间距等。
二、为什么要使用间距?
间距将界面中的信息划分出不同的层级,极大地增强了界面的可读性。这就是间距这一细节对整个界面带来的变化。
三、为什么要统一间距?
展开这个问题前,先来聊聊我们为何做设计规范?设计规范是建立一种规矩,无论项目如何更替,视觉风格依然能够保持一致性,这不仅提升了设计师的产出效率,使设计与研发间的沟通变得更加简单高效,也让用户通过一致的视觉风格来识别品牌。同理,间距作为设计规范中最小的单元,稍小的偏差或不规律的间距都会影响到整体界面的排版和布局,可见间距的统一有多么重要。
四、如何定间距
如何定间距其实取决于间距规范的最小单位,统一间距并不意味着所有间距都要遵循8的倍数。正如前文提到,这个数没有一个绝对的标准。一般页面会使用2px/4px/8px作为最小单位,甚至还有以5px为单位的。这个要根据自身的产品定位和内容组织形式来设定,如 iOS 的界面边距是30px,并非为8的倍数。
五、间距越大越好吗?
虽然大间距可以清楚地区分信息层级,但依然要谨慎使用。因为大量留白会让用户觉得页面太空、太长。
所以,设计师在考虑界面美感的同时要兼顾用户的体验。
六、结语
在做设计规范时,除了颜色、字体、图标等常见的设计元素以外,大家一定要谨记间距这个元素,通常它决定了界面规整与否、信息清晰与否。如果改来改去还觉得乱乱的?就再细致地看一遍间距吧。
同时,我们制定规范虽有助于项目的高效运转,但它不是限制设计师思考和发挥的紧箍咒。间距也好、元素也好,设计师依然要从用户场景和实际情况出发,多去考量所设定的规范是否恰当、合理。