精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>网页配色>正文

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


来源:天极Yesky 时间:07-04-24 点击: 点击这里收藏本文

  → 紫色配色网页例图:http://www.kidskandoo.com

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

  紫色系分析:(紫色配色:紫色+绿色)
  绿色被誉为紫色的绝配色。主色调是饱和度降低明度较低的紫色,辅色调是色彩明度较高的草绿色及沉稳的深蓝色。
  点睛色虽然被称为点睛色,但在整个页面中使用的面积极小,与其他色系所占的比重来看,这两种点睛色小到几乎给忽略。尽管从HSB模式数值上看到,橙黄色为高纯度高明度色,只在主题文字上有些体现。另一蓝绿色所处的位置在显眼的网站名称后方,谦逊程度几乎不为人们注意到,尽管它才是网站背后所要表达的真正主题。
  草绿色和深蓝色把大面积的白色框起来,衬托起前景,但也许由于白色面积使用过大,为了不至于让它太突出,在白色的背景上点缀较浅的纹样来降低这种感觉。
  背景色紫色由于色彩特质明度较低的缘故,与明度较高的辅助色草绿色形成较明快的效果。

  结论:
  点睛色根据页面所占的面积因素,也有的仅起到辅助的作用。相反草绿色或许由于色彩特质的原因,这里起到比较强调的强势目的,在该页面配色里起到非常关键的作用。

  → 紫色邻近色网页例图:http:// www.bridalbabe.com

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

  紫色系分析:(紫色邻近色配色:紫色+紫红色)
  严格来说,该页面配色的色组和紫色关联上稍有些偏移,之所以做为案例选择,是因为整体配色上依旧给人有紫色系配色的错觉。
  HSB的H色相数值上显示的260来看,正紫色数值为300,主色调整个往蓝色系稍偏移,构成较有视觉感染力的蓝紫色。蓝紫色在色相环中位于蓝色和紫色之间,所以它也蕴含着紫色的一些神秘感。尽管饱和度不是很高60%,但明度达到最高状态为100%,使得该色彩艳度很强,较高亮度的蓝紫色显得非常高雅,契合网站主题。
  辅色调HSB的H色相数值为270,已经稍往紫色偏移,紫色特征较明显,明度较高且较明快的感觉。另一辅助色粉红色H色相数值为331,稍往红色系偏移,明度极高为100%,更增添了明快的气息。
  点睛色在这里起到了不可忽视的作用,由于浅紫红较有女性气质特征,增添了该页面的女性温柔细腻的美感。另一点睛色深蓝色由于色彩特质所致,这里只是辅助性的做些点缀。

  结论:
  浅紫色系给人妩媚、优雅、娇气、清秀、梦幻,充满女性魅力。
  上面的配色除了点睛色深蓝色明度较低,其他的色彩组合都在不同的程度上提高了明度,增强了页面所要表达的主题效果。

  → 紫色配色应用网页例图:http://www.vitaminwater.com

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

  紫色系分析:(紫色配色:紫色+红色)
   这是一组非常简洁精干的配色页面。主要使用了主、辅两色调为界,点缀小配色,整体疏密得当,色块分明的色彩构成。主色调紫HBS模式的H色相数值是283,稍向蓝色方位偏移,以致于此种紫色略呈现冷色特征。点睛色主要选择红蓝黄三种,其中红色的H色相显示为347,色值向蓝色偏移略呈冷调,因此该颜色在这里显示没有僵硬的感觉。另一点睛色橙黄色使用面积非常之小,几乎让人忽略。
  右上角多个线条的小色块的修饰增强了页面的视觉感染力。
  背景黑色不是孤立使用,既响亮的突出前景,又与前景的线条、文字呼应起来,让整个页面高品位高层次的特质更明显。

  结论:
  主色调紫色在这里既有沉静又显高贵的感觉,提升产品的档次。点睛色红色的加入让这种高贵又档次的感觉更加明显。蓝色有稳住紫色和红色的效果。
  该页面大色块的构图及配色极其简约,独具魅力。

9 7 3 1 2 3 4 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.