软件定制开发公司新闻动态

新闻中心NEWS

网站设计及如何让界面的色彩搭配更加协调

责任编辑:网站设计 点击:3482 发表时间:2020-09-23

黑白荧屏年代,设计师在网页设计时根本无需考虑色彩搭配的问题。如今,色彩搭配不仅起到美化界面设计的关键,更是吸引用户兴趣,传递用户情感,及引导用户顺利完成操作的关键所在。那么,如何让界面的色彩搭配更加协调?

时代创信网站设计
一、三个「一致」

色彩有三个属性,即色相、明度以及饱和度,它们是构成色彩个性的主要部分。色彩属性一致能有效避免界面出现突兀的感觉,让网页设计更加和谐协调。

色相,也就是我们常说的红、橙、黄、绿、青、蓝、紫等颜色,是区别不同颜色的最佳标准,也是人眼区分色彩的最佳方式。

色相一致

色相一致,指的是整个界面只选取一种颜色,例如红色,再透过明度、纯度等变化进行色彩搭配,继而让整个画面的色彩更加协调。不过,从头到尾只使用一种色相,难免会让界面显得单调,因此最好取用其他色相作为强调色,使界面形成较大的反差效果。

明度一致

明度,就是色彩明暗度。比起纯色以及色相,明度能更容易让眼睛感受到色彩的「变化」。界面色彩明度一致,能使整体表现出统一感与协调感的印象。

明度是画面的骨骼,也是画面的结构。在很多优秀的设计作品中,无论是运用怎样的色调搭配,一旦还原成黑白图片时,我们就会发现这些作品的黑灰关系非常协调统一。这说明,画面中各个色块已融于整个画面的黑白灰关系中,并寻求色相的信息承载。

纯度一致

纯度,是指原色在色彩中所占据的百分比,用于表现色彩浓淡和深浅的判断标准。纯度最高的色彩是原色,随着纯度降低,色彩会逐渐变淡,直接到失去色相,变为无彩色,及黑白灰。

一般来说,当界面统一使用纯度高的色彩配色,界面会呈现强烈的对比,在这种情况若色彩数目增多,界面会产生热闹又愉悦的印象;反之则会影响强而有力的印象。

当界面统一使用纯度低的色彩配色,整体界面会显得有灰暗、安宁沉稳。通常纯度降低对色相的变化感觉较少,但如果使用的色彩数目不够多,会使人感到冷清的情形。

所以,尽量用中间调的纯色来统一颜色,这样除了带来愉快的印象之外。,还能做出具有一致性的配色方案。

二、 关于色彩搭配的技巧

从色相环中取色:色相环对调色有极为重要的指导意义,无论初学者还是大师级设计师都会利用色环中的相近色、对比色和互补色,展现界面的不同情感。

从自然中获取配色:因为我们就生活在大自然中,对于大自然中的颜色往往会有种莫名的亲切感和熟悉感,例如看到天蓝色就会想到天空,继而产生平静而辽阔的心境。所以多点从大自然中发现色彩,提取色彩,往往会有意想不到的收获。

无彩色运用:无彩色指的就是黑白灰,另外还有金银二色。很多纯度和明度参差不齐的色彩搭配在一起的时候,容易给人没有整体感的印象,这时只要采用无彩色对每种色彩进行区隔后,色彩看起来各自独立,而整体也自然呈现统一感。

色彩数量协调:虽然多种色彩的组合可能会让界面显得华丽,但事实上使用的色彩数量越少越能衬托出个别的色彩,同时稳定了界面平衡,看起来更加舒适而干净。

冷暖色的选择:冷色系会出现强硬而冷酷的印象;暖色系则会有冲击力强且刺激的印象。冷暖色的搭配会让界面产生强烈的对比,因此搭配时需注意两者面积的控制,才能更好地让其中一方更加鲜明。

渐变色的运用:渐变色可以是单一的渐变,也可以多色的渐变。渐变色的配色不但具有空间宽阔的感受,同时也演绎出幻想般的气氛。通常,明度和纯度都高的色彩所组合而成的渐变色,会展现出甜美的梦幻印象;而明度和纯度都低的色彩所组合而成的渐变色,会表现神秘的异域风情。

最后,斟酌界面的配色方案时,不仅要考虑色彩的搭配问题,更重要考虑用户的层面、业务目标、市场条件以及当前的设计,毕竟没有任何方案是可以十全十美满足所有的既定目标。


案例

扫码分享给好友