2018-02-25（视觉）

这7个实用的设计技巧，能让UI高级感更强烈

1、使用色彩和字重来创造层次结构，而不是单纯的大小对比

2、不要在有色背景上使用灰色的文本

      a 在白色背景下，将黑色的文本改成灰色，是不错的淡化其视觉效果的做法

      b 在彩色背景下，想要降低对比度是应该让文本逐步接近背景色，而不是改为灰色。

         ①降低白色文本的不透明度 ②基于背景色手工挑选文本的颜色

3、阴影设计：使用微妙的垂直偏移阴影效果更自然，模拟了最常见的光源特征，光线从上往下照下来所营造的阴影效果。

4、尽量少使用 Borders（边框）

     分割两个元素的办法：①使用 box shadow②使用不用的背景色③使用留白和间距

5、不要让小图标无端地放大 

图标网站：Font Awesome， Zondicons ，Heroicons， Iconic 

6、增加带有颜色的单边边框提升个性

7、并非每个按钮都需要颜色 （绝大多数页面中，只有一个主要操作，搭配一些不太重要的次要操作，以及几个三级操作。）

     ①主要操作应该很明显。采用实色、高对比度的按钮是很有必要的。

     ②次要操作应该明显，但是不突出，采用幽灵按钮或者和背景对比度较低的色彩是比较合理的。

     ③三级操作应该是可被发现，但是不明显的，他们最好被设计为链接。