loading ...
loading...

2008-07-24 | 网页设计中留白的艺术

分享

在国画中,有一句描述谋篇布局的话比较经典,叫做“计白当黑”,所谓“疏可走马,密不透风”,就是说空着的地方和着了墨的地方一样,都是整体的组成部分。这是书家画手所孜孜追求的。可见“留白”是非常重要的。有些画,尽管画得不错,但看起来就是不舒服,原因就是没有重视“留白”。
  对于网页设计,又何尝不是如此呢 ?网页上的留白部分,同其它页面内容如文本、图片、动画一样,都是设计者在制作网页时要通盘斟酌的!
  提升到艺术的高度来看待“留白”,留白既可以给人带来心理上的松弛,也可以给人带来紧张与节奏。通过这种手段可以向浏览者传达出设计者的诉求。设计者在设计网页时也就是在和浏览者做交流,好的设计师能够同浏览者进行心理的对话 —— 不仅仅通过文字、图片、动画,同时也借助留白进行表达。只有照顾了整个页面空间的分配,留白才能表现出一定的活力。其实在排版布局中,我们经常在不知不觉地利用着留白。试想如果页面上充满了图片和文字,一点空隙都不留,那就根本谈不上韵律。利用留白的体量感来使页面布局平衡,在一种不平衡中营造平衡,这样就会使页面生动起来。我们应该在网页中通过留白的作用,使整个内容排布得松紧有度,给人以跌宕起伏之感。 

网页设计的三原色

不能用其它颜色混合而成的色彩叫原色。用原色却可以混出其它色彩!(不是全部)。 
原色包含两个系统:光的三原色和和色料或颜料的三原色!
色的三原色:朱红光,翠绿光,蓝紫光。
色料的三原色:紫红,柠檬黄,天蓝! 
在左图上,大圆表示色料的三原色:即C,M,Y,(再加黑色K)。
两色叠加后是光的三原色:R,G,B。 
色彩的三要素!
明度和色相,纯度构成色彩的三要素!
色彩世界千差万别,不过大致可以分为无彩色--指黑,白,灰那样没有纯度的色!和有彩色--指象红橙黄绿蓝紫色等!
明度指色彩的明暗程度!明度是全部色彩都具有的属性,最适合表现物体的立体感和空间感!象我们画的素描,黑白照等!白色的颜料是反射率较高的物体,在其他颜料中加入白色,可提高混合色的明度!黑颜料则相反!
色相是色彩的相貌,即是区别色彩种类的名称!不同的波长给人不同的色彩感受!红、橙、黄、绿、蓝、紫色没个字代表一个具体的色相!注意:色相是由波长决定的,所以比如粉红色,暗红色,灰红色是同一色相(都是红色相)只是彼此明度和纯度不同而已!
色相可以分为高纯度,中纯度,低纯度,高明度,中明度,低明度!
纯度指色彩的纯净程度!也可以说色相感觉明确及鲜灰的程度! 

光谱中红、橙、黄、绿、蓝、紫等色光都是最纯的高纯度的光!
色料中红色是纯度最高的色相!,橙黄紫等是纯度高的色相,蓝绿色是纯度最低的色相!任何一个色彩家白,黑,灰都会降低它的纯度!越多就越低! 
眼睛在正常光线下对红色光波感觉最敏,因此红色的纯度显得特别高!
对绿色相对弱,因此绿色的纯度就低! 
1.颜色是因为光的折射而产生的。
   
2.红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如:红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的“bgColor=#FFFFFF”就是指背景色为白色。   
3.颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。   4.任何色彩都有饱和度和透明度的属性,属性的变化产生不同的色相,所以至少可以制作几百万种色彩。 “Adidas”网站 (黑色为主,加浅褐和淡蓝, 强调运动着的凝重与飘逸)   
网页制作用彩色还是非彩色好呢?根据专业的研究机构研究表明:彩色的记忆效果是黑白的3.5倍。也就是说,在一般情况下,彩色页面较完全黑白页面更加吸引人。  
 我们通常的做法是:要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。这种深浅的变化在色彩学中称为“明度变化”。有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。

分享 分享 |  评论 (0) |  阅读 (?)  |  固定链接 |  类别 (网页知识) |  发表于 09:58
搜狐博客温馨提示:搜狐博客官方不会要求参加活动的各位博友缴纳任何的手续费用。请勿轻信留言、评论中的中奖信息,更不要拨打陌生电话及向陌生帐户汇款,谨防受骗!识别更多网络骗术,请 点击查看详情
作者已禁止网友对该文进行评论