设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

网站建设中各细节的色彩搭配

发表日期:2018-5-17 作者来源:派谷网络 浏览次数:

    网站建设中色彩的魅力是无限的,它可以让本身很平淡无味的东西,瞬间就能变得漂亮、美丽起来。信息时代的快速到来,网络也开始变的多姿多彩。人们不再局限于简单的文字与图片,他们要求网页看上去漂亮,舒适。所以当代设计者不仅要掌握基本的网站制作技术,还需要掌握网站的风格,配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。派谷网络在接到西安大运会的官网的时候,就一直在考虑如何配搭颜色,毕竟大运会的logo是多种颜色搭配起来的,而如何从logo中提取颜色让整个网站既美观又实用是每个派谷网络同仁的愿望。今天我们在老生常谈说说网站细节色彩的事情。

    一、认识色彩

    为了能更好地应用色彩来设计网页,我们还是先来了解一下色彩的一些基本概念。自然界中有好多好多种色彩,比如玫瑰是红色的,大海是蓝色的,桔子是橙色的……但是最基本的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。

    二、色彩的作用

    色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰,联想到喜庆,联想到兴奋。白色联想到纯洁,干净,简洁;紫色象征着女性化,高雅,浪漫;蓝色象征高科技,稳重,理智;橙色代表了欢快,甜美,收获;绿色代表了充满青春的活力,舒适,希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下,同种色彩可以代表不同的含义。

    三、色彩的运用

    要说色彩的运用,还是先谈谈黑白灰色彩的应用吧,因为黑白灰色彩是万能色,可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当你觉得两种色彩的搭配不协调,试试加入黑色,或者灰色,或许会有意想不到的效果哦。

    对一些明度较高的网站,配以黑色,可以适当地降低其明度。白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间,作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白,给人一个遐想的空间,让人感觉心情舒适,畅快。恰当的留白对于协调页面的均衡起到相当大的作用。

    四、确定网站的主题色

    一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。

    一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。

    五、色彩的搭配

    在学习了解了色彩的一些基本概念及色彩的一些搭配问题,具体运用到网页中,各要素的色彩又是如何搭配的呢?

    1、网页标题

    网页标题是网站的指路灯,浏览者要在网页间跳转,要了解网站的结构,网站的内容,都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感觉网站清晰,明了,层次分明。想往哪里走都不会迷失方向。

    2、网页链接

    一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接,因为链接区别于文字,所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快,不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色,让人感觉他的独特性,自然而然好奇心必然趋使他移动鼠标,点击鼠标。

    3、网页文字

    如果一个网站用了背景颜色,必须要考虑到背景颜色的用色,与前景文字的搭配等问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。

    当然,有些网站为了让浏览者对网站留有深刻的印象,他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块,是不是让你豁然开朗呢!此时他为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。

    4、网页标志

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

    为了能让自己的网页设计得更靓丽、更舒适,为了增强你的页面的可阅读性,必须合理,恰当地运用与搭配页面各要素间的色彩!

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻
网站建设解决方案