课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
颜色的应用是每一位UI设计师都需要熟练掌握的一个设计知识点,掌握渐变色的应用能够让UI设计师满足更多的设计需求,而本文我们就通过案例分析来简单了解一下,渐变色设计应用方法分享。
1、饱和度变化(S)
饱和度(S),即色彩的纯度,取值范围是0~100,为0时灰色,为100时具有大饱和度。渐变色中饱和度的变化通常是一个高明度色彩饱和度的改变(高明度色彩趋向白色,可以中和低饱和色彩的灰),明度一般在90~100,。在相同的明度下(高明度90~100),饱和度低的色彩过渡到饱和度高的色彩会产生一种微立体感,低饱和度色彩会给人一种高光的效果。
2、明度变化(B)
明度(B)即色彩的明亮度,取值范围是0~100,为0时为纯黑色,为100时为纯白色。渐变中从高明度过渡到低明度也可以产出微立体感。
明度和饱和度的变化经常结合一起使用,使渐变过度的更加自然。常常会用在渐变图标或是个人中心背景图中等。
3、色相变化(H)
色相(H)的取值范围是0~360°,常见的配色方案有相近色渐变与强对比渐变,相近色渐变更加缓和,强对比渐变则视觉冲击很强。
4、相近色渐变
相近色渐变,色彩的色相值相差15°~60°左右(包括同类色、邻近色),色环上夹角为锐角,明度和饱和度数值基本保持一致。这种渐变是UI界面设计中常见的,一些以渐变色作为主题色的APP常用的就是相近色渐变
5、强对比渐变
强对比色渐变,色彩的取值范围可相差90°~180°左右(包括中差色、对比色、互补色),基本是一个色值靠近冷色系,一个色值靠近暖色系,颜色跨度大,色环上夹角基本是钝角,有极大的视觉冲击力,常常用在运营活动H5界面、引导页等强视觉的渐变处。
6、透明度变化
在渐变中加入透明度的变化,常用在叠加渐变中使用。将某一端渐变色的透明度调制0,可以很好的融进背景色中,像一束放射的光线。尤其常用做点缀图形使用,也可用做插图中绘制投影或是营造远端图形的虚化,
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。