谈网页设计的色彩应用技巧


谈网页设计的色彩应用技巧


网页的色彩效果是给人最为直观的关键印象 。能够掌握色彩运用原则、运用强调烘托突出主题的色彩搭配、从美学的角度设计网页色彩 , 发挥色彩在网页中的视觉冲击、心理反应的作 , 创造出主题鲜明、魅力十足的网页设计作品 。色彩应用得当的网页对浏览者来说 , 是一种美的体验、是一种妥帖的视觉和心理的引领 。在丰富的色彩搭配应用设计中是有章可循的 。
【谈网页设计的色彩应用技巧】
一、黑白灰的搭配技巧

色彩分有彩色和无彩色 。黑白灰属于无彩色 , 其它的色彩都属于彩色 。色相 , 明度和纯度 , 是色彩的三要素 , 而无彩色只有明度属性 。黑白灰是万能色 , 当两种色彩的搭配不协调时 , 加入黑或灰色 , 会有意想不到的效果 。很多网站色彩设计留出大块的白色空间 , 这种设计成为“留白艺术” 。这种留白设计能让人感觉心情放松 , 有无限遐想 。白色也是网页设计中最普遍的一种色彩设计 。

二、色彩三要素的应用技巧

1.色相色相 , 指色彩的相貌 , 色彩最显著的特征 , 是色彩之间的主要区 。比如红色 , 黄色 , 蓝色等各自代表不同的色相 。同一色相的色彩 , 调整明度或纯度比较容易搭配 , 比如深红 , 大红 , 粉红 , 紫红 。某种色彩并不一定代表了固定的某种含义 , 是在具体情景下具有恰当的含义;在特定的场合下 , 同种色彩也可以表现出不同的含义 。

2.明度明度 , 指的是色彩的明暗程度 , 也称作亮度 , 色彩越亮明度就越高 。比如一些儿童类、购物类网站 。多是一些鲜艳明亮的色彩设计 , 让人感觉生气勃勃 , 欢快绚丽 。明度越低 , 颜色越暗 。一些游戏类网站的暗色调设计 , 充满了神秘感;运用一些暗色调的设计能够充分表达个人的孤僻或忧郁等性格 。有明度差大的色彩比较容易调和 。

3.纯度纯度 , 指色彩的鲜艳程度 , 原色纯度最高 , 调和其他颜色越多 , 色彩纯度越低 。纯度低的色彩暗、淡且含灰色 。

三、色彩的调和方法

1.相近色相近色是指色环中相邻的三种颜色 。相近色在网站设计中极为常用 。相近色的色彩搭配使人感觉舒适自然 。是一个SOHO网站 , 它很有艺术性 , 整个网站的色调考究 , 以邻近色、暖调、中明度搭配 , 舒适自然 。2.互补色互补色又称补色 , 是指色环中相对的两种色彩 , 色彩对比度大 。在互补色的设计中 , 适当的调整一下补色的亮度 , 能够是对比的视觉效果更出色 。

四、网页设计中冷暖色彩的运用技巧

1.暖色暖色一般应用于购物类网站 , 电子商务网站 , 儿童类网站等等 , 用以体现商品的琳琅满目 , 儿童类网站的活泼、温馨等效果 。2.冷色冷色一般适合表达严肃 , 稳重等效果 , 绿色蓝色、蓝紫色等都属于冷色系列 。冷色系色调多应用于一些高科技 , 游戏类网站 。冷色与白色搭配能达到一种不错的效果 。

五、色彩均衡技巧

网站图文的合理排版 , 能使人感到舒适协调 , 色彩的均衡搭配使网站的视觉、心理更加平衡和谐 。网站色彩设计不会单一的运用某一种颜色 , 设计者必须要考虑色彩的均衡的问题 。色彩的均衡 , 包括色彩的位置 , 每种色彩所占的面积、不同色彩的比例等等 。比如灰暗的色彩面积过多 , 回事人产生压抑等感觉;鲜艳明亮的色彩面积如果过多 , 则会使人感觉刺眼不舒适 。

推荐阅读