美文网首页全栈设计之旅
关于用户体验的视觉设计·色彩

关于用户体验的视觉设计·色彩

作者: Mhhao | 来源:发表于2020-09-02 16:25 被阅读0次

    色彩的含义

    色彩是眼、脑和我们的生活经验对光的色彩类别描述的视觉感知特征,其名称有红色、橙色、黄色、绿色、蓝色或紫色。这种对色彩的感知来自可见光谱中的电磁辐射对人眼视锥细胞的刺激。色彩的种类和色彩的物理规格是通过反射光的波长与物体相联系的。这种反射是由物体的物理性质决定的,如光的吸收、发射光谱等。但人对色彩的感觉不仅仅由光的物理性质所决定,还包含心理等许多因素,比如人类对色彩的感觉往往受到周围色彩的影响。有时人们也将物质产生不同色彩的物理特性直接称为色彩。

    人们在生活中对色彩产生的另一层面的象征意义被称为社会/文化联想,这时由人们各自生活的文化和环境造成的,举例说明:绿色的自然联想可以是绿色植物,新鲜的,而心理联想则可能是和平的,有生机的。除此之外,色彩一般都有正面和负面的含义,比如:蓝色是种非常漂亮的天空色色彩,但同时蓝色也是忧郁的象征,在英语国家里面,蓝色也是心情不好的形容词。红色也有这种的双重意义,一方面红色是热情的象征,也是中激进的色彩,另一方面红色也有阻止前进的意义。虽然并是不绝对的,但这些色彩的社会联想都有一定的来源和起因,我们来试着总结下各种色彩的社会联想的来源:一、文化上形成的,这些一般来自传统,习惯,宗教等等,比如:绿色在穆斯林国家是天堂的色彩,而在美国是幸运的意义。二、政治形成的,比如红色在我们国家是国旗的色彩,也是比较喜欢使用的色彩,绿色是地中海一些国家的国旗色彩,也是他们比较喜欢的色彩。三、神话传说形成的,比如在凯尔特人传说中绿色是象征生育和生产的色彩,这个传说被西方世界所熟悉,形成了绿色是性生活的象征。四、语言上的联系,这个在很多地方都存在,可能某种色彩的发音和一种东西类似,结果形成了之间的联系性。五、时尚因素,这点是最琢磨不透的原因了,由于时尚变化速度极快,所以即使是有经验的设计师也很难去真正把握这些,一般我们可以通过阅读和收集资料来获得这方面的信息。

    色彩的属性(三要素)


    明度:明度是指色彩的明亮程度。各种有色物体由于它们的反射光量的区别而产生色彩的明暗强弱。色彩的明度有两种情况:一是同一色相不同明度。如同一色彩在强光照射下显得明亮,弱光照射下显得较灰暗;同一色彩加黑以后能产生各种不同的明暗层次。

    有色物体色彩的明度与物体的表面结构有关。如果物体表面粗糙,其漫反射作用将使色彩的明度降低;如果物体表面光滑,那么,全反射作用将使色彩比较明亮。

    色相:色相是有彩色的最大特征。所谓色相是指能够比较确切地表示某种色彩色别的名称。如玫瑰红、桔黄、柠檬黄、钴蓝、群青、翠绿……从光学物理上讲,各种色相是由射入人眼的光线的光谱成分决定的。对于单色光来说,色相的面貌完全取决于该光线的频率;对于混合色光来说,则取决于各种频率光线的相对量。物体的色彩是由光源的光谱成分和物体表面反射(或透射)的特性决定的。

    纯度:色彩的纯度是指色彩的纯净程度,它表示色彩中所含有色成分的比例。含有色彩成分的比例愈大,则色彩的纯度愈高,含有色成分的比例愈小,则色彩的纯度也愈低。可见光谱的各种单色光是最纯的色彩,为极限纯度。当一种色彩掺入白色时,纯度就产生变化。当掺入的白色到很大的比例时,在眼睛看来,原来的色彩将失去本来的光彩,而变成无限接近与0纯度了,也就是灰阶图像了。

    色彩联想

    色彩的味觉感

    甜味:一般是黄,红等明度较高的暖色--联想到糖和西瓜等

    酸味:一般是绿色,以及黄绿这类的色彩--联想到未成熟的桔子和柠檬

    苦味:以黑色,灰褐色为主,一般是低明度,低纯度的色彩--联想到咖啡,可可等

    辣味:以红色和绿色这类的高纯度色彩为主--联想到辣椒

    咸味:高亮度的蓝色于灰色--联想到大海与盐

    涩味:灰绿色,暗绿色这类的低纯度色彩--联想到未成熟的柿子

    色彩的季节感

    春天:是具有朝气,生命的特性,一般各种高明度和高纯度的色彩,以黄绿色为典型

    夏天:具有阳光,强烈的特性,一般是高纯度的色彩形成的对比,以高纯度的绿色,高明度的黄色和红色为典型

    秋天:具有成熟,萧索的特性,一般是黄色以及暗色调为主的色彩

    冬天:具有冰冻,寒冷的特性,一般是灰色,高明度的蓝色,白色等冷色

    色彩温度感(冷色与暖色):

    在色环中蓝色、蓝绿、蓝紫色等色彩,给人凉爽的感觉,所以被称为冷色。相反,红色,橙色,黄色,红紫色等给人温暖的感觉,所以被称为暖色。

    前进色与后退色:

    前进色:一般是暖色或者明度和纯度都较高,给人一种视觉上靠近观者的感觉。

    后退色:一般是冷色或者明度和纯度都较低,给人一种视觉上远离观者的感觉。

    色彩体积感(膨胀色与收缩色)

    膨胀色一般是前进色和暖色,明度较高

    收缩色一般是后退色和冷色,明度较低

    在服饰搭配中,体型偏胖者可以选择收缩色,偏瘦者可以选择膨胀色。

    色彩重量感(轻色与重色)

    轻色:一般为明度高,冷色

    重色:一般为明度低,暖色

    色彩华丽感(华丽色与朴素色)

    华丽色:一般是纯度较高或者明度较高

    朴素色:一般是纯度较低或者明度较低

    色彩的硬度感(柔软色于坚硬色)

    柔软色:一般为明度高、纯度低、暖色

    坚硬色:一般为明度低、彩度高、冷色。

    色彩搭配

    互补色搭配


    色环上相对的两种色彩的搭配为互补色搭配,比如红色和绿色。这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳定感,在搭配中一定要处理好这种情况,不然会使得画面冲突非常严重并破坏整体。互补色搭配在正式的设计中比较少见,主要由于它特殊性和不稳定,但是很显然的是,在各种色相搭配中,互补色搭配无疑是一种最突出的搭配,所以如果你想然你的作品特别引人注目,那互补色搭配或许是种最佳选择。

    邻近色搭配


    色环上距离较近的色彩搭配被称为邻近色搭配,或者邻近色搭配。一般这种色彩之间大搭配显得平静而舒服。邻近色搭配常常在自然中被找到,所以对眼睛来说,这时种最舒适的搭配方式。在使用邻近色搭配的时候,一定要适当加强对比,不然可能使画面显得平淡。

    三角形搭配


    这种搭配是在色环上等距的选出三种色彩进行搭配的方式。三角形搭配是种能使得画面生动的搭配方式,即使使用了低饱和度的色彩。在使用三角形搭配的时候一定要选出一种色彩作为主色,另外两种作为辅助色。

    分裂互补色搭配


    这是种互补色搭配的变体,它的本质是用使用类似色来代替互补色中的一个,以达到既有互补色搭配的优点,并弥补互补色搭配的弱点。分裂互补色的对比依然非常强烈,但它并不会像互补色搭配那样产生颤抖和不安的感觉。对初学者来说,这是种非常好用的搭配,一般来说,使用分裂互补色搭配的画面对比强烈,而不易使色彩产生混乱的感觉。

    矩形搭配(双分裂互补色)


    这同样是互补色搭配的变体,相比上面的分裂互补色,这个搭配把而种色彩都替换成了类似色。这种搭配的色彩非常丰富,能使画面产生节奏感。当其中一种色彩作为主要色时,这种搭配能取得良好的效果。在这种搭配中要同时注意色彩冷暖的对比。

    正方形搭配


    这种搭配中四种色彩被均匀的分布在整个色彩空间。当其中一种色彩作为主要色时,这种搭配能取得最好的效果。和矩形搭配一样,需要注意冷暖色的对比和平衡。

    相关文章

      网友评论

        本文标题:关于用户体验的视觉设计·色彩

        本文链接:https://www.haomeiwen.com/subject/eljwsktx.html