网页设计中色彩的运用

  颜色的魅力是无限的，它能够让自身很平淡无味的东西，霎时就能变得漂亮、美丽起来。信息时期的快速到来，网络也开端变的多姿多彩。人们不再局限于简单的文字与图片，他们请求网页看上去漂亮，温馨。所以当代设计者不只要控制根本的网站的设计技术，还需求控制网站的作风，配色等设计艺术。其中颜色在网站设计中占领相当重要的位置。今天，福州天琥设计培训学校就为大家介绍一下相关资讯：

  一、认识颜色

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

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

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

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

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

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

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

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

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

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

  二、颜色的作用

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

  三、颜色的运用

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

  对一些明度较高的网站，配以黑色，能够恰当地降低其明度。

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

  四、肯定网站的主题色

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

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

  五、颜色的搭配

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

  1、网页标题

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

  2、网页链接

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

  3、网页文字

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

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

  4、网页标志

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

  为了能让本人的网页设计得更靓丽、更温馨，为了加强你的页面的可阅读性，必需合理，恰当地运用与搭配页面各要素间的颜色。相关资讯就为大家介绍到这里，更多内容欢迎大家前来福州天琥设计培训学校咨询。

尊重原创文章，转载请注明出处与链接：http://fztianhu.5zix.com/news/58462/ 违者必究！ 以上就是福州天琥设计培训学校 小编为您整理网页设计中色彩的运用的全部内容。

---

• ← 初学者应该选择学习UI设计还是网页设计
• C4D的就业前景 →