网页配色范文(精选4篇)
网页配色 第1篇
1 了解色彩的相关术语
1)色相
即各类色彩的相貌称谓。是我们眼睛对不同光波的反射所产生的不同感受,如生活中看到的红色、黑色都是色相的一种。
2)色调
色调是指色彩浓淡、强弱程度,是通过色彩的明度和纯度综合表现的色彩形态概念。色调不是指颜色的性质,而是对画面的整体颜色的概括评价。如生活中所说的鲜艳、暗淡、冷色、暖色等都是指的色调。
3)色环
色环其实就是在彩色光谱中所见的长条形的色彩序列,比如光谱顺序为赤橙黄绿青蓝紫,那么红色和紫色相接围成一圈,就成了色环,加上以上7彩色的过渡色一般有12种颜色,一圈是360度,所以每种颜色相隔30度。
2 根据网页的主题选择合适的网页色调
暖色调:可以使网页呈现温馨、热情、动感等效果,如红色、橙色、黄色等。适合于婚庆、运动等主题的网页。
冷色调:可以使主页呈现宁静、清凉、高洁的氛围,如冷色调包括青色、绿色、紫色等。适合于专业的公司、环保、女性等主题的网页。
3 网页配色的主要方法
3.1利用色相差而形成的配色方法
一般来讲一个网页不可能只使用一种颜色来配色,多数是以一种色相为主导,辅以其他色相而形成的搭配效果,这种方法就是色相差的配色方法。我们根据主辅色色相的差别而分为以下几种:
3.1.1 同色系配色
同色系配色是指网页的主色和辅色都用同一色相的颜色,只是明暗、深浅的不同。这样的配色整体比较统一。比如蓝色系的深蓝、天蓝、蔚蓝。
3.1.2 邻近色配色
邻近色配色使用相邻色系的颜色搭配比同色系稍微丰富些,比如黄色搭配绿色、橙色。
3.1.3 类似色配色
类似色配色的颜色不属于同一色系但是对比不强给人色感平静、调和的感觉。比如橙红和朱红的搭配。
3.1.4 中差色配色
中差色一般指在色相环上相差有90 度左右的色彩,这种配色对比相对突出,容易呈现饱和度高的色彩。比如紫红和蓝色的搭配、橙色和绿色的搭配。
3.1.5 对比色配色
对比色一般指色环上相差180度左右的色彩,这样配色对比强烈容易产生激烈的心理感受。不如红色和绿色、紫色和黄色的搭配。
3.1.6 中性色配色
中性色既不属于冷色系也不属于暖色系,这种配色可以产生一种神秘和典雅的感觉。比如黑色、白色、灰色的搭配。
3.1.7 多色搭配下的配色
多色搭配颜色种类比较多,可以包含对比色、邻近色、中色差色、类似色等多种搭配方法。这种搭配对设计者的水平要求较高,使用不好就会造成杂乱无章、眼花缭乱的感觉。
3.2利用色调调和而形成的配色方法
配色时我们也可以根据色调的情感特点,结合网页的渲染需要采用合适的配色方法:
3.2.1 清澈的色调
清澈调子给人以和谐、通透、清爽的感觉。比如刻画绿色透明的湖水的色调,晴朗的天空的色调等。
3.2.2 阴暗的色调
阴暗的色调给人以朦胧、阴森、恐怖的感觉。比如刻画魔鬼的城堡的色调、乌云密布的天空的色调。
3.2.3 明亮色调
明亮的色调给人以清新、活泼、愉悦、明朗的感觉。比如刻画各类庆典的色调、刻画自然风光的色调。
3.2.4 深暗色调
深暗色调以黑色及灰色调为主,给人以神秘、沉稳、端庄的感觉。比如刻画朦胧的江南水乡街景的色调、刻画纪念逝去人物的色调。
3.2.5 雅白色调
雅白色调使用的颜色偏浅,如白色、米色、鹅黄、淡粉等,这种给人明快、清纯、淡雅的感觉。比如刻画洁净家居的色调、刻画淑女服饰的色调。
4 网页配色的技巧
4.1配色要坚持“总体协调,局部对比”的总原则
要有一个鲜明的主导色调,辅色调要与主色调相协调,即使局部有对比色也只是局限在小范围内,不能色块面积超过主色调。所有色调不能过于繁杂和对比太强烈,这样会给人一种眼花缭乱的感觉,造成视觉疲劳。
4.2配色要考虑生活中的感情色彩和浏览者的喜好
比如红色让人联想到玫瑰和喜庆、感到兴奋;绿色让人联想到健康、环保、希望和活力;黑白色联想到肃穆和端庄;黄色给人留下明亮、辉煌、灿烂、愉快、高贵的印象;蓝色给人以沉稳的感觉且具有深远、永恒、沉静、博大、理智、诚实的印象。
比如大多数女生喜欢紫色和粉色;商务男士喜欢海军蓝色;小朋友喜欢鲜艳的颜色等。
4.3背景与文字的颜色要对比鲜明
一般来讲背景颜色深文字颜色就应该浅,反之背景颜色浅文字颜色就应该深,这样才能形成视觉的对比让人看得清。比如黑配白、深蓝配淡黄等。
4.4导航按钮的色彩要有吸引力
将按钮设计成有独特的或跳跃性的色彩能够吸引浏览者的注意力,从而使人好奇地把鼠标点上去,到达导航的目的。
5 小结
网页的色彩搭配确实是一门难以掌握的艺术,对于没有美术和艺术广告设计些基础的人要学好配色只能靠多欣赏和观摩别人的优秀作品,然后不断地实践和总结经验。当然,色彩搭配也没有千篇一律、固定的规律可循,还是要结合自己的发挥和创造,总之和谐的、悦目的、与主题相得益彰的色彩搭配就是成功的。
摘要:色彩搭配是一门花样繁多的学问,在网页设计的过程中色彩使用的合理与否直接影响着作品的效果,网页最终是给浏览者看的,如果色彩让人看着不舒服,那么设计就失败了。本文主要谈论我们在设计网页的过程中怎样合理的使用色彩而让大多数人所接受。
浅谈网页配色的方法 第2篇
1 色彩的基础知识
1.1 色彩的一些基本概念
自然界色彩是多种多样的,比如玫瑰是红色的,大海是蓝色的,桔子是橙色的但是最基本的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。
现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征:色相,明度和纯度。其中非彩色只有明度属性。
色相,指的是色彩的名称。这是色彩最基本的特征,是一种色彩区别于另一种色彩的最主要的因素。比如说紫色,绿色,黄色等等都代表了不同的色相。同一色相的色彩,调整一下亮度,或者纯度很容易搭配,比如,深绿,暗绿,草绿,亮绿。
明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。比如一些购物,儿童类网站。用的是一些鲜亮的颜色,让人感觉绚丽多姿,生气勃勃。明度越低,颜色越暗。主要用于一些游戏类网站,充满神秘感;一些个人站长为了体现自身的个性,也可以运用一些暗色调来表达个人的一些孤僻,或者忧郁等性格。有明度差的色彩更容易调和。如紫色(#993399)跟黄色(#ffff00),暗红(#cc3300)跟草绿(#99cc00),暗蓝(#0066cc)跟橙色(#ff9933)等。图1中的(1)就是明度由高到低变化的例子。
纯度,指色彩的鲜艳程度,纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。如图1中的(2)是纯度从低到高的变化。
相近色,色环中相邻的三种颜色。如图2中的黄绿色,黄色和桔黄色。相近色的搭配给人的视觉效果很舒适,很自然。所以相近色在网站设计中极为常用。
互补色,色环中相对的两种色彩。如图3中的亮绿色跟紫色,另外如红色跟绿色,蓝色和橙色等。对互补色,调整一下补色的亮度,有时候是一种很好的搭配。就拿蓝色跟橙色来打个比方吧,看图4,调整了蓝色的亮度以后其搭配效果是不是更好呢?补色在网站设计中用得也极为普遍。
暖色,如图5中的橙色,红色,紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等效果。
冷色,如图6中的绿色,蓝色,蓝紫色等等都属于冷色系列。冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技,游戏类网站,主要表达严肃,稳重等效果。
色彩均衡,网站让人看上去舒适、协调,除了文字、图片等内容的合理排版,色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色,所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等。比如鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼;这就是一种均衡的色彩搭配。
1.2 色彩的联想
色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰,联想到喜庆,联想到兴奋。白色让人联想到纯洁,干净,简洁;紫色象征着女性化,高雅,浪漫;蓝色象征高科技,稳重,理智;橙色代表了欢快,甜美,收获;绿色代表了充满青春的活力,舒适,希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下,同种色彩可以代表不同的含义。
1.3 黑白灰的运用
黑白灰是万能色,可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当你觉得两种色彩的搭配不协调,试试加入黑色,或者灰色,或许会收到意想不到的效果。
对一些明度较高的网站,配以黑色,可以适当地降低其明度。
白色是网站使用最普遍的一种颜色,很多网站甚至留出大块的白色空间,作为网站的一个组成部分,这就是留白艺术。很多设计类网站较多运用留白艺术。留白,给人一个遐想的空间,让人感觉心情舒适,畅快;恰当的留白对于协调页面的均衡起到相当大的作用。
2 网页配色的基本知识
2.1 网页色彩搭配的原理
1)色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。
2)色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。
3)色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
4)色彩的联想性。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。
5)网页色彩掌握的过程。随着网页制作经验的积累,我们用色有这样的一个趋势:单色五彩缤纷标准色单色。一开始因为技术和知识缺乏,只能制作出简单的网页,色彩单一;在有一定基础和材料后,希望制作一个漂亮的网页,将自己收集的最好的图片,最满意的色彩堆砌在页面上;但是时间一长,却发现色彩杂乱,没有个性和风格;第三次重新定位自己的网站,选择好切合自己的色彩,推出的站点往往比较成功;当最后设计理念和技术达到顶峰时,则又返朴归真,用单一色彩甚至非彩色就可以设计出简洁精美的网站。
2.2 网页色彩搭配的技巧
1)用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(也就是将色彩变淡或则加深),产生新的色彩,用于网页,这样的页面看起来色彩统一,有层次感。
2)用两种色彩。先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。这样制作出来的整个页面色彩丰富但不花稍。
3)用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝;确定色彩的方法因人而异。
4)用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”。在网页配色中,忌讳的是:(1)不要将所有颜色都用到,尽量控制在三种色彩以内。(2)背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
2.3 网页色彩搭配的内涵
1)红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成视觉疲劳的色。
(1)在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。
(2)在红色中加入少量的蓝,会使其热力减弱,趋于文雅、柔和。
(3)在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。
(4)在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。
2)黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和性格均会发生较大程度的变化。
(1)在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。
(2)在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。
(3)在黄色中加入少量的黑,其色感和性格变化最大,成为一种具有明显橄榄绿的复色印象。其性格也变得成熟、随和。
(4)在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。
3)蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深远、广埔、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色,均不会对蓝色的性格构成较明显的影响力。
(1)如果在橙色中黄的成份较多,其性格趋于甜美、亮丽、芳香。
(2)在橙色中混入小量的白,可使橙色的知觉趋于焦躁、无力。
4)绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。
(1)在绿色中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。
(2)在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。
(3)在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。
5)紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。
(1)在紫色中红的成份较多时,其知觉具有压抑感、威胁感。
(2)在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。
(3)在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。
6)白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。
(1)在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。
(2)在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。
(3)在白色中混入少量的蓝,给人感觉清冷、洁净。
(4)在白色中混入少量的橙,有一种干燥的气氛。
(5)在白色中混入少量的绿,给人一种稚嫩、柔和的感觉
(6)在白色中混入少量的紫,可诱导人联想到淡淡的芳香
3 网页色彩配色的基本方法
3.1 确定网站的主题色
一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不至于单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。
一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。
3.2 页面各要素
在了解了颜色的一些基本概念及颜色的一些搭配方法后,在具体运用到网页中,各要素的色彩搭配主要体现在以下方面:
3.2.1 背景与文字
如果一个网站用了背景颜色,必须要考虑到背景颜色的用色,与前景文字的搭配等问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。
当然,有些网站为了让浏览者对网站留有深刻的印象,他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块,是不是让你豁然开朗呢!此时他为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。
3.2.2 LOGO和BANNER
LOGO和BANNER是宣传网站最重要的部分之一,所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢?我们将LOGO和BANNER做的鲜亮一些,也就是色彩方面跟网页的主题色分离开来。有时候为了更突出,也可以使用与主题色相反的颜色。
3.2.3 导航,小标题
导航,小标题是网站的指路灯。浏览者要在网页间跳转,要了解网站的结构,网站的内容,都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感觉网站清晰,明了,层次分明。想往哪里走都不会迷失方向。
3.2.4 链接颜色设置
一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接,因为链接区别于文字,所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快,不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色,让人感觉他的独特性,自然而然好奇心必然趋使他移动鼠标,点击鼠标。
总之,为了你的页面更美观,更舒适,为了增强你的页面的可阅读性,必须合理,恰当地运用与搭配页面各要素间的色彩。
参考文献
[1]吕永杰,张芸.任我虚拟——精美网页设计与产品全景设计[M].北京:希望电子出版社,2002.
[2]董黎明.Internet网页设计实用手册[M].上海:上海科学技术文献出版社,1999.
[3]权智殷,设计师谈网页色彩与风格[M].北京:电子工业出版社,2005.
[4]曹金明,程超,王骏网页设计与配色[M].北京:红旗出版社,2005.
绿色、青色系网页配色方案 第3篇
绿色是大自然的颜色,也代表自然界中每个可贵的生命。大自然中充满新鲜的空气,而绿色也能使人们的心情变得格外明朗,当需要舒缓心中的抑郁,想找回安详与宁静的感受时,亲近大自然是最好的方法。
青绿色给人带来凉爽清新的感觉,也可以冷静兴奋的心情,或者活跃原本沉静的心情。青绿色与黄色、橙色等颜色搭配,可以营造出亲切、可爱的气氛;若与蓝色、白色等颜色搭配,可以得到清新爽朗的效果。
青绿色可以说是草绿色的健康感和蓝色的清新感觉的结合体,但在自然界中并不多见,会给人较强的人工感,
色彩和心理学家分析说,青绿色可以带给心情低迷的人特殊的信心与活力。
一、明灰色调
明灰色调在全色相色系中加入了大量的浅灰色彩,使色相全部带有灰浊味。由于过多地调入灰白色,色相的明亮度提高,这是此色调的特征。明灰色调给人平静的感觉,蕴涵着高雅与恬静。在色相环中确定色相对比的角度、距离时,可以先考虑多用一些高明亮度的色相,例如黄、橘、橘黄、黄绿等,再于各色相中调入不同数量的白色或浅灰色。
常用的明灰色调配色方案列举如下。
二、轻快
网页设计师配色原理的探讨 第4篇
网页设计师属于平面设计师的一种, 但网页设计还是具有其特殊地性质:第一从信息传递方式上来看, 网页在二维的基础上展现给我们的是一个互动的平台, 网页既承担了传递发布信息的作用, 同时又通过用户的填写资料等收集了大量的信息。第二从信息形式上来看, 网页上的信息内容除了静态的文字图片外, 还存在动态的对象, 访问者还能控制其中一些动态对象, 如影像、声音等。网页设计师总指挥着网页中的各个元素:文字、图片、色彩、影像等的布局规划。
网页的种类很多除了商业性质的, 还有很多是个人网页、政府网页、公益网页等, 而每个网页都有自己的特定的个性, 来源于行业不同的要求。为了更好地展现网页的个性, 色彩成为了一个很好的载体。每种色彩都展现了不同的视觉印象, 色彩与色彩碰撞又迸发出新的视觉冲击力, 网页设计师巧妙的运用着这种力量描绘着网络世界。
一、信息量居多的网页中色彩的适度性
门户网站、综合性网站、这一些网页是偏重信息量的, 最大的特点就是迅捷。为了更好地在版面上强调正文, 设计师一般都会选择白色的背景, 配以小面积有彩色来吸引视线。这种方法往往都很成功, 原因就在于色彩被誉为一位安静的售货员很容易就成为了视觉中心点, 设计师利用这些色块成功的划分了区域突出了重点, 这些局部的有彩色一般都建议运用单色, 通过调整单色的明度和纯度产生层次感。另外, 这些综合性的网站无法确定每天的图片色彩, 采用白底不容易产生图片和背景色混淆的情况。白底单色的配色方式简练纯粹, 很好地达到了网页快速传达信息的目的。
在公司网页中也存在一些信息量大的页面, 这些页面往往都是繁琐的文字。公司网页有自己整体统一的配色, 但在遇到需要吸引人视线的信息时, 需适度用对比色来配色。对比色可以是色相上的补色对比也可以是高明度和低明度的色进行对比。只有适度的使用对比才能使网页中重点突出, 设计师一般都以对比色作为点缀, 画龙点睛的突显公司重要的新信息。
二、企业类的网页中色彩的独特性
企业类的网页主要是推广企业形象, 营销商品达到一定的商业目的, 规划网站的版面、色彩、文案等都是至关重要的。其中以色彩尤为重要, 版面、文案等在观看距离拉长和速度加快下都会降低影响力, 而色彩的影响力却无太大变化, 所以对于企业类网页抓住了色彩的独特性也就等同于抓住了浏览者的视线。
企业网页都有自己的标志, 而这些标志有些是有彩色有些是无彩色, 这个时候就要区别对待。
当商标不强调色相, 或者商标的色彩是无彩色时, 配色中整个网页色相的气氛应该同企业的形象一致, 最好采用企业的标准色。因为无彩色是很容易受到背景色的影响的, 偏向背景色的色相, 所以背景色需慎重选择。就例如:http://www.conocecocacola.com网页中Cocacola标志为白色, 背景色就运用了红色;http://www.sony.com/index.php网页中SONY标志为灰色, 背景采用了深蓝色;而http://www.fujifilmusa.com中标志为黑红结合, 但背景色却用了FUJIFILM企业的标准色“绿色”;http://www.ferrari.com/Italian/Pages/Home.aspx背景中出现了FERRARI经典红等等。
当网页中公司商标强调色彩时, 就应该考虑运用商标色彩作为背景色的搭配基准。公司商标的色彩就是公司的形象, 网页中的文字、要强调的部分和图片等内容都应以此来进行色彩搭配, 图片和文字信息等设计要有统一性。如同:http://www.bayer.com/en/homepage.aspx中整个网页原色的色彩都来源于BAYER标志中的蓝绿两色, 视觉上协同统一、清新自然。http://www.bmw.com.cn/cn/zh/index.html中配色的基调来源于BMW黑蓝两色, 只是在明度上进行了一些调整, 整个网页有很好的层次感。此类的网页还有很多, 都是以色彩来彰显企业的形象, 使其深入人心。
三、文化类网页中色彩的合适性
文艺活动、沙龙、学校、文学作品推荐等都是文化类网页所涉及到的内容, 此类网页最主要的是色彩和网页所表达内容的合适性, 也就是说色彩的搭配要符合内容的内涵。例如一些突出都市氛围的艺术作品, 就可以采用冷色系和黑色系的配色来实现;而一些突出时尚青春的杂志类网页, 就可以采用色相饱和或流行色的配色来实现, 配色一定和适合网页主题。
四、娱乐类的网页中色彩的鲜明性
音乐或者TV等娱乐为主的网页色相都用暖色调来表现, 暖色相对于冷色更具有前进感, 更能彰显活力。此类网页色彩的数量也较多, 所以一部分重要的信息就是用了白色背景, 原因是在于无彩色的强调作用是以明度差异来表现, 当有彩色中配上无彩色时强调效果是很效的, 有彩色的面积越大, 无彩色看起来就越有被强调的效果。
五、网页中色彩的印象性
网页中色彩的印象并不是由色彩本身所决定的, 而是由浏览者所受的教育程度、社会结构、历史因素、宗教文化等因素决定的。有时地区不同, 对于配色的印象也是完全不同, 高纯度的红色配绿色在欧洲是较多出现的, 给人以强烈的印象, 圣诞节的时候很多情况下都会使用此种配色, 但这样的配色习惯在亚洲国家出现机率较小。虽然这样的不同还出现在很多地方, 但还是有一些相同的色彩印象。例如一些金融机关或保险公司网页为了强调其可信度, 在配色上采用了蓝色, 宁静的蓝色正好衬托出信誉和可信赖的感觉。对于饮食业网页蓝色却是让人无法接受的, 如蓝色的肉类公司、蓝色的牛奶公司, 是因为蓝色在食物中代表的是不新鲜的让人厌恶的感觉, 所以此类网页应采用刺激食欲的色相, 如红色系和朱黄色系来搭配。强调男性印象的网页, 使用冷色调搭配一些高明度低纯度的色相, 营造出男性的沉重和文静的特点, 局部使用少量暖色来强调男人的热情。强调女性印象的一些化妆品网站, 多使用暖色调的色相来营造女性化, 明度差较小, 甜美的粉色、性感的红色用来展现女性的可爱、魅力、柔和等印象, 有时为了突出对比, 在局部也少量运用冷色相搭配。
六、个人网页中色彩的联想性
个人网页题材广泛, 在互联网中有着不可或缺的地位, 为个人建立了一个交流的平台。正因为是个人的, 个性化是很鲜明的, 色彩搭配上可以很好的运用色彩的联想性。精力充沛的红色、香甜的粉色、具有生命力的橙色、明朗的黄色、怀旧的褐色、宁静的蓝色、舒畅的绿色、性感优雅的紫色、典雅的中性
评《现代包装设计理论及应用研究》
刘文金
(中南林业科技大学湖南长沙410004)
随着市场经济的不断发展与完善, 作为“无声推销员”的包装在产品品牌塑造中正扮演着更为重要的角色。经过三十余年的发展, 我国包装逐渐走出了昔日“二流产品、三流包装”的阴影。不仅如此, 在政府和包装各界人士的共同努力下, 包装在国民经济42个行业中列第13位, 包装工业总值也从2002年2500亿元上升到2007年的8000亿元。就产值而言, 我国是仅次于美国与日本的世界第三包装大国。然而就包装的整体质量及具有创新价值的包装设计等方面而言, 与发达国家还是有一定的差距, 有学者归纳其原因有两个:其一是包装科技的创新不够, 其二是缺少高水平的创新设计人员。但笔者认为, 除以上两方面原因外, 创新型包装人才的匮乏及深层次包装设计理论的滞后是制约包装行业发展的瓶颈。
作为文化载体之一的包装在每一历史时期均表现出强烈的时代特征, 在当下的知识经济时代, 商品包装已不再只是商品外在的“物化”表现, 它已从重创造“形式”上转移至满足人们的“情感需求”。曾经千篇一律的包装设计使人们一度陷入了单调、乏味的生活模式, 而随着时代的进步, 人们不仅要求产品内在质量过硬、使用方便, 而且要求产品外观赏心悦目, 富有情趣。设计师往往通过包装设计使其在功能、形态、色彩、图形等方面, 表达出极富人情化和情趣的含义。内在含意极富于人情化, 不仅经济实用, 且能丰富人们的情感生活。这样的包装以其独特的魅力价值提高了商品自身的附加值, 体现了消费者的身份地位, 满足了消费心理需求。因此, 对包装的理解已经不是原有的简单保护商品、方便运输、促进销售等功能, 应该上升到民族性格、民族心理的深层次。
朱和平主编的《现代包装设计理论及应用研究》这本书, 作为国家“十五”规划课题的最终研究成果, 不论是横向的知识跨度, 还是纵向的理论深度, 都达到了国内外一流水平, 可谓是目前包装行业的一本权威著作。本书共分七大章, 对现代包装现状做了详细的阐述, 从传统包装、现代包装, 到包装设计概念、包装设计应用, 将包装设计放在世界多元文化的大背景下进行了认真地梳理、论析和整合, 对包装设计的基本概念、发展历程、发展规律、相互影响、原理的共性和个性等问题作了全面系统研究, 集中反映出现代包装设计的丰富性、交叉型和整体性。该书还探索了包装设计如何更好地为消费者服务的行之有效的方法, 这不仅为提高商品包装设计水平提供理论依据, 且满足了市场竞争的需要, 创造更高的经济效益, 同时, 它也直接影响着企业品牌形象。研究现代包装设计理论及应用符合国际设计发展的趋势, 有利于提高我国整体的包装设计水平, 能为我国的包装设计人员提供设计参考和依据。阅读此书, 在了解更多包装相关知识的同时, 还能启迪思维、丰富设计视角、积累实践经验, 进而形成理论体系, 真正把握包装设计普遍规律和原则, 对日后的设计工作提供理论指导。
笔者基于长期以来对包装设计行业的关注, 发现包装行业色、轻盈单纯的白色还是充满力量的黑色, 都可以用来展现个人网页的个性。但对于一个网页来说, 不是运用的颜色越多就越能展现更多的内容, 而是应该将色相控制在3种以内, 设计师可以通过调整色彩的明度和纯度来达到千变万化。
网页要展现的方面是多样的, 所以不可能局限于某一种配色准则, 还是应该根据具体状态进行协调。网页设计师要在把握好色彩明度的对比, 不能太小导致看不清楚, 不能太大以免伤害眼睛。色彩搭配时最好采用网络的216种安全色, 其中有彩色210中、无彩色6种, 这样就能很好的避免由于显示器等硬件不同产生的视觉差。在网页色彩的搭配做到合理统一的前提下, 力求达新添增了一系列有关包装设计的教材与专著, 但多数都是对包装设计表现技法的一种浅层次的解说, 或者一些工科方面的包装书籍, 抑或是对包装设计的工艺流程作了机械式的介绍。《现代包装设计理论及应用研究》一书创新性地以动态的视角对现代包装设计的理论进行了深层次的挖掘, 特别是对目前包装行业、市场上出现的一些现象, 进行深入分析与总结, 提出了一些建树性的基础上形成了鲜明的极富价值的观点。以下是笔者就本书中的这些观点进行提取、阐释, 以便读者对本书有更加深入的理解。
其一, 该书解决了一个包装行业一直在争论的问题包装的概念问题。
因为语义学的原因, “包装”是一个外来词, 我国古代并没有“包装”一说, 所以很多学者都以解放后“现代包装”的概念对整个历史过程中的包装进行界定, 基于以上原因, 我国对古代包装的研究一直受到很大的制约, 令人憾言。然而, 《现代包装设计理论及应用研究》一书中第一章中包装概念的演变这个章节, 作者将包装的概念看作一个动态发展的对象, 以动态的眼光看待包装的发展, 对各个时期包装的特征进行了总结, 并对各个时期的包装的概念进行了定义, 极确切地解释了包装的概念, 明晰了包装概念的问题。作者认为原始时代的包装是包装的起源, 其包装的概念具有“双重性”, 认为那个时代的包装既是包装也是用具, 没有非常明显的划分;而随着生产力的发展, 人类分工的进一步细化, 包装的概念范畴也更加明确。作者指出, 这个时期的包装便具有了“专门性”, 使得包装从生活用具中独立出来, 完成了保护产品、方便运输、促进销售等包装的基本功能;随后, 随着包装材料的多样化, 包装逐渐成为一种“附属物”, 这个时期的包装具有了“附属性”, 经过几个阶段的发展、演变, 最后才有了的现代意义的商品包装概念。
其二, 该书创造性地提出了“展开设计理论与设计展开理论”, 科学地将包装设计划分为从定位到设计、深化设计两个阶段, 并对两个阶段设计的内容、设计的原则和设计方法进行了归纳。
人们在实际的设计过程中, 却往往分不清楚展开设计和设计展开这两个不同的设计阶段, 极容易将两者混淆起来而不加以区分, 或因区分错误, 这不仅导致设计思路发生偏颇, 而且影响了设计质量和效率。众所周知, 完美的包装设计是为社会公众与经济市场服务的。它不但给人们提供一个舒适、美观、安全、方便的条件, 而且与环境达成个人、群体、社会三者和谐的关系。在这一标准下, 作为包装设计的第一阶段的展开设计, 就是在保证产品能够舒适、安全、方便地从生产者转到消费者手中的前提下, 确立材料的选择、包装的造型和结构。《现代包装设计理论及应用研究》一书认为设计展开的基本内容从总体上讲, 根本点在于使被包装的商品, 除了质量、价格等因素之外, 通过赋予包装的视觉冲击力, 使消费者去接受、认同它, 进而去购买它。那么, 这一阶段的主要形式是使包装在科学性、合理性基础上, 融到独特、艺术化, 促进网页的功能提升到最高水平。
参考书籍
1. 邓福星, 《色彩艺术学》, 黑龙江美术出版社, 2000年3月第一版
2.《艺术中的哲学》, 福建人民出版色, 1983年3月第一版
3. 王学青 (韩) 郑美京, 《二维设计基础》, 上海人民美术出版色, 2005年7月第一版
4. (韩) 李在万, 《设计师谈配色艺术》, 电子工业出版色, 2007年5月第一版
摘要:网页已经相当普及, 各种各样的网页层出不穷, 网页设计师对各种网页都有其独特的配色原则, 为此对其中的一些进行了归纳探讨。
关键词:网页,色彩,配色,网页设计师
参考文献
[1].邓福星, 《色彩艺术学》, 黑龙江美术出版社, 2000年3月第一版
[2].《艺术中的哲学》, 福建人民出版色, 1983年3月第一版
[3].王学青 (韩) 郑美京, 《二维设计基础》, 上海人民美术出版色, 2005年7月第一版