UI改版技巧，首先调整一下行高

一、UI改版技巧

1、首先第一个是文本行高

使用排版的时候，我们应该适当的留白，文本越小，行高越大，文本越大行高就越小，所以我们应该适当的去调整一下行高，提升用户的易读性。

2、第二个是亲密层级

我们可以将大块的文本分别成更小的部分，这样可以让我们的用户掌握和消化，也是利用了就近原则老对彼此相关的相似信息进行去分组。

3、第三个是渐变蒙版

文本信息与背景相融合的时候，为图像添加一个简单的渐变叠加，使文本更易于阅读，可读性较高。

4、第四个是双倍距离

使用圆角卡片的时候，对末元素使用双倍距离，UI看起来会更加平衡，对头像使用24px的填充，并将图标的间距加倍可以让视觉上的感受更加舒适。

5、双边框圆角半径

使用具有圆角的元素时，在较大的形状上使用两倍大的圆角半径，头像使用了18px的圆角，卡片使用36px的圆角。

6、给头像描边

在复杂背景使用时，头像往往会融入背景，为了防止混合给头像添加白色描边更加容易区分。

二、什么是UI设计中的网格系统

1、网格系统是由一系列水平和垂直交叉参考线构成，将页面分割成若干个有规律的列或格子。

2、再以这些格子为基准，控制页面元素之间的对齐和比例关系，从而搭建出一个具有高度秩序性的页面框架。