UI设计师该如何合理运用色彩?

2021-04-08
3264
0

  UI设计师该如何合理运用色彩?设计师作为当下比较热门的职业,对于各行各业来说,都是一个不可或缺的存在。设计师们将自己的思想转化为现实,不断的创新,来融合大众的审美观和消费观。那么,今天和绘学霸小编一起了解下:UI设计师该如何合理运用色彩?

UI设计师该如何合理运用色彩?

  
  一、色相 饱和度 明度

  色相:也称色调,通俗来讲就是色彩的相貌,色相是有彩色的最大特征。所谓色相是指能够比较确切地表示某种颜色色别的名称。如玫瑰红、桔黄、柠檬黄、钴蓝、群青、翠绿……从光学物理上讲,各种色相是由射入人眼的光线的光谱成分决定的。

 

  对于单色光来说,色相的面貌完全取决于该光线的波长;对于混合色光来说,则取决于各种波长光线的相对量。物体的颜色是由光源的光谱成分和物体表面反射(或透射)的特性决定的。

 

  饱和度:也称纯度,色彩的饱和度是指色彩的纯净程度,它表示颜色中所含有色成分的比例。含有色彩成分的比例愈大,则色彩的纯度愈高,含有色成分的比例愈小,则色彩的纯度也愈低。可见光谱的各种单色光是最纯的颜色,为极限纯度。

 

  当一种颜色参入黑、白或其他彩色时,纯度就产生变化。当参入的色达到很大的比例时,在眼睛看来,原来的颜色将失去本来的光彩,而变成掺和的颜色了。当然这并不等于说在这种被掺和的颜色里已经不存在原来的色素,而是由于大量的参入其他彩色而使得原来的色素被同化,人的眼睛已经无法感觉出来了。

 

  明度:明度是指色彩的明亮程度。各种有色物体由于它们的反射光量的区别而产生颜色的明暗强弱。色彩的明度有两种情况:

 

  一是,同一色相不同明度。如同一颜色在强光照射下显得明亮,弱光照射下显得较灰暗模糊;同一颜色加黑或加白掺和以后也能产生各种不同的明暗层次。

 

  二是各种颜色的不同明度。每一种纯色都有与其相应的明度。黄色明度最高,蓝紫色明度最低,红、绿色为中间明度。色彩的明度变化往往会影响到纯度,如红色加入黑色以后明度降低了,同时纯度也降低了;如果红色加白则明度提高了,纯度却降低了。

 

  色彩的色相、饱和度和明度三要素是不可分割的,应用时必须同时考虑这三点。

 

  二、色彩搭配的基本组合

 

  接下来我们聊聊基于色轮我们可以得到的基本色彩组合。

 

  1、互补色:互补色是指色轮上那些呈180°角的颜色。比如蓝色和橙色、红色和绿色、黄色和紫色等。互补色有非常强烈的对比度,在颜色饱和度很高的情况下,可以创建很多十分震撼的视觉效果。

 

  2、相似色:相似色是指在色轮上相邻的三个颜色。相似色是选择相近颜色时十分不错的方法,可以在同一个色调中制造丰富的质感和层次。一些很好的色彩组合有:蓝绿色、蓝色和蓝紫色;还有黄绿色、黄色和橘黄色。

 

  3、三角色:三角色也是一组颜色。是通过在色环上创建一个等边三角形来取出的一组颜色,可以让作品的颜色很丰富。在下面的例子中,紫色和橙色和绿色就可以形成十分强烈的对比。

 

  4、分散互补色:分散的互补色和互补色的区别在于分散的互补色并不是取目标颜色正对面的颜色。黄色的互补色应该是紫色,但是我们取紫色旁边的两个颜色——紫红色和蓝紫色。这样子不仅可以有一个强烈的对比度,而且还可以让颜色更丰富。

 

  5、四方补色:四方补色和四方色的差别在于四方补色采用的是一个矩形。通过一组互补色两旁的颜色建立的色彩组合。如下图中的互补色红色和绿色,分别选用他们两旁的颜色来建立矩形,最终取得红色、橙色、绿色和蓝色。

 

  6、四方色:四方色是在色轮上画一个正方形,取四个角的颜色。在下面的例子中是:红色、橙黄色、绿色和蓝紫色。这个颜色真的超棒,不信可以自己用用感受一下,尤其是使用其中一个颜色作为主色,其他的三个颜色作为辅助色的时候。

 

  三、色彩会说话

 

  当然,我们还要知道,色彩的表现能力,不同的色彩会表达不同的情感表现,但不能归于死板的去理解这些颜色,因为不同国家,不同社会、人文环境对色彩的接纳程度也是不同的,如漂亮的红色,红色在中国文化中更多的是象征吉祥、喜庆、红火等积极意义,而在大多西方国家中红色是暴力、血腥的象征,具有一定的负面意义.

 

  当然色彩的表现在不同的年龄段也扮演着不同的角色,所以当我们设计UI产品的时候,一定要针对受众人群做好合理的色彩搭配~

 

  绘学霸除了课程内容全面,还有着丰富的实训项目内容,让你能够接触到行业前沿的影视素材,在学习中累积一定的工作经验,让你就业后就能够直接参加项目,告别刚入行时的迷茫期,所以如果你有这强烈的就业意愿,绘学霸是个很不错的选择。

 

  那本期关于UI设计师该如何合理运用色彩?的分享就到这里结束了,也欢迎喜欢UI设计的小伙伴,关注我们的官网绘学霸,经常分享各类教程、资源、经验,助你开启UI设计提升之门。

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6