网页设计配色应用实例—红色系(4)

...

  配色:红色+黑色

  → 红色配色应用网页例图:http:// www.pleasuredome.it

  红色与黑色的搭配在商业设计中,被誉为商业成功色,鲜亮的红色多用于小面积的点缀色。
  从数值上看,红色添加了G和B饱和度稍降低,因此该红色大面积使用不会觉得刺激或不舒服,这也与背景色蓝色加入了适量渐变的技法,使得页面的节奏呈现缓和。辅助色黑色的加入,与深红色在明度拉大,页面色彩元素相对活跃不少。
  点睛色白色,所放的位置和面积,起到平衡黑色位置面积的作用,当然也达到醒目的效果。

  结论:
  这里颜色位置的摆放,起到平衡页面视觉,突出主题效果。背景色加了渐变效果、整体与前景人物黑色对比呈浅色,前景人物黑色与背景深红色、背景深红与前景白色文字相互之间的关系,构成空间环境的视觉效果。
  这组配色中,红色是降低了明度的深红色,为主色调和背景色的大面积使用。红黑搭配色,常用于较前卫时尚、娱乐休闲、电子商务等等要求个性的网页设计配色里,也又有用于部分政治、新闻的页面。

  配色:红色+黑色+灰色

  → 红色配色应用网页例图:http:// www.enjo.com.au


  这组配色,达到最高纯度的红色做小面积的使用。虽然这里选取了红色做为辅助色,但从整个页面的功能和所表达的主题来看,红色可以作为该页面的点睛色,强烈的突出了主题。
  红色的数值显示,HBS中的H为0度,达到红色特性的最高值,S为最高饱和度100%,在明度最低的黑色背景的衬托下,其特性发挥到极致,页面醒目而响亮。
红色与黑色本是对比强烈的配色,但由于背景灰色的作用,缓和整个页面的视觉刺激度。背景色灰色RGB数值变化不大,因此颜色纯度较低、趋于平稳柔和,辅助前景内容的呈现。
  白色让前景和背景的划分更明显,活跃页面中的色彩元素。

  结论
  使用面积小的纯度高的颜色在非色彩的黑色和灰色上,是产生变化页面的颜色,达到容易突出主题的目的。

   本部分小节:

   红色在RGB数值的R为255左右,HSB数值的H中为0度左右,达到红色最高值。随着纯度的提高、亮度的适度增加,它易于迅速的传达、醒目性的特征发挥得越明显。和其他颜色一样,颜色相互混合的越多,明度越低,饱和度越低,视觉冲击力越弱。
   颜色的对比:对比色红色绿色的搭配,红色的特性发挥得越明显。绿叶衬红花的效果。另外红与黑的搭配,也较能展现红色的魅力。
   根据主题的需要,除了对比色的应用,还有面积上、位置上的对比应用,也能很好的配合达到突出主题产品主体物的目的。

继续阅读
网页设计配色基础:RGB与HSB
网页设计配色应用实例—橙色系
培养色感的一些经验分享
颜色理论探讨
网页设计文字颜色搭配和配色技巧
网页设计风格和色彩搭配经验
发表评论

昵称:
最新评论
暂时没有评论!