ui设计中常用的小技巧

加强行间距，+4原则或黄金比例

行间距大家都知道，但是具体如何设定值很多人不知道，一般我常用规则是 +4 ，比如文字大小是12PX，那么行间距就是16，以此类推文字是14，那么行间距就是18。

除了+4的规律你也可以运用黄金比例，文字大小X1.414，文字大小X1.616(1.414和1.616是黄金值)取四舍五入，得出以下字体间距规则。

很多人要问，我如何判断界面里面用多大的行间距呢?道理很简单，就是看你们内容，如果你们app内容需要很丰富，你可以行间距小一些让屏幕展示更多内容，可以运用+4的原则，目前淘宝天猫是这个原则，如果你页面内容更加留白大一些阅读舒服一些，可以运用黄金比例的行间距，比如新闻阅读软件，需要大量留白来调整呼吸感!

加大字间距: 0.1或0.2勿过大

除了行间距，字间距同样很重要，特别是英文页面时候，同样的内容，字间距，和行间距不合适，看起来界面就会相差很多，有的看着很舒服，有的看起来说不出来哪里不对。

字母和字母之前距离非常的紧密，句子和句子之间的行间距也很近，会导致阅读起来很密集，不够舒服，相反右边通过加大行间距和字间距，使得内容没有那么满，字母和字母之间的间距，行与行之间的间隔，使得整个设计节奏得到了一些舒缓!

需要注意的是:不要给太大的字间距，有时候过大也会让读者不舒服。

减少线条，如非得已使用线

在一个设计里面减少线条，或者让线条最少化，是让UI设计看起来干净的一种很重要的方法，通过间距来分割信息，加强内容和内容之间的间距，这样做，用户也是可以很清晰的区分信息层级。

需要注意的是：优先保证内容清晰，如果有些地方一定要用到线条，一定要使用它。

合理留白，拉开信息层级

页面放松和呼吸感在UI中非常重要，元素之间的距离特别小，都挤在一个空间里面，非常的满。如果能很好的运用版式，和空间感，有足够的空间让元素之间去呼吸让用户感觉舒服。

运用卡片，更好整合信息

在清晰度层面，使用卡片是帮助内容信息反馈的很好一种视觉形式，同时也让信息更加明确哪块是哪块。

卡片化设计在移动端让ui设计更加干净利落，是经常运用到的设计点。