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

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

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

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

天极设计在线2006-11-22 06:06我要吐槽
  → 黄色邻近色网页例图:www.leerbanen.nl
  
  黄色邻近色配色(黄色+红色)分析:
  选取的上图三组色里HSB数值的B明度虽然都有些变化,但S饱和度分毫没有受到影响,仍都呈最高值100%,因此页面配色异常耀眼。好在其间有少量不同明度饱和度的红色系色块做压制,页面显得沉稳许多,页面色彩层次也丰富了许多,块面交织设计富有节奏韵律美,却也有雀跃的感觉。
  页面照片人物也经过了双色调处理,与页面色彩风格一致。
  整个页面属于明暗反差较大的色调,所以页面响亮明快,极赋视觉冲击力、感染力。

  结论:
  耀眼的颜色有深色块压制,也是很好的调和方法。
  该页面里的不少小色块混合了暗灰色,因此页面饱和度刺激程度得到少许降低并调和。
  同类色系、类似色系不同纯度明度的深浅变化搭配,增添现代美感。


  → 高纯度黄色邻近色应用网页例图:www.mudbubble.com
  
  高纯度黄色邻近色配色(黄色+红色)分析:
  全页选取的几个色彩组合是高纯度高明度的邻近色正黄、淡黄(这里的淡黄色不是指浅黄色,而是色彩颜料色里的称呼。)、中黄及正红色。
  我们知道,黄色是色彩系里明度最高的耀眼色,HSB数值H色相60度是正黄色,特性越高明度越高。H色相度往60度前是接近红色,而红色明度相较于黄色低,背景色HSB数值H色相为48度,往红色靠近,因此色度较深,呈现为中黄色。使用中黄背景正是烘托突出前景的淡黄色。淡黄色的前景上设计少许中黄色带进入,页面的色彩层次感生动了不少。
  另一个辅助色红色HSB数值的H色相是0度,显示正红色且高纯度高亮度,放在最显眼的标志广告区域,实现视觉引导作用,主次感增强了。
  白色也是辅助色三色之一,在顶部面积较大的使用,使整个页面的纯度缓和了许多,起到提亮并拉开空间的作用。
  点睛色用于导航栏,提示导航区域的醒目与重要性。

  结论:
  高纯度高明度的颜色调子耀眼响亮,通常对视觉的刺激程度较大。
  邻近色由正黄到最后的正红色是色轮表的协调过渡色,因此页面调和。
  邻近色与同类色一样,是调和色,但较同类色更生动更多变化。
分页导航
作者:黎芳 原创责任编辑:Shiny)

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