网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。网页的背景,文字,图标,边框,超链接...,应该采用什么样的色彩,应该搭配什么色彩才能更好的表达出预想的内涵呢?阿捷这里谈一些心得,希望对你有所启发。 首先我们先来了解一些色彩的基本知识:
1、颜色是因为光的折射而产生的。
2、红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如:红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色。
3、颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。
4、任何色彩都有饱和度和透明度的属性,属性的变化产生不同的色相,所以至少可以制作几百万种色彩。
网页制作用彩色还是非彩色好呢?根据专业的研究机构研究表明:彩色的记忆效果是黑白的3.5倍。也就是说,在一般情况下,彩色页面较完全黑白页面更加吸引人。
我们通常的做法是:主要内容文字用非彩色(黑色),边框,背景,图片用彩色。这样页面整体不单调,看主要内容也不会眼花。
非彩色的搭配
黑白是更基本和更简单的搭配,白字黑底,黑底白字都非常清晰明了。 灰色是**色,可以和任何彩色搭配,也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩,那么用灰色试试,效果更对不会太差。
彩色的搭配
色彩千变万化,彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。
一、色环。我们将色彩按"红->黄->绿->蓝->红"依次过度渐变,就可以得到一个色彩环。色环的两端是暖色和寒色,当中是中型色。 红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红 . 暖色系. 中性系. 寒色系. 中性系
二、色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。 红色---是一种激奋的色彩。刺激效果,能使人产生冲动,愤怒,热情,活力的感觉。 绿色---介于冷暖两中色彩的中间,显得和睦,宁静,健康,**的感觉。 它和金黄,淡白搭配,可以产生优雅,舒适的气氛。 橙色---也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。 黄色---具有快乐,希望,智慧和轻快的个性,它的明度更高。 蓝色---是更具凉爽,清新,专业的色彩。它和白色混合,能体现柔顺,淡雅,浪漫的气氛(象天空的色彩:) 白色---具有洁白,明快,纯真,清洁的感受。 黑色---具有深沉,神秘,寂静,悲哀,压抑的感受。 灰色---具有中庸,平凡,温和,谦让,中立和高雅的感觉。
每种色彩在饱和度,透明度上略微变化就会产生不同的感觉。以绿色为例,黄绿色有青春,旺盛的视觉意境,而蓝绿色则显得幽宁,阴深。
网页色彩搭配的原理
1、色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。
2、色彩的前几特性。要有与众不同的色彩,使得大家对你的印象强烈。(参考设计思考**篇网站CI的标准色彩一节)
3、色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
4、色彩的联想性。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。
我们在设计网站或者广告的时候,更对不会**使用某一种颜色,通常都需要搭配使用多种颜色来获得较好的配色效果。而为了对这种多种颜色的混合使用进行评价,就需要引入新的分析方法——配色印象空间。
为了得到“配色印象空间”的具体形状,又利用SD方法进行了相应的测试。其中,“配色印象空间”的纵横坐标值同样是柔和——生硬、动态-静态。
调查结果发现,在“配色印象空间”中:
给人静态柔和感觉的,通常都是隐约柔和颜色之间的搭配;
给人动态柔和感觉的,通常都是鲜亮颜色间的搭配;
给人动态生硬感觉的,通常都是鲜亮和浑浊暗淡颜色之间的搭配;
给人静态生硬感觉的,通常都是灰冷颜色之间的搭配。
在“配色印象空间”中,相距较远的颜色之间的印象会有较大的差异,而距离较近的颜色之间的印象会比较相近,也就是说颜色间的距离与印象的差异程度成正比关系。
配色印象空间图如下:
形容词印象空间
假设打印出一个“配色印象空间”和一个“形容词印象空间”形状的胶片,此时位于相同位置上的颜色和形容词可以说是具有相同的意义,也就是说,位于“配色印象空间”A位置上的颜色完全可以用“形容词印象空间”A位置上的形容词来形容。通过这种方式比较颜色与形容词,设计师们就可以判断出不同颜色给人感觉的不同,也就可以由此策划出一套科学客观的配色方案。
假设要设计一个少儿主题的站点。
当决定好站点的主题风格为“可爱、快乐”之后,查找这些形容词在“形容词印象空间”中的位置,然后确认在“配色印象空间”中同一位置上的颜色,站点的设计中就可以重点考虑使用这些颜色了。但并不是说只能使用这些颜色,而是应该在以这些颜色为主流的同时适当地使用一些其他颜色。因为决定好配色的主颜色后,就可以轻松地找到可以与主颜色进行较好搭配的其他辅助颜色。
需要注意的是,在形容词印象空间中,不应该将一个形容词理解为空间中的一个点,而应该将形容词理解为以该点为中心向四中扩散的范围。例如,“温和的”形容词所在位置中的颜色具有更强的“温和的”感觉,而以该点为中心向四周“温和的”感觉逐渐减弱。所以在利用形容词印象空间决定配色方案时,应该充分分析其周围的相关形容词。
设计师成长必修秘籍:灵活运用页面的色彩
前几印象是非常重要的,使用者前几次访问网,能够左右前几印象的重要要素是页面的色彩。一个网站拥有漂亮的色彩,比其他任何设计要素都重要,它不但可以给人留下深刻的印象,而且也可以产生很好的视觉效果。所以,网页设计师们在色彩的使用上需要深思熟虑。
红色是能够吸引人们视线的色彩。因为红色是强烈的色彩,所以常常作为有攻击性的、严格的、代表权力的色彩进行使用。它是充满活力的色彩,是可以令人感觉到热情和力量的色彩。红色可以作为主色彩使用,也可以作为强调色使用,但作为后者会有更好的效果。
相关网站欣赏:
橙色是给人以味道感觉的色彩。给人以温和、有能量、有律动的感觉,是快乐、欢喜的色彩。以高彩度的橙色作为主色彩,给人以既新鲜又充满活力的感觉。但是在网页设计中使用一定要调节好面积。以高彩度的橙色作为主色彩,给人以既新鲜又充满活力的感觉;如果在色调的调配上稍微失败,就像褐色一样显得非常粗俗。
相关网站欣赏:
黄色具有梦想和希望的象征意义。黄色是象征着乐观、喜悦、幸福和希望的色彩。通常黄色也可以使人联想到幼儿园,或者非常童真的地方。黄色由于它的明度高,所以更容易吸引别人的注意力。在对黄色的联想中,它具有宗教的意义。在佛教的色彩中,僧侣们所穿的衣服虽然有灰色、褐色的存在,但是通常象征佛教的色彩是黄色。
相关网站欣赏:
黄绿色是新鲜的色彩。与绿色相比,它蕴含有幼小、明亮、新的开始等意义。通常,比起绿色,黄绿色更能使人联想到新芽。所以像春天或者小学生等象征着新的开始的、幼小的事物,常使用这种色彩。另外,如果在网页界面中把黄绿色和灰色搭配在一起使用,可以制作出具有高技术含量印象的作品。
相关网站欣赏:
绿色是自然界的色彩,象征着安定与和平。绿色是象征自然的色彩,可以使我们感觉到和平、自然与**感。更进一步地,绿色可以认为是肯定、健康的色彩。从心理学的角度,它具有可以使我们安静下来的力量,可以使我们的血液流动顺畅。因为这些原因,和自然、环境有关联的团体,或者和健康、医院、药店有关联的网页,很多都运用这种色彩。
相关网站欣赏:
蓝绿色是分明的色彩。这里所说的分明是指通常人们看到这个色彩不会有中间的联想。这是因为蓝绿色的色相的色相随着色调的不同,我们体会到的感觉也更其不同。与蓝绿色的具体象征意义相比,它经常作为红色的补色使用。具有的意义或象征和绿色更其相似,并且它位于绿色和蓝色的中间,所以与纯正自然的图片相比,用蓝绿色设计出的作品常给人以人工添加的感觉。
相关网站欣赏:
蓝色是给人以信赖和诚信的色彩。所以在企业、银行的标志和图片中很多都采用蓝色,它也是网页设计时较多使用的色彩。和绿色搭配在一起使用给人以**的感觉,这种色彩不论东西方都非常喜好。它象征成功和安定,可以使人联想到大海和希望,它是低明度的、文静的色彩。使用蓝色,可以营造诚信和使人信赖的形象。
相关网站欣赏:
蓝紫色和蓝色相近,与蓝色相比,明度更低一些,更具有沉重、简洁的感觉。通常在公司面试或者非常正式的场合,我们都会选择穿深蓝色的正装,这是因为蓝紫色不但看起来既干净又整齐,而且也是可以给人以信赖的色彩。
相关网站欣赏:
紫色是蕴含着许多意义的色彩。首先紫色是**的、优雅的女性化色彩。它是神秘的色彩,并且给人以艺术韵味的感觉。在与女性关联的网页设计上,使用代表女性的红色会给人以过于强烈的感觉,所以很多情况都使用更柔和一些的紫色。紫色的艺术感非常强烈,所以在艺术界也属于个性非常强的色彩,有时也可以给人忧郁的感觉。紫色也象征着神秘和魔幻。
相关网站欣赏:
红紫色像紫色一样,是为女性网页构思时经常用到的色彩,但是可以感觉到年龄的不同。和紫色相比较,红紫色是更年轻一点的色彩。随着色调的不同,也会给人以不同的感觉。它是我们通常所说的粉红色。
相关网站欣赏:
白色是干净的色彩。在没有添加任何其他色彩的网页中,主色彩常常会使用白色。它是清洁、纯真、和平的象征,具体可以使人联想到婚纱、雪、医院。在善与恶中,与黑色相对照,象征着善。它虽然是干净的色彩,但是如果使用的面积过多,会令人感觉到过多的空白,反而会使人感到空虚、烦闷。
相关网站欣赏:
灰色是双重的色彩。它是可以使人感到安静、被动、静态的色彩。灰色简洁、现代的感觉非常强烈,所以更近在网页设计中经常作为主色彩或辅助色彩使用。灰色的性格比较随和,它适合和任何色彩搭配,并且与其他色彩一起配色时,可以起到衬托的作用。又因为它是静态的,会使人感到安定、柔和。
相关网站欣赏:
黑色是否定、简洁的色彩。因为是沉重、阴暗的色彩,所以与其它色彩配色时,自然而然地强调了否定的意义。在善与恶中,黑色象征着恶的一面,同时也可以使人联想到恐怖、不安、死亡等。相反的,在当代可以给人以现代、简洁的感觉。与设计相关的网页或者流行方面的网页,在设计时常常会使用黑色。使用低明度,可以营造出沉重、严肃的气氛。
相关网站欣赏:
网站设计知识-网页色彩的搭配,谢谢阅读。