基本配色实例分析

  • 2020-02-12 16:13:14
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

在实用美术中,常有“远看色彩近看花,先看颜色后看花,七分颜色三分花”的说法。这也就说明,在网页设计中,色彩对视觉的刺激起到第一信息传达的作用。因此,对色彩的基础知识的良好掌控,在网页设计中才能做到游刃有余。

红黄蓝三原色配色

原色也叫“三原色”,即红、黄、蓝3种基本颜色。自然界中的色彩种类繁多,变化丰富,但这3种颜色却是最基本的原色,原色是其他颜色调配不出来的。在网站建设是,除白色外,把三原色相互混合,可以调和出其他种颜色。根据三原色的特性做出相应的色彩搭配,有最迅速、最有力、最强烈的传达视觉信息效果。

【示例1】

黄色网页示例截图如图所示。

c8ecb86f6192199b35f10ceb3315fe42.jpg

【分析】R 255 G 255 B 0 H 60 S 100% B100%选取了主色调黄色为示例,RGB数值中RG呈现较高值255和255时,HSB数值中的SB也呈现最高值100%、100%,页面呈现较高纯度亮度:较纯黄色。因此黄色在三原色中也是亮度最高的颜色。

【点评】HSB中SB呈现的数值越高,饱和度明度越高,页面色彩强烈艳丽,由于黄色是亮度最高的颜色这一特性,也给人视觉产生强烈刺激的状态,对视觉刺激是迅速的、警戒、醒目的效果,但不易于长时间观看。


【示例2】红色网页示例截图如图所示。

148ad23ddae42b91a8bc4f01dfbd7760.jpg

【分析】R 227 G 30 B 40 H 357 S 87% B89%选取了主色调红色为示例,RGB中R的数值是227,混合了G30、B40,因此红色的纯度轻微降低,颜色稍偏深红。HSB数值中S显示的饱和度为87%,B为89%,因此颜色还是较为饱和明亮。

【点评】主色R227数值较高时,由于混合了G30、B40少许颜色,饱和度明度稍微降低,视觉刺激减弱,红色特性显得较沉稳。但由于红色是最温暖最有视觉冲击力的颜色特性,该网页整体看来仍然厚重而热烈地表达了主题。


【示例3】蓝色网页示例截图如图所示。

【分析】R 2 G 83 B 131 H 203 S 98% B 51%选取了主色调蓝色为示例,RGB数值中B蓝色的数值是131与R2、G83相混合,蓝色的纯度降低。结合HSB中数值H色相目前显示的是203°,而三原色的纯蓝为240°来看,蓝色的色相偏离较大,加上B为51%的明度,颜色偏暗,因此视觉冲击力较弱。页面沉稳、凝重。

15b6c98726697162d8575d8fe46e640f.jpg

【点评】当蓝色色相偏离于三原色的纯蓝时,视觉冲击力削弱。页面呈沉稳、平静的感受。蓝色在三原色里是视觉传递速度最慢的颜色特性,适合用于表达成熟、稳重、安静的网页设计主题。在网页设计里蓝色也是使用得较频繁的颜色。

当前文章标题:基本配色实例分析

当前URL:http://www.lyjtt.cn/news/wzzz/3161.html

上一篇:网页色彩对比(二)

下一篇:网页设计时的间色、复色、补色

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)