网站设计页面的色彩搭配原则

发布时间:2020-06-10 阅读:141

颜色的魅力是无限的,它能够让自身很平淡无味的东西,霎时就能变得漂亮、美丽起来。信息时期的快速到来,网络也开端变的多姿多彩。人们不再局限于简单的文字与图片,他们请求网页看上去漂亮,温馨。所以当代设计者不只要控制根本的网站的设计技术,还需要控制网站的作风,配色等设计艺术。其中颜色在网站设计中占领相当重要的位置。有些网页看上去令人赏心悦目,但是页面结构却很简单,图像也不复杂,这主要是色彩运用得当。因此,在设计网页时,必须要高度重视色彩的搭配。



一、认识颜色

为了能更好地应用颜色来设计网页,我们还是先来理解一下颜色的一些根本概念。自然界中有好多好多种颜色,比方玫瑰是红色的,大海是蓝色的,桔子是橙色的……但是最根本的有三种(红,黄,蓝),其它的颜色都能够由这三种颜色调和而成。我们称这三种颜色为“三原色”。

理想生活中的颜色能够分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的颜色都属于彩色。任何一种彩色具备三个特征:色相,明度和纯度。其中非彩色只要明度属性。

色相,指的是颜色的称号。这是颜色最根本的特征,是一种颜色区别于另一种颜色的最主要的要素。比方说紫色,绿色,黄色等等都代表了不同的色相。同一色相的颜色,调整一下亮度,或者纯度很容易搭配,比方,深绿,暗绿,草绿,亮绿。

