现代的信息,尤其是互联网上的资讯,逐步走向简单、明快、感性,而能让人瞬间了解的信息,第一是色彩,第二是图形,第三才是文字。
色彩的信息力量特别大,建设网站页面时应选定适于自己的标准色,作为网站页面形象塑造的基本要素之一。标准色,广泛用于标志识别、广告、包装、服饰、建筑等网页元素中,使浏览者产生固定的意识,在纷杂的信息竞争中起到吸引网民目光焦点的作用。一些色彩和网站页面形象紧密相联,在消费者心中已深深定位。有时充分理解好各个色彩的象征意义,对于网页页面的配色十分有帮助的。
以下是部分色彩的象征意义:
一是色调
暖色调:即红色、橙色、黄色、赭色等色彩的搭配,可使主页呈现温馨、和煦、热情的氛围。
冷色调:即青色、绿色、紫色等色彩的搭配,可使主页呈现宁静、清凉、高雅的氛围。
对比色调:即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握“大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。
二是色素
1) 色环
我们将色彩按“红->黄->绿->蓝->红”依次过度渐变,就可以得到一个色彩环。色环的两端是暖色和寒色,当中是中型色。(如下图)
红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红
|___________| |____| |_________| |_________|
| | | | 暖色系 中性系 寒色系 中性系
2) 色彩的心理感觉
不同的颜色会给浏览者不同的心理感受。每种色彩在饱和度,透明度上略微变化就会产生不同的感觉。
红色:强有力,喜庆的色彩。具有刺激效果,容易使人产生冲动,是一种雄壮的精神体现,愤怒,热情,活力的感觉
橙色:也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。
黄色:亮度最高,有温暧感,具有快乐、希望、智慧和轻快的个性,给人感觉灿烂辉煌
绿色:介于冷暖色中间,显得和睦,宁静,健康,安全的感觉。和金黄、淡白搭配,产生优雅,舒适的气氛。
蓝色:永恒、博大,最具凉爽、清新,专业的色彩。和白色混合,能体现柔顺,淡雅,浪漫的气氛,给人感觉平静、理智
紫色:女孩子最喜欢这种色,给人神秘、压迫的感觉
黑色:具有深沉,神秘,寂静,悲哀,压抑的感受
白色:具有洁白,明快,纯真,清洁的感受
灰色:具有中庸,平凡,温和,谦让,中立和高雅的感觉
黑、白色:不同时候给人不同的感觉,黑色有时感觉沉默、虚空,有时感觉庄严肃穆。白色有时感觉无尽希望,有时却感觉恐惧和悲哀。
针对不同的主题,选择不同的适合自己网站页面的色彩,是成功确立网站页面整体风格的第一步!
(以下均为本博添加)至于图形和文字,图形在很大程度上考验我们自己的制图能力,包括PS,FW,3D等,但一般的网页布局上面的图形FW足以应付,至于配图,能够漂亮就更好了,但不能过于花俏,闪花了浏览者的眼睛或者喧宾夺主都是失败的。
文字要求就又不同了许多,但也涉及到了字体,大小,颜色,是否加粗加下划线等。每个人的电脑上的字库略有不同,所以网页上字体的显示体现不同。很可能你最中意的字体在别人的浏览器上只是默认的宋体显示,这样网站美工就比自己设计中逊了很多,这是我们必须考虑的。因为系统配置的字库确实少了点,但是当我们非常需要一种特殊的字体来表达时怎么办?比如要用毛体,那就把文字制作成图片吧,这也是一个方法,而且是普遍采用的方法。其次字体的大小,边缘化时也需要注意,尽量给浏览者以舒适的享受是我们网页美工的追求。
网页美工设计不是一件简单的事情,确切的来说,现在没有什么事情是简单的,要把美工做好,是必须花费一番功夫的,阿普雷本人是十分重视网页页面的色彩风格的,希望有兴趣的朋友一起交流下,我们一起努力吧。
本文原创自广州网页设计博客(阿普雷博客有修改),原文地址:http://www.52webdesign.cn/post/webcolor.html