进入21世纪, 互联网成为了一种崭新的信息交流方式, 它使信息的传播突破了传统的政治、经济、地域及文化的阻隔, 使信息传达的范围、速度与效率都产生了质的飞跃。国内外这几年网络发展非常快, 网站数量也与日俱增, 网络也开始变得多姿多彩。人们不再局限于简单的文字与图片, 他们要求网页看上去漂亮、舒适。所以网页设计者不仅要掌握基本的网站制作技术, 还需要掌握网站的风格、配色等设计艺术。网页在一定意义上说也是一种艺术品, 因为它既要求文字的优美流畅, 又要求页面的新颖、整洁, 使用色彩可以产生强烈的视觉效果, 使页面更加生动。而且, 浏览者在浏览网页时, 留下的第一印象就是页面的色彩设计, 它的好坏直接影响阅读者的观赏兴趣。因此, 色彩设计在网页设计中居于十分重要的地位。
1 网页色彩的特点
网页设计与传统的平面设计在视觉传达方面有很大的相似之处, 但是在技术实现方面又有着很大的区别。网页设计是传统的平面设计的视觉传达效果运用和网络技术实现的有机结合。传统的平面设计作品大多数都是以印刷品的形式出现;而网页设计作品则是通过显示器出现的, 并且在传输的过程中受到网络带宽的限制。有接触过平面设计的朋友都知道, 普通印刷是按照色素的减法原理进行的, 设计时的颜色模式为CMYK, 而计算机的显示器的色彩工作原理则是以色光合成加法原理进行的, 既RGB模式, 它的色域更广, 不受任何限制。
网页色彩本身是无任何含义的, 但色彩确实可以在不知不觉间影响人的心理比如红色让人联想到玫瑰, 联想到喜庆, 联想到兴奋。白色联想到纯洁, 干净, 简洁;紫色象征着女性化, 高雅, 浪漫等等。
2 网页色彩与版面分割
色彩与版面也是密不可分的, 版面布局的整体造型和色彩搭配的灵活运用也会影响人们的注意力, 产生不同的视觉效果。版面的布局没有绝对统一的方法, 应视需要而定, 有创意的布局会给人以耳目一新的感觉。比如常见“T”结构版面, 页面顶部为横条网站标志+广告条, 下方左面为主菜单右面显示内容的布局, 因为菜单条背景较深, 整体效果类似英文字母“T”, 所以我们称之为“T”形布局。这是网页设计中用得最广范的一种布局方式。这种布局的优点是页面结构清晰, 主次分明, 是初学者最容易上手的布局方法。缺点是规矩呆板, 如果细节色彩上不注意, 很容易让人“看之无味”。
3 网页色彩与网站风格
色彩, 是最先也是最持久地给浏览者以网站形象的因素。网站的内容不仅仅是由文字组成的, 视觉元素在网站中也占有重要的位置。树立网站的风格可以从色调和画面入手。色调:是活泼还是庄重, 是素还是艳。比如网站选择的色彩很艳丽, 但如果选择素的色彩, 可能就无法体现出水果和蔬菜的那种生气。而工艺品网站的色调是以素为主, 突出了手工艺品的典雅。画面:需要考虑是写实还是写意, 是体现专业性还是大众化, 是为儿童还是为成人。
我选择网站做了色彩和站点风格的分析:中国瓷器h t t p://w w w.a r t t i q u e s.com/, 该网站以白色为背景, 营造出洁净、细腻、典雅的氛围, 同时与色彩斑斓的瓷器形成强烈的反差, 让人感觉到瓷器工艺品的精致和美丽。这种颜色搭配是展现色彩丰富的工艺品的一种和谐方式。立顿茶商h t t p://w w w.L i p t o n T.c o m/, 立顿是历史悠久的茶类品牌, 我们在平时常见的立顿红茶、立顿冰茶都是其产品。在该企业站点中, 立顿产品的名称、商标、图形、功能和应用领域等信息一览无余, 客观上起到激发消费欲望的作用。另外, 该网站首页使用了立顿品牌所常用的黄色, 这既是在网上扩大品牌效应, 也是对公司整体形象的统一应用, 从而构成了企业识别系统 (CIS) 的重要部分。
通过上述网站的分析可以看出, 色彩的搭配不仅体现着美学的诉求, 而且是一种可以强化的识别信号。通常我们会发现新闻类的网站会选择白底黑字, 这不仅是因为这种方式对带宽要求最低, 更多的是因为人们平时习惯于这样阅读报纸, 这种色彩对于把新闻传达到脑海的效率最高。但是在其他类型的网站上, 我们就不要只使用白色了, 例如在上面提到的立顿网站, 将色彩融入到公司的整体企业识别中, 大大加强了网站对浏览者感官的冲击。所以在定位网站风格时, 文化的差异也是很重要的。
4 网页配色应该注意的问题
4.1 关心浏览者
针对不同的主题来布置色彩, 如健康类的网站就不能采用较为刺激的大红和黄、橙以及象征死亡和神秘的黑色和紫色这样会造成一种紧张和某种程度的恐慌, 以及一些不利于健康的联想。而适宜采用一些较纯的绿色或者相关不同明度的绿色, 这样能带给人宁静、安详与平和。同样的道理做新闻类的网站要考虑到受众浏览网站的目的是摄入大量的信息, 所以适宜采用较为鲜艳的色彩组合, 这样就能使读者快速的摄入信息, 感受到信息的高速传递。这是平面设计的一种用色彩表达心理的方式, 好好的把握这种用色的技巧, 灵活的应用是网页成功的一个方面。
4.2 V I的延展
一个公司的VI是灵魂, 做网站往往是为了提升公司的形象。因此把表现企业主题的标准色应用到网页中去, 一定会给浏览者留下深刻的印象。这就牵涉到标准色的组合应用上, 要有一个色彩的基调问题, 抓住自己的主色来配以不同的辅色这样既突出了主页的公司特色, 又能使页面呈现丰富多彩。这只是一种用色的参考, 版面设计和内容也能体现出企业的形象, 只是色彩更加容易达到引人注目的效果。
4.3 与社会发展的和谐性
用色往往不是非常单纯的运用, 还要考虑诸多因素, 例如, 访问者的类别:社会背景、心理需求和场合的差异等等, 这就要求网页设计者要认真的分析网站的受众的不同, 并且要多听取反馈信息, 总结他们满意或者是不满意的原因, 综合考虑。社会背景不同的人, 各人的目的不同, 他们对色彩的感受也不同, 所以网站的用色就要考虑到多方面的需求, 尽可能的吸引各种注意力。
总之, 影响网站设计的因素有很多, 但色彩无疑是确立网站设计的灵魂。作为一名网页设计师是需要有自己的特色, 例如自己钟爱的颜色, 用色的一些独特的方面, 这种是不要轻易的舍弃。所以我想网页的用色会在这种方式下日趋规范, 日趋合理, 逐渐让人感到一个又一个如同艺术品一样让人赏心悦目!
摘要:信息时代的快速到来, 网络也开始变得多姿多彩。作为网页设计者不仅要掌握基本的网站制作技术, 还需要掌握网站的风格、配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。
关键词:网页,色彩,设计
参考文献
[1] (韩) 权智殷[著], 周钦华[译].设计师谈网页色彩与风格[M].电子工业出版社.
[2] 吴国荣.设计造型基础教程——色彩基础[M].浙江人民美术出版社.
[3] 梁景红 (Relen) .设计师谈网页设计思维[M].电子工业出版社.
[4] 李强华[译].Web Color Design:设计师谈网页配色 (全彩) [J].I.R.I色彩研究所.