明度,也叫亮度,指的是颜色的明暗水平,明度越大,颜色越亮。比方一些购物,儿童类网站。用的是一些鲜亮的颜色,让人觉得绚丽多姿,生气勃勃。明度越低,颜色越暗。主要用于一些游戏类网站,充溢神秘感;一些个人站长为了表现本身的个性,也能够运用一些暗色彩来表达个人的一些孤僻,或者忧伤等性格。有明度差的颜色更容易调和。如紫色(#993399)跟黄色(#ffff00),暗红(#cc3300)跟草绿(#99cc00),暗蓝(#0066cc)跟橙色(#ff9933)等。

纯度,指颜色的鲜艳水平,纯度高的颜色纯,鲜亮。纯度底的颜色暗淡,含灰色。

相近色:色环中相邻的三种颜色。相近色的搭配给人的视觉效果很温馨,很自然。所以相近色在网站设计中极为常用。

互补色:色环中相对的两种颜色。对互补色,调整一下补色的亮度,有时分是一种很好的搭配。

暖色:暖色跟黑色彩和能够到达很好的效果。暖色普通应用于购物类网站,电子商务网站,儿童类网站等等,用以表现商品的美不胜收,儿童类网站的生动,温馨等等效果。

冷色:冷色普通跟白色彩和能够到达一种很好的效果。冷色普通应用于一些高科技,游戏类网站,主要表达严肃,稳健等效果,绿色,蓝色,蓝紫色等等都属于冷色系列。

颜色平衡,网站让人看上去温馨,谐和,除了文字,图片等内容的合理排版,颜色的平衡也是相当重要的一个局部。比方一个网站不可能单一的运用一种颜色,所以颜色的平衡问题是设计者必需要思索的问题。颜色的平衡,包括颜色的位置,每种颜色所占的比例,面积等等。比方鲜艳亮堂的颜色面积应小一点,让人觉得温馨,不扎眼。这就是一种平衡的颜色搭配。



二、颜色的作用

颜色在人们的生活中都是有丰厚的感情和含义的。比方红色让人联想到玫瑰,联想到喜庆,联想到兴奋。白色联想到纯真,洁净,简约;紫色意味着女性化,高雅,浪漫;蓝色意味高科技,稳健,明智;橙色代表了愉快,甜美,收获;绿色代表了充溢青春的生机,温馨,希望等等。当然不是说某种颜色一定代表了什么含义。在特定的场所下,同种颜色能够代表不同的含义。


冷色(如蓝色)给人安静、冰冷的感觉;而暖色(如红色)给人热烈、火热的感觉。冷暖色的巧妙运用可以让网站产生意想不到的效果。另外,色彩与人的心理感觉和情绪也有一定的关系,利用这一点可以在设计网页时形成自己独特的色彩效果,给浏览者留下深刻的印象。


们看到不同的颜色会产生不同的心理反应,这就是色彩的作用和意象。下面是一些常见颜色的色彩意象


红色 热情、活泼、热闹、高调、艳丽、温暖、幸福、吉祥、暴力、警告、禁止

橙色 光明、华丽、兴奋、甜蜜、快乐、健康、辉煌、热烈、温馨

黄色 明朗、愉快、高贵、希望、温暖、亲切、疾病、懦弱、智慧、轻快

绿色 新鲜、平静、和平、柔和、安逸、青春、希望、生机、成长、环保、健康

蓝色 深远、永恒、沉静、理智、诚实、寒冷、辽阔、科学、严谨、保守、冷漠、犹豫

紫色 优雅、高贵、魅力、自傲、浪漫、忠诚、神秘

白色 纯洁、纯真、朴素、神圣、明快、和平、结晶、冷淡、贫乏、苍白、空虚

灰色 忧郁、消极、谦虚、平凡、沉默、中庸、寂寞

黑色 崇高、坚实、严肃、刚健、粗莽、稳重、高端、精致、黑暗、死亡、邪恶



三、颜色的运用

要说颜色的运用,还是先谈谈黑白灰颜色的应用吧,由于黑白灰颜色是万能色,能够跟恣意一种颜色搭配。当你为某种颜色的搭配苦恼的时分,不防试试用黑白灰。当你觉得两种颜色的搭配不谐和,试试参加黑色,或者灰色,或许会有意想不到的效果哦。

对一些明度较高的网站,配以黑色,能够恰当地降低其明度。白色是网站用的最普遍的一种颜色。很多网站以至留出大块的白色空间,作为网站的一个组成局部。这就是留白艺术。很多设计性网站较多运用留白艺术。留白,给人一个遥想的空间,让人觉得心情温馨,畅快。恰当的留白关于谐和页面的平衡起到相当大的作用。



四、肯定网站的主题色

一个网站不可能单一的运用一种颜色,让人觉得单调,乏味;但是也不可能将一切的颜色都运用到网站中,让人觉得庄重,花俏。一个网站必需有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以肯定网站的主题色也是设计者必需思索的问题之一。

一个页面尽量不要超越4种颜色,用太多的颜色让人没有方向,没有偏重。当主题色肯定好以后,思索其它配色时,一定要思索其它配色与主题色的关系,要表现什么样的效果。另外哪种要素占主要位置,是明度,纯度还是色相。



五、颜色的搭配

在学习理解了颜色的一些根本概念及颜色的一些搭配问题,详细运用到网页中,各要素的颜色又是如何搭配的呢?



1、网页标题

网页标题是网站的指路灯,阅读者要在网页间跳转,要理解网站的构造,网站的内容,都必需经过导航或者页面中的一些小标题。所以我们能够运用略微具有腾跃性的颜色,吸收阅读者的视野,让他们觉得网站明晰,明了,层次清楚。想往哪里走都不会迷失方向。


2、网页链接

一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可短少的一局部。这里特别指出文字的链接,由于链接区别于文字,所以链接的颜色不能跟文字的颜色一样。现代人的生活节拍相当快,不可能糜费太多的时间在寻觅你网站的链接上。设置了共同的链接颜色,让人觉得他的共同性,自但是然猎奇心必然趋使他挪动鼠标,点击鼠标。


3、网页文字

假如一个网站用了背景颜色,必需要思索到背景颜色的用色,与前景文字的搭配等问题。普通的网站偏重的是文字,所以背景能够选择纯度或者明度较低的颜色,文字用较为突出的亮色。让人了如指掌。

当然,有些网站为了让阅读者对网站留有深入的印象,他在背景上作文章。比方一个空白页的某一个局部用了很亮的一个大色块,是不是让你恍然大悟呢!此时他为了吸收阅读者的视野,突出的是背景,所以文字就要显得暗一些,这样文字才干跟背景别离开来,便于阅读者阅读文字。



4、网页标志

网页标志是宣传网站最重要的局部之一,所以这两个局部一定要在页面上突迎而出。怎样做到这一点呢?我们将LOGO和BANNER做的鲜亮一些,也就是颜色方面跟网页的主题色别离开来。有时分为了更突出,也能够运用与主题色相反的颜色。

为了能让网页设计得更靓丽、更温馨,为了加强你的页面的可阅读性,必需合理,恰当地运用与搭配页面各要素间的颜色。


众所周知,色彩搭配既是技术性工作,同时也是一项艺术性很强的工作。因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。所以,曼研科技认为网站设计页面的色彩搭配,由以上可知,大体上需要遵循以下搭配原则:


1)特色鲜明

一个网站的用色必须有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻印象。


2)搭配合理

色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样网页设计虽然属于平面设计的范畴,但又与其他平面设计不同,它需要考虑人的生理特点。


3)讲究艺术性

网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同色时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特点 的网站。



网站设计在内容和形式上都是一种艺术、一种美学,所以遵循艺术规律才能做的更好。如果您对网站设计色彩应用搭配方面有困扰的话,可以随时与我们在线取得联系!曼研科技24小时客户服务热线:021-51389668,欢迎您的来访咨询!


免费获得专属策划方案及报价(对一份参考,总有益处)
主要业务范围包括:品牌官网,高端网站建设,移动应用开发找曼研科技。
请认真填写,我们会在30分钟内联系您!