善用色彩设计网页

设计|网页

色彩的魅力是无限的,它可以让本身很平淡无味的东西,瞬间就能变得漂亮、美丽起来。信息时代的快速到来,网络也开始变的多姿多彩。人们不再局限于简单的文字与图片,他们要求网页看上去漂亮,舒适。所以当代设计者不仅要掌握基本的网站制作技术,还需要掌握网站的风格,配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。
一、认识色彩
  为了能更好地应用色彩来设计网页,我们还是先来了解一下色彩的一些基本概念。自然界中有好多好多种色彩,比如玫瑰是红色的,大海是蓝色的,桔子是橙色的……但是最基本的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。

  现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征:色相,明度和纯度。其中非彩色只有明度属性。

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

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

  纯度,指色彩的鲜艳程度,纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。

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

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

  暖色,暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等效果。

  冷色,冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技,游戏类网站,主要表达严肃,稳重等效果,绿色,蓝色,蓝紫色等等都属于冷色系列。

  色彩均衡,网站让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色,所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等。比如鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼。这就是一种均衡的色彩搭配。

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

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

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

四、确定网站的主题色
  一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。
  一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。

五、色彩的搭配
  在学习了解了色彩的一些基本概念及色彩的一些搭配问题,具体运用到网页中,各要素的色彩又是如何搭配的呢?
1、网页标题
  网页标题是网站的指路灯,浏览者要在网页间跳转,要了解网站的结构,网站的内容,都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感觉网站清晰,明了,层次分明。想往哪里走都不会迷失方向。
2、网页链接
  一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接,因为链接区别于文字,所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快,不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色,让人感觉他的独特性,自然而然好奇心必然趋使他移动鼠标,点击鼠标。
3、网页文字
  如果一个网站用了背景颜色,必须要考虑到背景颜色的用色,与前景文字的搭配等问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。
  当然,有些网站为了让浏览者对网站留有深刻的印象,他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块,是不是让你豁然开朗呢!此时他为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。
4、网页标志
  网页标志是宣传网站最重要的部分之一,所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢?我们将LOGO和BANNER做的鲜亮一些,也就是色彩方面跟网页的主题色分离开来。有时候为了更突出,也可以使用与主题色相反的颜色。
  为了能让自己的网页设计得更靓丽、更舒适,为了增强你的页面的可阅读性,必须合理,恰当地运用与搭配页面各要素间的色彩!

时间: 2024-09-13 12:14:48

善用色彩设计网页的相关文章

善用网页抓取工具,数据轻松收入囊中

数据已走进各行各业并得到了广泛应用,伴随着应用而来的则是对数据的获取和准确挖掘.我们可应用的数据多来自内部资源库以及外部载体,内部数据整合即用,而外部数据却需要先行获取.外部数据的最大载体就是互联网,网页中每天难以数计的增量数据里,就包含着许多对我们有利用价值的信息. 如何最高效地从海量信息里获取数据呢?网页抓取工具火车采集器有高招,以自动化的智能工具代替人工的数据收集,当然更高效也更准确. 一.数据抓取的通用性 作为通用的网页抓取工具,火车采集器基于源代码的操作原理让可抓取的网页类型达到99%

善用表格来增强网页功能

网页 由于表格可以帮助网页设计者有效灵活地组织各种信息,与普通排版方式相比,表格可以实现各种新颖复杂的排版,让网页能更好地吸引网友的注意力.表格由单元格组成,单元格是指表格中由水平线和竖直线围成的小方块.表格的每一个单元格都是一个独立的文本输入区域,它有自己的空白和制表元素.可以向在一个普通的页面中一样,在单元格中输入文字.插入图象.以及其他网页制作元素,或者对单元格中的内容进行格式排版和编辑等操作.在网页设计中,要是能够灵活运用表格,我们就能很轻易地增强网页功能.好了,下面我们让一起探索一下网

20个优秀网页告诉你如何善用线性图标

  随着扁平化和现代设计风格的逐步流行和沉淀,线性图标也迎来了它的黄金时期.现在你会在越来越多的地方发现它的身影,从传统的控制面板.导航栏和社交媒体插件,到功能性的列表界面,它无处不在. 同时,线性图标的形态也是多样的.从简约而微妙的小巧图标,到复杂大胆的响应式的版本,线性图标为设计师提供了从直观简单到繁复华丽的全方位的解决方案,可以说它们是丰富多态设计美学的重要呈现形式.线性图标还是界面信息传达和用户体验优化的重要组成部分,其细腻而自然的设计.强大的个性化空间,开始成为网站从普通走上卓越的必备

