黄色+蓝色的网页设计

  • 2020-03-20 14:32:06
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

【示例】黄色低纯度配色应用网页设计示例截图如图所示。

1.jpg

【分析】该页面是属于纯度较低的多组配色页面,配色难度较大,但是按主色调、辅助色、点睛色来细细分析就会发现容易多了。标志是红色,下面的绿色是红色的对比色,目的是突出标志的作用,同时也是黄色与蓝色的中间视觉过渡色。

主色调的中黄色,从RGB数值B明度48来看,提高了明度,RGB数值的变化HSB也相应变化,该色调纯度降低,黄色的耀眼特性相应缓和。该页面辅助色比较多,这里选了主要的3种浅黄、浅蓝、棕红色,明度纯度不同的变化来分析。浅黄色的RGB 3个数值接近,因此呈现偏灰的柔和状态。

正蓝色的RGB数值R为0,G为255,B为255,从该蓝色RGB数值上看,混合了R红色11,G的绿色数值较低,B蓝色的数值较高,因此饱和度降低,颜色呈浅色调。从棕红色的RGB的三数值上看,R的数值最高为124,加入了对比色G绿色67,因此颜色变暗发乌,调入了适量B蓝色24,因此该颜色饱和度亮度降低,也是该页面沉稳的主要色调,牵制艳度较高的几种颜色。点睛色的HSB数值H色相为356度,几乎呈正红色,只是调入了少许B蓝色18,因此颜色在明度上稍偏暗。另一点睛色白色的作用除了提亮整个页面,同时也突出标志图像。

【点评】在网页设计中,多种辅助色分量相当冷暖搭配时,有饱和度稍低的主色调牢牢把握住,整个页面容易调和。由于页面颜色较丰富,点睛色在这里起到拉开各个色彩层次的作用,明确主次角色。

小结

黄色是色彩系里明度最高的耀眼颜色,尤其是HSB数值H色相为60度正黄色时,它的特性越明显。由于黄色的特性,在页面配色时可适当添加明度较深的颜色,色阶层拉开,并起到协调刺眼的艳度作用。黄色饱和度、明度的不同变化传达不同的意义和作用。无论是高纯度、低纯度,还是多色彩的页面配色,白色起到关键的作用。点睛色不一定就是非常显眼的颜色,也有起到调和整体页面配色的作用。在网站建设时,中间色通常被大面积的使用为主色调、辅助色,是调和辅助色(有可能是同时几种)与点睛色(有可能是几种)的色彩,是调和色、调和方法的关键。

当前文章标题:黄色+蓝色的网页设计

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

上一篇:中黄色的网页设计

下一篇:网页设计中的橙色页面配色

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