您所在位置:主页 > 上元设计 > UI设计 >

海宁UI设计培训之用户界面设计的色彩匹配

2021-09-01 09:30 adminHN

配色是一项非常重要的艺术素养,需要系统的学习和大量的观察实践来提高。一般来说,手机UI界面的设计要遵循以下四个配色原则:整体色调要协调,配色要有主色调,要注意色彩平衡和对比色的和谐(内容参考书《移动应用UI设计》)

颜色的形象
当人们看到不同的颜色时,会有不同的心理反应。比如人看到红色,下意识的心跳加快,血流加快,然后就有一种兴奋、刺激、热情的感觉。这就是色彩的作用和形象。暖色调能呈现温暖、温馨的气氛,冷色调能呈现安静、凉爽、优雅的气氛;对比色调搭配可以产生强烈的视觉效果,给人明亮、明亮、喜庆的感觉,但搭配不当会产生庸俗、刺眼的不良效果。

配色原理
(1)整体色彩协调性:界面设计首先要确定主色,主色会占用页面大面积,其他辅助色要以主色为基础进行搭配。这样可以保证整体基调的协调统一,突出重点,使作品更加专业美观。
(2)关键色:配色时,可以选择一种颜色作为整个界面的关键色。此颜色可应用于焦点图、按钮、图标或其他相对重要的元素,使其成为整个页面的焦点。主色和大面积背景色不要用关键色,要用强调界面重要元素的小面积分散色。
(3)注意色彩的平衡:色彩搭配的平衡主要是指色彩的强弱、轻重、深浅的关系。一般来说,相似颜色的搭配方案往往能达到很好的平衡和协调,而高纯度的补色或对比色,如红、绿等,则容易带来过度强烈的视觉刺激,让人感觉不舒服。另一方面,为了亮度的平衡,高亮度的颜色显得更亮,可以增强空间感和活动感;低明度的颜色会更加强沉稳低调的感觉。
(4)调和对比色:当有两种或两种以上的对比色时,页面整体色调会比较均衡,因此需要调和对比色。
通常有三种方法来协调:
A.调整相反颜色的区域,使一种颜色为主色,另一种颜色为辅色。为了减少辅助色的色感,可能需要适当调整其纯度和明度;
B.在两种相反的颜色之间添加颜色,以引导颜色在色调上的逐渐过渡。比如调和红黄,可以加橙色;
C.加大量中性色,黑、白、灰都叫中性色。他们没有任何积极或消极的情感色彩。这是一种非常有效的混合其他颜色的方法。

常见的配色方法
每种颜色在印象空间中都有其独特的位置,因此可以通过加减来近似估计印象。如果每种颜色都是高亮度,那么它的叠加就会达到柔和明亮的效果;如果每种颜色都很强,叠加的效果也很强。
黑色:作为整个界面的主色,表现出高端、精致、稳定的感觉。同时随着不同明度的变化凸显界面层次和主次效果。
红色:是影响效果最大的颜色,也容易让人激动。搭配黑色可以减少对人大脑的刺激,弥补黑色带来的虚弱、恐惧等负面情绪。
绿色:置于黑色背景下,即使是小色块也会很吸引人。绿色还可以减弱黑色和红色对人脑的刺激,赋予生命活力和安全感。
白色:文字颜色与黑色背景颜色形成鲜明对比,整个页面变得明亮、明亮,突出了主要内容,便于人们浏览内容一目了然。不同的颜色搭配在一起,色相、彩度、明度都会改变色彩效果。两种或两种以上的浅色在一起不会产生对比效果,很多深色也不会把人吸引到一起。然而,当浅色与深色混合时,浅色显得更浅,深色显得更深。明度和色相产生同样的对比效果。
不同的颜色搭配在一起,色相、彩度、明度都会改变色彩效果。两种或两种以上的浅色在一起不会产生对比效果,很多深色也不会把人吸引到一起。然而,当浅色与深色混合时,浅色显得更浅,深色显得更深。明度和色相产生同样的对比效果。
当然,在实际设计过程中,设计师也需要考虑乘除法。比如亮度和对比度相同的颜色,在色环上的角度不同,就能得到万千感受。

上一篇:海宁UI设计培训之原型设计未来发展趋势

下一篇:海宁UI设计培训之用户界面设计中常被忽视的错误

价值千元线下试听课 限时预约中