网站配色基础知识

zxh5566  2017-03-14 19:50   Hits: 

色彩创作的思路
 
色彩是视觉设计学科的一大门类,其囊括的内容一本书都放不下。本书的侧重点不在色彩上,所以仅仅从网页色彩基础和信息传达的角度探讨配色,从掌握网页色彩设计的特殊性与大家深入浅出的探讨。
   1.主色
    在网页平面上,面积最大的色彩为画面的主色调;贯穿网站中所有的页面,出现次数最多的为主色调。主色调就好似乐曲中的主旋律,在创造特定的气氛与意境上发挥主导作用。例如以红色为主色的作品,多数给人感觉热情、积极和温暖。而以蓝色为主色的作品却给人感觉智慧、诚信和高科技。Sony的主页,主色调是淡蓝、淡黄双色的组合,铺盖面积比较大。由于高亮度的颜色会给人种过轻,没份量的感觉,:因此设计师采用起辅助效果的深蓝色,镇住轻飘的感觉,起到了很好的平衡作用。要注意到,如果深蓝色出现在页顶,虽然同样可以给页面带来重力感,却会产生头重脚轻的感觉,设计师把深蓝色放置在页底部的做法是十分明智的。
   2.辅色
    主色调是掌握整个画面色彩气氛的主要因素,而辅色面积小,二起强调或缓冲调和的作用。起强调作用的辅色是空间中动感和活力的来源,还可以因其色彩“点”的作用使主色在整个画面中得到连贯。辅色一般为醒目突出的色彩。
类似H P的双主色配色方案不多见,尽管红色和灰色的面积不大,却由于它们抢眼的色相使人过目不忘。毛而在信息区内铺垫的淡淡灰色,起到了很好的辅助作用。淡灰的分布使页面看起来更加丰富,使红色和深灰色所造成的生硬感觉得到了缓冲,这是辅助色应用最多的功能。
 
3、背景色(底色),得不提的概念还有网页的背景色。背景色或者说底的设计是网页色彩设计的重要步骤,是突出主体的重要手段。如客户常常要求把网页做得“亮”一些,这    绝不是说要求做得浅一些。白,虽然是紫堂呈色虽然是明亮的色,但是白纸本身并不一定具有“亮效果,而黑底上的白字却非常醒目。所以,要使画面“亮”一些,应该使底色与主体色调在色相、明度、饱和度上的对比大一些。如主体色调的色彩鲜艳明快,底色就要用中、低明度和饱和度较沉静的色彩,以便于更好地衬托主体。
底色设计也是增加空间感的重要手段。而明的主体色与灰而暗的底色呈置对比状态,灰而暗的色彩产生后退感。鲜而明的色彩产生前进感,形成深衬浅灰托鲜的清晰的前后空间关系。色在表达情感上,容易切入,很多个人主页大多采用带有浓郁背景色的配色方案,这类方案也容易给人留下深刻的印象,对表述某个完整的情感很有帮助。例如插画师Myshka的网站,背景色的选择就是为了更加完整地传达作品的内涵。
 
色彩风格
 
 网站的色彩风格主要针对种情况进行讨论。一种是当网站采用单一配色方案时,此套色彩用色风格。另一种是当整个网站中的不同栏目采用了不同的配色方案时所形成的色彩风格。据人们求新、求变、求奇的心理,设计用色也要跟上流行色的步伐,流行反常色彩的处理,可以满足人们的好奇心,使人的注意力由被动转变为主动。如将红色的苹果变成蓝色,把咖啡变成紫色的成功,靠的是将不可信度与离奇度巧妙地为一体。
    Surfstation在色彩风格的构思上独到处。首先网页背景是由色泽艳丽的图案构咸,主信息区没有使用引人注目的色彩,背景的色彩成为了网站的主色调。其次,每次刷新页时,都会调入不同的背景,背景图案的花色也会不同。此时,页面的气氛也会跟着改变,这一来,,每次进入网站气氛都会不一样,使浏览者感觉到很新鲜和新奇,从而留下了深刻的象。
    很多韩国网站采用第二种色彩风格,喜欢随栏目更换色相,很难说这样做的好与不好,总之十分有特色的作品却不多。这是因为就单个栏目的色彩设计来看并不出众,其他栏目也只是按照样的配色方案更换了色相。有所需求的网站来说,随栏目更换色相或许是一个十分有效的色彩方案,它可以让浏览者对下个妻点击的栏目产生新苟感。下一个栏目会是什么颜色呢?这种心情会促使一部分浏览者点选新栏目真,并在阅读不同栏目时更换心情。
 
 arv.ulaval.ca是一个在用色设计上很有特色的作品。。从单一栏目的配色方案中便可分出一种主色两种辅助色,三种颜色都随栏目的不同而改变,如此一来,栏目间的色彩变化比较丰富,能够给人留下很深刻的的印象。色彩风格与色彩传达的信息内涵有直接的联系。
上一篇:网站配色实例分析
下一篇:网页设计配色的重点