浅谈网页色彩搭配原则及技巧 第7页
浅谈网页色彩搭配原则及技巧 第7页
网页色彩搭配的技巧
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将 色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。
2.用两种色彩。先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中选择"自定义",然后在"色库"中选就可以了:)
4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很"跳"。 在网页配色中,忌讳的是:
1.不要将所有颜色都用到,尽量控制在三种色彩以内。
2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
在设计网页之前,客户或产品经理会提出对网页视觉风格设计的期望:活跃、大气、稳重、信赖、都市化….. 设计师一听到关键词或许很自然地在心里蹦出几个配色与“关键词”相匹配了。网页的色彩,是访问者登录页面时的第一印象,好的页面色彩能给用户留下深刻的印象,并且能产生很好的视觉效果和营造网站整体氛围的作用。
色彩是我们接触事物的第一直观认知,在浏览一个新的网页时,第一认知的不是页面的具体结构和信息内容,而且是页面色彩搭配的视觉效果。色彩对于每个人、地域或国家都有不同的情感认知和联想意义,从某种程度看,大多数人对色彩认知和联想是一致的,如红色,人们感觉得喜庆,热闹…再具体到事物会联想到红心桃、草莓等等。在这里简单介绍色彩的情感联想。
色彩的情感联想
色彩的情感联想,主要从具体联想和抽象联想两个维度划分:
色彩的情感联想是人们对事物的不断的积累和认知,了解这些不但对网页设计有帮助,还对市场营销有帮助。如设计一个环保教育类网站,“环保教育”首先联想到生命、自然、绿色生态,而这些联想的事物共同色系是绿色,如果网站采用人们已认知的色彩会让人们在初次访问网站时,会对网站的主题产生共鸣和信赖感。
那设计师就凭自己“经验和色彩原理”就对网页进行色彩设计?我们先慢镜头往回看整个网站的设计流程–设计师在着手视觉设计的前期流程:
如果视觉设计师忽视前期的工作,网站最后视觉设计输出或许会与客户期望存在出入的风险。所以视觉设计师需要先了解和参与网站的定位、目标用户、内容规划的基础上才能更好把握页面的视觉设计。