网页顽主色彩设计指南

色彩对于事物的表现能力有着其他形式无法比拟的超强效果.在我们生活里,色彩无处不在,它是构成我们生活环境的重要组成部分.可以说我们对每一件事物的认知,都是从色彩与形状开始的,我们也在用色彩创造丰富的视觉空间,用颜色的语言与社会进行沟通.日常生活中,人们对色彩的反应都是有一定的规律.为此,人们把每种颜色都富裕了特殊的感情意义. 色彩构成(Interaction of Colour),即色彩的相互作用,是从人对颜色的知觉和心理效果出发,用科学分析的方法,把复杂的色彩现象还原为基本要素,利用色彩在空间.

网页色彩设计原理

    色彩的运用在网页中的作用真是太重要了,有些网页看上去十分典雅.有品位,令人赏心悦目,但是页面结构却很简单.图象也不复杂,这主要是色彩运用得当,因此我特地将本来属于图象制作内的色彩作为一个独立拦目来介绍.   1.色彩基本概念 自然界中的颜色可以分为非彩色和彩色两大类.非彩色指黑色.白色和各种深浅不一的灰色,而其他所有颜色均属于彩色.任何一种彩色具有三个属性:   (1)色相(Hue): 也叫色泽,是颜色的基本特征,反映颜色的基本面貌.   (2)饱和度(Saturation): 也叫纯度

公司建站完全手册__网页色彩设计点滴

大自然是彩色的.信息时代的快速到来,网络也开始变的多姿多彩.人们不再局限于简单的文字与图片,他们要求网页看上去漂亮,舒适.所以当代设计者不仅要掌握基本的网站制作技术,还需要掌握网站的风格,配色等设计艺术.其中色彩在网站设计中占据相当重要的地位. 一. 色彩的一些基本概念 首先了解一下色彩的一些基本概念.自然界中有好多好多种色彩,比如玫瑰是红色的,大海是蓝色的,桔子是橙色的--但是最基本的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩调和而成.我们称这三种色彩为"三原色". 现实生活

网页的审美需求

网页   网页设计是一们新兴的设计类和网络的交叉学科,近几年随着网络的发展而逐渐收到人们的重视,它本身以网络为载体,把各种信息以最快捷.方便的方式传达给受众.在这种标准的要求下,逐步产生了审美的需求.人们对美的追求是不断深入的,网页设计同样如此.网页不光是把各种东西放上去,能看就行,这是远远不够的!要考虑如何受众能更多的和更有效率的接收网页上的信息,从而使他们对给网站留下很好的印象,那就更能促进自己网站的运作.这就需要从审美的方面入手,结合使用方便的要求,就能制作出清晰.整体性好的页面.使人浏览

div+css网页布局时如何合理架构css?

css|架构|网页 当前浏览器普遍支持的前提下,css被我们赋予了前所未有的使命.然而依赖css越多,样式表文件就会变得越大越复杂.与此同时,文件维护和组织的考验也随之而来. (曾几何时)只要一个css文件就够了--所有规则(rule)汇聚一堂,增删改都很方便--可这种日子早已远去.(现在)建立新网站时,必须花点时间好好筹划怎么组织和架构css. 文件的组织 构建css系统的第一步是大纲的拟定.(我认为)css组织规划的重要性堪比网站目录结构.(htmlor注:用词夸张一点,让你加深记忆) 没有

浅析网页色彩应用

在设计网页之前,客户或产品经理会提出对网页视觉风格设计的期望:活跃.大气.稳重.信赖.都市化-.. 设计师一听到关键词或许很自然地在心里蹦出几个配色与"关键词"相匹配了.网页的色彩,是访问者登录页面时的第一印象,好的页面色彩能给用户留下深刻的印象,并且能产生很好的视觉效果和营造网站整体氛围的作用. 色彩是我们接触事物的第一直观认知,在浏览一个新的网页时,第一认知的不是页面的具体结构和信息内容,而且是页面色彩搭配的视觉效果.色彩对于每个人.地域或国家都有不同的情感认知和联想意义,从某种程