400-609-4309

设计ui高级感技巧

降低不透明度,能让背景的颜色透过来一些,以一种不冲突的方式减少前景文本和背景之间的对比度。今天小编主要给大家分享设计ui高级感技巧,希望对你们有帮助!

设计ui高级感技巧

一、用颜色和字重创建层次结构

当对UI文本进行样式控制时,最常见的错误是过于依赖字体大小的差异来创建对比。

简单的使用字体大小比较,对比度是不够的,试着结合颜色和字重来创造一个更好的对比度。

如果可以,可以用两到三种颜色:

(1)主要内容用黑色。(如标题,但不要使用纯黑色)

(2)次要内容用灰色。(比如文章发表的日期)

(3)易访问性内容用浅灰色。(如页脚中的版权声明)

同样,在UI设计中,通常两个不同的字重就足以创建一个良好的层次感:

(1)大多数文本使用正常的字重。(400-500,取决于字体)

(2)对需要强调的文本使用更重的字重(600-700,取决于字体)

尽量不要让单词的正文部分的字重小于400,因为字体本身的尺寸已经很小了,低于400会使可读性变差。如果仍然需要减少字重,可以将字体颜色变浅,或者用其它识别强、字重相对较小的字体替换。

二、彩色背景上不用灰色文本

在白色背景下,将黑色文本更改为灰色是淡化其视觉效果的好方法,但在彩色背景下进行则是另一回事。

事实上,白色背景上的文本从黑色变为灰色可以减少对比度,但是在彩色背景上,为了减少对比度,应该让文本更接近背景颜色,而不是灰色。

通常有两种方法可以降低与背景颜色的对比度:

(1)降低白色文本的不透明度

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

(2)根据背景颜色手动选择文本颜色

当背景是图像或图案时,半透明的文本会影响可读性,此时,最好根据背景主色选择相应的文本颜色。

三、阴影设计

与使用大范围的扩散模糊阴影相比,使用精细的垂直偏移阴影更加明显和自然,它模拟了最常见的光源特征,光线从上往下照下来创建阴影效果。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章