联系方式

咨询热线:400-998-6158

点击此处免费预约试听课程»

常见问题
学习资讯
学习资讯

设计ui感技巧

设计ui*感技巧

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、阴影设计
 

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

学校联系方式

更多培训课程,学习资讯,课程优惠等学校信息,请进入 珠海香洲区平面设计培训珠海香洲区PS淘宝美工培训珠海香洲区UI培训珠海香洲区PhotoShop培训 网站详细了解,免费咨询电话:400-998-6158

相关课程