UI设计技巧



1
使用色彩和字重来创造层次结构



主要内容采用深色（诸如标题，但是不要用纯黑）

次要内容采用灰色（比如文章发表日期）

辅助性内容采用浅灰色（比如页脚中的版权声明）

大多数的文本采用正常的字重（400到500，具体取决于字体）

对于需要强调的文字采用较重的字重（600到700，具体取决于字体）



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



3
降低白色文本的不透明度，降低不透明度，能够让背景的颜色透过来一些，以一种不冲突的方式降低前景文字和背景之间的对比度。

4
基于背景色手工挑选文本的颜色，当背景是图像或者图案的时候，半透明的文本会影响可读性，这个时候最好是基于背景主色调来挑选相应的文本色。

5
阴影设计，相比于采用大范围的扩散模糊阴影，使用微妙的垂直偏移阴影效果更明显，更自然，它模拟了最常见的光源特征，光线从上往下照下来所营造的阴影效果。