| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 色彩搭配 > 网页色彩搭配 > 文章正文 用户登录
没有相关文章

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

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

作者:黎芳 来源:天极设计在线 更新:2007-1-9 19:15:44 错误报告 我要投稿

 

■ 纯度对比
  是指不同色彩之间纯度的差别而形成的对比。色彩纯度可大致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的,而间色多属中纯度的色彩,复色其本身纯度偏低而属低纯度的色彩范围。纯度的对比会使色彩的效果更明确肯定。

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



  纯度对比分析:


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

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

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

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



  补色对比分析:

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

  结论:

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

 

上一页  [1] [2] [3] [4] 下一页

文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。