做UI设计,想要给客户良好的视觉体验,就必须掌握色彩的搭配技巧,今天,我们首先分析色彩搭配的方法重要性,设计中的色彩特征、色彩搭配原理的方法及常用技巧
设计作品是否美观,色彩搭配非常重要。设计的原则就是给用户以高质量视觉感官体验,设计的本质就是依据广告主题的宗旨,把广告的造型、结构、信息、色彩等视觉元素有逻辑的展示,并对水风格等进行整体设计。其目的主要是利用造型的原则和规律,合理的分配和排版文字、图形等视觉元素,以便准确、系统、有效地传达广告所要表示的信息。
颜色的特征分为:色调、亮度、对比度、饱和度,那么它们究竟代表什么意思呢
色调:色调是色彩的主要特征,同一色调的色彩是指色彩中组成彩色成分的三原色光组合比例相同的一系列色彩,在外观上表现出一种鲜明的色彩倾向
亮度:色彩相同的色彩看上去还有深浅之分,通常把色彩的这一个特征称为亮度。亮度表现出色彩的明亮程度。在设计中,如果底色是黑色的,而文字也选用了较深的色彩,那么由于色彩的亮度比较接近,浏览者在浏览时,眼睛就会感觉很吃力,影响到浏览的效果。当然,色彩的亮度也不能变化太大;否则亮度反差也会太强,也会使浏览者在浏览时感到刺眼。
对比度:对比度指的是一幅图像中明暗区域最亮的白和最暗的黑之间不同亮度层级的测量,差异范围越大代表对比越大,差异范围越小代表对比越小,好的对比率120:1就可容易地显示生动、丰富的色彩,当对比率高达300:1时,便可支持各阶的颜色
饱和度:色彩的饱和度越高,图片颜色越丰富,反之图片越暗淡,色调相同的色彩除了亮度上的差别外,还表现出不同的鲜艳程度,即色彩的饱和度。饱和度表现色彩鲜艳程度。色彩的饱和度的高低受物体表现结构、照射光源的特点及视觉生理特性的影响
设计中色彩搭配的原理
搭配的原理主要包括:色彩的鲜明性,色彩鲜艳,容易引人注目;色彩的独特性,要有与众不同的色彩,使得大家对你的设计印象深刻;色彩的联想性,用不同的色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等。总之,选择的色彩要和设计主题的内涵相关联。
色彩搭配方法
确定主体色,遵循主从关系,这是处理色彩的主要原则。色相是指色彩的相貌,是区别色彩种类的名称。红、黄、绿、蓝、紫都代表一类具体的颜色。在页面上,除了白色为背景外大量使用的颜色,就是主体颜色。设计时应确定选用何种颜色作为页面主体色,避免在同一个页面内运用多种颜色,其他的颜色面积不能过大,应该遵循主从关系。
1、选用相近色,设计时,应尽量选择色彩相近的颜色,易于搭配。明度是指任何一种色彩的明暗程度;色彩的纯度是指彩色系中每个色彩的鲜艳程度。一般情况下,同色彩系(同色相)、明度不同或者纯度不同的几种颜色比较容易搭配,如选择几种深浅不同的绿色来搭配,就不会使页面产生不和谐的问题。同一页面尽量不要超过四种颜色。而文字颜色的搭配,则要与背景分离。在实际设计过程中,可以利用所选择的设计工具中的调色板,选中某种颜色周围的颜色作为页面设计的选用色。
2、色彩均衡原则,遵循色彩均衡原则能够使页面中的色彩达到一种平衡。在设计中,当运用了较多明度较高的颜色时可以用黑色或者同色相的深颜色小面积色块点缀一下,使得页面增加分量,达到色彩重量平衡的效果。而平衡的颜色符合多数观者的色彩心理。
3、黑白灰颜色的运用,在设计时遇到色彩凌乱的情况,可以大面积地加白、灰等浅色,小面积加黑色,以调节颜色搭配不当的情况。当遇到使用纯度很高的颜色,如纯蓝、纯黄等,这样的搭配会很鲜艳,使人的视觉感受比较兴奋,运用黑白灰可以起到中和的作用。
4、色彩心理与情感,在设计色彩的运用中,不同的颜色会使浏览者产生不同的心理感受。例如:红色代表热情、活泼、幸福、吉祥等。绿色代表和平、希望、环保、清新等。 推荐阅读:色彩情感因素!在广告设计中的应用
彩搭配常用技巧
1、用一种色彩,这里是指先选定一种色彩,然后调整透明度和饱和度,这样的页面看起来色彩统一、有层次感。
2、用两种色彩,先选定一种色彩,然后选择它的对比色。
3、用一个色系,简单地来说就是用一个感觉的色彩,如淡蓝、淡黄、淡绿;或者土黄、土灰、土蓝。确定色彩的方法因人而异,例如:可以在Photoshop中单击前景色方框,在弹出的“混色器”对话框中选择“颜色库”,然后在“色库”中选择即可。
4、用黑色和一种彩色。例如:大红的字体配黑色的边框感觉很鲜明。
避免配色中误区
不要将所有颜色都用到,尽量控制在三至五种色彩以内;背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),否则,背景图案会影响要突出主要文字的内容。
总之,在设计时,色彩搭配总的应用原则是“总体协调,局部对比”,整体色彩效果应该是和谐的,只是在局部的,小范围的地方突出强烈色彩对比,这样的色彩搭配才能进一步增强设计的吸引力。
作为UI设计师,最主要的就是懂得如何配色,学习UI美工课程,学习UI设计配色选择郑州学易培训,零基础,零费用,免费体验中,小班实战授课,真正的网络外包公司,真正的开发技术团队实训,给你不一样课程体验!
========郑州学易培训=========
【联系人】:韩老师