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

...

  明度粉红色

  → 明度粉红色网页例图:http:// www.enjo.com.au


  粉红色主要是红色系中的明度的高亮度的变化。是红色系里的冷色系。RGB数值显示明度较高,因此HSB中S纯度下降,几乎呈最低值。
  主色调和辅助色调数值对比可知:主色调混合的G的份量较多且明度较高,因此纯度较低,色调柔和,在框架区域内较适合做类似背景色的辅助性岗位。辅助色R数值比主色调的R数值稍高,红色性稍明显,加入的G相对少,B明度稍低,因此相对纯度要高,辅色位置应用在框架区域的导航位置,起到突出导航作用。点睛色突出标志及购物主体的作用。
  背景白色除了突出前面粉红色主体的作用,在前景也有出现,背景色与前景色的相互牵制,减少空间距离的效果。

  结论:
  RGB数值中,数值同时呈现相近的高数值时,色彩越柔和协调,纯度相对降低,页面呈高明度灰色段,视觉刺激缓慢。这里以粉红色为主色调的页面,女性主题内容特征倾向明显。这组粉红色页面里,由于纯度都较低,任何一个纯度高小面积使用的颜色都能起到点睛的效果。
  这类颜色的组合多用于女性主题,例如:化妆品、服装等,鲜嫩而充满诱惑,传达着柔情、娇媚、温柔、甜蜜、纯真、诱惑的心理感受。

  对比色:橙红色+蓝色

  → 对比色橙红色应用网页例图:http://www. tostitos.com


  严格上来说,橙色是蓝色的对比色,这组对比色中的橙红色倾向于红色。
  该页面的背景色使用纹理图形由深至浅的制造空间范围,模拟真实环境。这里的数值选取其中间色值来分析,由于背景蓝色B的明度较低,又由于冷色比暖色视觉传递速度慢的特点,很适合作为辅助角色突出前景的应用。主色调橙红色R的数值达到最高值255,SB都达到了最高值100%,视觉刺激非常强烈,运用大面积高纯度来突出蓝色产品主体物,又形成了一次页面上的视觉对比--背景蓝色与前景橙红色,前景橙红色与产品主体物蓝色的二次对比。
  点睛色白色,使这组对比色在页面中表现得更协调,调和的作用。

  结论:
  颜色的深浅除了能营造空间感的效果,也能辅助性的制造主次效果。颜色除了性能对比,面积对比、位置安排也是制造主次效果的关键。
  这组橙色蓝色对比色在网页上比其他两组对比色红色绿色,黄色紫色应用得多,能迅速的传达网站主题内容、网页主体,容易增添强烈的兴奋度,多用于食品、休闲娱乐、产品等,但却又是跨越于各行业的主题网站,适用的范围非常大。

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

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