天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件频道 > 设计在线 > 网页UI设计>新闻>网页设计配色应用实例剖析——黄色系

网页设计配色应用实例剖析——黄色系

天极设计在线2006-11-22 06:06我要吐槽

中国共享软件英雄会.北京

###adv###

点击查看《网页设计配色基础、应用及实战》完整专题

  色是阳光的色彩,具有活泼与轻快的特点,给人十分年轻的感觉。象征光明、希望、高贵、愉快。浅黄色表示柔弱,灰黄色表示病态。它的亮度最高,和其他颜色配合很活泼,有温暧感,具有快乐、希望、智慧和轻快的个性,有希望与功名等象征意义。黄色也代表着土地、象征着权力,并且还具有神秘的宗教色彩。

  黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。
  浅黄色系明朗、愉快、希望、发展,它的雅致,清爽属性,较适合用于女性及化妆品类网站。
  中黄色有崇高,尊贵,辉煌、注意、扩张的心理感受。
  深黄色给人高贵、温和、内敛、稳重的心理感受。

  下面我们根据黄色系不同属性邻近色、同类色的高纯度低纯度色彩搭配做不同的举例分析。

  → 黄色系网页例图:www.bernhardwolff.com
  

  黄色系分析:

  黄色是所有彩色中明度最高的颜色。上图看到HSB模式的H数值是60度,正是正黄色,但RGB数值中加入了B蓝色数值为51,因此降低了HSB的饱和度S为80%,但是大面积的  黄色仍使得该页面色彩明亮显眼。
  辅助色是纯黑色,非色彩明度最低的颜色。
  大面积显眼的正黄色有黑色的线条压制,黄色顿时显得沉稳,页面增添内容感。
  白色虽然是点睛色,但由于非色彩的白色与黄色的明度最高,因此这里似乎没有起到"点睛"的作用。

  结论:
  当鲜度、明度高的背景色与前景辅助色暗度低的黑色在明度形成较强烈的对比时,艳度降低,较能协调视觉。
  整个页面配色单纯,却也不简单,形成另一种设计风格。



  → 黄色同类色网页例图:www.paralotna.pl
  

  黄色同类色分析

  该页面的配色很单纯,是同类色的黄色不同明度颜色,页面看起来干净、单纯。
点睛色白色淡黄色在深色黄色背景下比较显眼,且在最中间位置,是整个页面中的高调部分。
  这三种黄色,明度都很高,只有背景辅助色明度稍低,点睛黄色H色相是三种颜色中黄色倾向最高的为57度,而60度是正黄色,因此明度也是最高的,充分的发挥其点睛色的作用。
  背景色和前景色只在色相上明度上有非常微妙的变化,却也很巧妙,形成了变化较明显的空间层次感,削弱了同类色易产生的单调感。点睛色白色让层次感更明显。

  结论:
  同类色的属性使得整个页面非常和谐,可以根据不同的主题来设计配色。
  可以通过明度、饱和度的不同变化来加强页面配色的层次感。
作者:黎芳 原创责任编辑:Shiny)

请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级