020-29815005
预约专线时间:09:00-23:59

用户界面设计的色彩匹配

新闻来源:本站 日期:2021-07-26
色彩是一种很重要的艺术素养,它需要系统的学习和大量的观察与实践。一般说来,手机UI界面的设计应遵循四个原则:整体色调要协调,配色要有主调,要注意色彩平衡和对比色的和谐(参考文献《移动应用UI设计》)。
    人在看到颜色的时候,会产生不同的心理反应。例如,人们看到红色物体,下意识地心跳加速,血液流动加速,然后产生兴奋、刺激、激情。那是颜色和图像的作用。

    暖色可以表现出温暖、温暖的气氛,冷色调可以表现出安静、凉爽、优雅的气氛;对比色调搭配可以产生强烈的视觉效果,给人明亮、明亮、喜庆的感觉,但不适当的搭配会产生庸俗、刺眼的不良效果。

    调色原则。

    (1)整体色彩协调性:界面设计首先要确定主色调,主色会占据大面积,其它辅助颜色要以主色调为基础。从而保证整体基调的协调性,突出重点,使作品更专业、美观。

    (2)关键色:在配色时,可以选择一种颜色作为整个界面的关键色。这个颜色可以应用到焦点图,按钮,图标或者其他相关的重要元素,使它成为整个页面的焦点。主色调和大面积背景色不要使用关键色,而要使用小面积的分散强调界面重要元素。

    (3)注意色彩平衡:色彩搭配的平衡主要是指颜色的强弱、轻重和深浅的关系。一般情况下,同类颜色的搭配往往能达到很好的平衡与协调,而红、绿等高纯度的补色或对比色,容易带来过分强烈的视觉刺激,使人感觉不舒服。另外,为平衡亮度,高亮度的色彩显得较亮,可增强空间感和活动感;低明度色彩则会更强稳重低调。

    (4)调和对比色:当有两种或两种以上的对比色时,页面的整体色调会更加平衡,所以需要对色彩进行调整。


UI设计


    协调的方法一般有三种:

    调整反色区域,使其中一种颜色是主色调,另一种是辅色。为降低辅助色感,可适当调整其纯度和亮度;

    在两种相反的颜色之间添加颜色,用以指示颜色在色调上的逐渐过渡。如与红黄调和,可加橙色;

    加大量中性色,黑色、白色、灰色均称为中性色。它们不带正反两面的情绪色彩。这种方法可以很有效地混合其它颜色。

    常用配色方式

    每一种颜色都有自己独特的印象空间,所以通过减法可以近似地估计印象。若每一种颜色都是高亮度,则其叠加将达到柔和明亮的效果;若每种颜色都很强,叠加的效果也很强。

    黑:作为整个界面的主色调,呈现高端、精致、稳定的感觉。与此同时,不同明度的变化突出了界面层次和主次效果。

    红:是最有效果的颜色,也容易让人激动。配黑能减少对人大脑的刺激,弥补因黑色带来的虚弱、恐惧等消极情绪。

    绿:放置在黑色背景下,即使是小块的色块都很有吸引力。绿也能减弱黑色和红色对人脑的刺激,给人以生机和安全感。

    白:文字色彩和黑色背景色形成对比,使整个页面变得明亮明亮,突出主要内容,便于人们浏览内容。

    各种颜色搭配在一起,色、色、色都会改变色彩效果。在一起的两种或更多的浅色不会产生对比效果,许多深颜色也不能将人们吸引到一起。但是,当浅色和深色混合的时候,浅色会显得比较浅,而深色则会比较深。亮度和色相具有相同的对比效果。

    各种颜色搭配在一起,色、色、色都会改变色彩效果。在一起的两种或更多的浅色不会产生对比效果,许多深颜色也不能将人们吸引到一起。但是,当浅色和深色混合的时候,浅色会显得比较浅,而深色则会比较深。亮度和色相具有相同的对比效果。

    自然,在实际的设计过程中,设计者同样需要考虑乘除。例如亮度、对比度相同的颜色,在色环上的角度不同,可以得到千变万化的感觉。