Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
软件频道>设计在线>网页UI|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > 网页UI设计 > 网页设计配色应用——色彩的对比
全文

网页设计配色应用——色彩的对比

2006-10-09 08:00 作者: 黎芳 原创 出处: 天极设计在线 责任编辑:Shiny
  ■ 纯度对比
  是指不同色彩之间纯度的差别而形成的对比。色彩纯度可大致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的,而间色多属中纯度的色彩,复色其本身纯度偏低而属低纯度的色彩范围。纯度的对比会使色彩的效果更明确肯定。

  → 纯度对比网页例图:http:// www.havaianas.com



  纯度对比分析:


  整个页面看起来异常艳丽刺激然而又非常的协调。以上数值主要选取了几种较有代表性的颜色。
  大家注意看,以上色彩除了粉红色,其他几组颜色都是高饱和度高亮度的颜色,因此充分的发挥出了色彩的艳丽程度。包括粉红色在内的几种灰色阶,在中间起到了和谐作用。白色能拉开相近色阶的空间及明快页面的作用,在这里可以说是功不可没。

  结论:
  页面实际上用了不少颜色,配色大胆。抓住颜色主次冷暖的安排,适度再加上和谐的过渡色灰色,实现了作者对该页面的轻松配色。从多种高纯度的搭配协调能力上看,足可见作者对色彩设计搭配不一般的功底。
  这类网页配色非常能够体现出一个网站页面产品个性,配色难度大。让人过目难忘。

  ■ 补色对比
  将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置,使色彩感觉更为鲜明,纯度增加,称为补色对比。

→ 补色对比网页例图:
http:// www.forthosewholovelife.co.uk



  补色对比分析:

  由冷色系的绿色、蓝色组成大背景环境,纯度较低。前景主要是突出产品、文字信息内容的大红色形成补色对比效果,RGB的R255数值与HSB是H为零,数值显示非常明确,标准的大红色。纯度亮度非常高,达到最高值,加之白色的勾边,使得红色更为凸显,更易于视觉对信息的迅速捕捉。

  结论:

  对比色的合理搭配,能拉开前景与背景的空间感,突出页面主体物。尤其是红色在主体物的运用,能迅速传递视觉的效果。

共4页。 9 7 1 2 3 4 8 :
网友关注
最新上市
编辑推荐
欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml