快速提升UI设计效果的44个小技巧( 二 )

9. 提高文本和图像之间的对比度

本文插图
基本的处理方式是，在图片上增加一个透明渐变蒙版来使得字体看的更加清楚
10. 同一种字体时，使用多字重的字体

本文插图
如果只使用一个字体，尽量选择有多字重的字体，比如：阿里巴巴普惠体、思源、OPPO
11. 在浅色背景上你的文字可见性需要注意

本文插图
在浅色背景下工作时，文字颜色不要太浅，虽然看起来很舒服，但可见性不较差，不利于阅读
12. 长文本中，文字阅读感不要太抢眼

本文插图
当涉及到长格式的内容时，某些常规的粗体字体在屏幕上看起来还是有点太重，太呆板了。
建议，选择像深灰色（即# 4f4f）来降低文本的色调，这样阅读起来会更加舒服
13. 行动按钮需要是最聚焦的

本文插图
通过使用颜色对比、尺寸和标签，确保“行动按钮”尽可能突出。
14. 字号越小，你的行距就越高

本文插图
随着字号的减小，增加行高可以获得更好的易读性
15. 突出菜单中最常用的元素

本文插图
在设计应用程序内部使用的菜单时，请确保提供最常用的操作（即；上传图像，添加文件等…）最突出的屏幕。
16. 从你的图像中挑选颜色，让你的产品栩栩如生

本文插图
只需从你的产品图像中挑选颜色，然后将你选择的颜色的各种色调和阴影应用到你的背景、文本、图标…… ，就能为你的设计增添大量的视觉趣味
17. 根据字体的x高度设置行高

本文插图
不同x高度的字体需要不同的行高测量来实现文本行之间的正确分隔。
即使你可能有两种字体大小相同（即；18px）它们的x高度可能会有很大差异，选择正确行高是非常有必要的
18. 突出最重要的元素

本文插图
通过使用字体大小、权重、颜色和布局的组合，你可以轻松突出UI中最重要的元素