色彩搭配在任何网站设计的成功中起着重要的作用,合适的色彩搭配确保了网站设计高质量的用户体验,及网页更容易的可读性,这将有助于网站的长期成功。相比之下,色彩搭配一般的网站,可能很难阅读和使用,这将对任何网站的成功产生负面影响。合理搭配色彩是提升网站设计视觉效果的第一步颜色对比度差的问题通常很容易识别。通常,您只需在Web浏览器中查看页面,就可以查看文本是否因为对比度较差的颜色选择而难以阅读。
虽然可能很容易确定哪些颜色不能很好地结合在一起,但事实证明,要确定哪种颜色与其他颜色相比,以及在网站设计中的效果会更好,这是一项具有挑战性的工作。这个图表显示了各种颜色,以及它们如何很好地作为前景和背景颜色进行对比。您可以看到一些有效的配对,以及在为站点项目选择颜色时应避免的糟糕配对。
色彩能够建立起我们对品牌的直观感知。在谈论网页设计中色彩搭配原则之前,我们需要先来看看不同主色调的象征意义。这个主色调的选择,需要依据我们对所要设计网站的定位来确定。
通常,看看优秀的网站能够给我们带来很多启示。下面我们就先看看这些主色调的象征意义和这些色调中做的比较优秀的网站。
灰色:象征冷静、中立;(苹果、维基百科、纽约时报)。
蓝色:象征可靠、力量;(戴尔、大众汽车、IBM)。
红色:象征血气、年轻;(可口可乐、乐高、肯德基)。
橙色:象征欢乐、信任;(芬达、亚马逊、火狐)。
黄色:象征温暖、透明;(百思买、法拉利、麦当劳)。
紫色:象征智慧、想象;(雅虎、T-Mobile、科幻主题电视台Syfy)。
绿色:象征健康、生命;(BP石油、食品超市whole foods、星巴克)。
网页设计色彩搭配原则;
网页美工设计中,常用的几个颜色为蓝色、绿色、橙色,以及暗红色。
蓝色为主调。蓝色多与白、橙搭配,。白底,蓝标题栏,橙色按钮或ICON做点缀;蓝天白云,沉静整洁的感觉。
绿色为主调。绿色多与白、兰两色搭配。白底,绿标题栏,兰色或橙色按钮或ICON做点缀,绿白相间,雅致而有生气。
橙色为主调。橙色多与白、红搭配。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀,橙色活泼热情,标准的商业色调,因此多用于商业网站的网页美工设计。
暗红色为主调。暗红色显得宁重、严肃、高贵,需要配黑和灰来压制刺激的红色。黑或灰底,暗红色标题栏,文字内容背景为浅灰色。
网页设计师需要注意的几点
尽管三原色的相互搭配创造出了无数颜色,可不是所有的颜色都适用于网页设计,不同的颜色在搭配上也有着其中的学问,网页设计就相当于平面设计,网页设计师可以将平面设计中的审美观点套用到这上面来,所以平面设计上的审美的观点在网页设计上非常实用。
忌跳,是指再好看的颜色,也不能脱离整体。
忌纯色,是指艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。
忌脏,是指背景与文字内容对比不强烈,灰暗的背景令人沮丧!
在网页设计师中对于色彩的使用特别忌讳脏、纯、跳、花、粉色这几种情形。
忌花,是指要有一种主色贯穿其中,主色并不是面积大的颜色,而是重要的,能揭示和反映主题的颜色,就像领导者一样,虽然在人数上居少数,但起决定作用。
忌粉色是指颜色浅固然显的干净,但如果对比过弱,显得苍白无力了,就像病夫一样无可救药。
另外,蓝色忌纯,绿色忌黄,红色忌艳。当然,作为网页设计师,我们需要时刻提醒自己的是不要为了设计而设计。
一切的网站设计都要以用户的需求为导向。一个优秀的网站,会给用户非常直观简介明了的体验和简明的导航。