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

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

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

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

天极设计在线2006-11-22 06:06我要吐槽
  → 黄色低纯度配色应用网页例图:www.luckystarcafe.com
  
  低纯度黄色配色(黄色+蓝色)分析:
  该页面是属于纯度较低的多组配色页面,配色难度似乎较大,但是按主色调、辅助色、点睛色来细细分析就会发现容易多了。
  主色调的中黄色,从RGB数值B明度48来看,提高了明度,RGB数值的变化HSB也相应变化,该色调纯度降低,黄色的耀眼特性相应缓和。
  该页面辅助色比较多,这里选了主要的三种浅黄、浅蓝、棕红色,明度纯度不同的变化来分析。浅黄色的RGB三个数值接近,因此呈现偏灰的柔和状态。正蓝色的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度正黄色时,它的特性越明显。由于黄色的特性,在页面配色的时候可适当添加明度较深的颜色,色阶层拉开,并起到协调刺眼的艳度作用。黄色饱和度、明度的不同变化传达不同的意义和作用。
  ● 无论是高纯度低纯度还是多色彩的页面配色,白色起到关键的作用。
  ● 点睛色不一定就是非常显眼的颜色,也有起到调和整体页面配色的作用。
  ● 中间色通常被大面积的使用为主色调、辅助色,是调和辅助色(有可能是同时几种)与点睛色(有可能是几种)的色彩,是调和色、调和方法的关键。

  下一部分我们介绍 网页设计配色应用的第七节——绿色系


  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。或者去天极设计在线主题社区讨论。

  更多精彩,尽在天极设计在线design.yesky.com!
  特别推荐——设计类视频教程。



Photoshop视频教程

完整教程下载

Photoshop照片处理视频教程

Freehand视频教程专区

Coreldraw视频教程

完整教程下载

Flash MX视频教程

Flash精彩实例制作视频演示

Fireworks视频教程(连载中)

网页设计制作视频教程

PremierePro视频教程

[视频演示]AutoCAD建筑施工图绘制手册

3DsMAX视频教程

完整教程下载

AfterEffects视频教程

作者:黎芳 原创责任编辑:Shiny)

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