网页设计配色应用实例剖析——橙色系
新客网 XKER.COM 2006-10-27 来源： 收藏本文
深橙红色系
→ 深橙红色网页例图：http:// www.matisserestaurant.ca
深橙红色系分析：
从色相度中可以知道0度为正红色，30度为正橙色，而主色调的HSB数值H显示22度可知，该深橙红色是橙色基础上加入少许邻近色红色，整体上降低了明度而得，因为红色本身较橙色明度低，因此这里橙红色的明度呈现出较低状态。
辅助色选取了明度相对于主色调更低的三种颜色，前面两种饱和度都较高，最后一种灰蓝色由于明度较高因此饱和度降低，是主色调与前面两种辅助色的协调色。
这个页面背景色运用了纹样，是以目前选取的主色调颜色和明度较暗的深红色结合而得，使得明度稍暗。
数值上看，主色调也就是背景色的饱和度较高，但是由于降低了明度，颜色变得较沉稳。辅助色RGB数值显示，添加了适量的其他颜色，G和B数值区别不大，因此饱和度降低，颜色趋于柔和稳定。点睛色的加入和提亮，使页面视觉效果得到强化。
结论：
前景色通常要较明显的区别于背景色，达到台前的宣传目的。当饱和度较低的前景色与背景色变化不明显时，形成的是另外一种柔和统一的效果。
→ 深橙红色网页例图：http:// www.matisserestaurant.ca
深橙红色系分析：
从色相度中可以知道0度为正红色，30度为正橙色，而主色调的HSB数值H显示22度可知，该深橙红色是橙色基础上加入少许邻近色红色，整体上降低了明度而得，因为红色本身较橙色明度低，因此这里橙红色的明度呈现出较低状态。
辅助色选取了明度相对于主色调更低的三种颜色，前面两种饱和度都较高，最后一种灰蓝色由于明度较高因此饱和度降低，是主色调与前面两种辅助色的协调色。
这个页面背景色运用了纹样，是以目前选取的主色调颜色和明度较暗的深红色结合而得，使得明度稍暗。
数值上看，主色调也就是背景色的饱和度较高，但是由于降低了明度，颜色变得较沉稳。辅助色RGB数值显示，添加了适量的其他颜色，G和B数值区别不大，因此饱和度降低，颜色趋于柔和稳定。点睛色的加入和提亮，使页面视觉效果得到强化。
结论：
前景色通常要较明显的区别于背景色，达到台前的宣传目的。当饱和度较低的前景色与背景色变化不明显时，形成的是另外一种柔和统一的效果。
上一篇：建立Web2.0网站需要解决的问题 下一篇：以搜索引擎Spider的视角设计网页
最新相关文章发表评论
评论内容：不能超过250字，需审核后才会公布，请自觉遵守互联网相关政策法规。
阅读排行
随机推荐
实用信息推荐