快速提升 UI 设计效果的 6 个小技巧( 二 ) 你学会了吗？文章来源：优设

文章图片
这个测试方法是使用3个不同的字母，大写的字母i（I），小写的L（l），以及数字1 。
在一套字体当中，这3个字符在视觉上非常接近，测试中， 3个字符越接近，那么在可读性上，相对应的也就越差。类似这样的测试技巧还有很多，最典型的就是使用小写字母A（a）和小写字母G（g）来进行对比：

文章图片
可以明显看出，在衬线字体中， a和g有的时候更容易分辨。
05
根据文本块的大小灵活调节行高

文章图片
在版式设计当中，如果想要保证体验足够优秀，并非所有地行高都是完全一样的。在处理不同大小地文本块地时候，最好根据不同段落本身地特征，来设置行高。（注意：行高通常指的上一行的字符底部到下一行的字符底部的距离）
对于大面积的文本，适当地增加行高，能够让行之间的辨识度变得更高，但是段落本身比较紧凑短小的时候，比如只有三四行，行宽也不大，这个时候适当缩减行高，因为这样不会带来易读性的问题。
06
文本内容的配色尽量只调整色相和明暗

文章图片
在项目允许的情况下，不要使用大量不同的文本颜色来区分信息的类型，因为这种方式会让整体的体验变得花哨且不协调。
在缺少严格设计系统和相对严谨的前期研究工作的情况下，临时调整出来的色彩组合应用在不同功能的文本上，所呈现出来的效果通常会特别难看。
通常而言，为了让设计不至于深陷反复调整文本配色怪圈当中，通常最好基于你的整个配色方案来进行设计，比如可以借用你的主色的色相，在保证对比度的情况下，让不同的文本呈现出不同的明暗即可，这样既保证了视觉上的统一，又差异性的处理，又不至于体验上太差。