新闻中心

网页设计如何配色?专业设计师告诉你

发布时间:2016-06-13  来源:本站
皇姑区网站建设,铁西区网站制作,和平区网站制作公司,大东网络公司,沈河区网站建设,于洪网站建设,东陵网站建设,浑南网站建设
大约10岁的时分,我去迪斯尼米高梅影城游玩。俄然,我瞥见了一幅无穷的墙绘,那是用深浅纷歧、缤纷多彩的颜料制作而成的。借用这些颜料,艺术家让生活变得生气勃勃。我在那一刻便认识到了我的命运从此注定:我是名规划色彩“极客”。

我喜爱将自个沉浸在色彩之中,因为那让我振奋不已。色彩能让你体味到情感,这实在是妙不可言;当大家注视着湛蓝的天空时,你能觑见他们脸上弥漫的那份高兴,或许,当某人在情人节收到一个赤色信封时,你会感受到他浑身发出的那股柔情。经由联想或文明影响,色彩有了意义。

关于色彩的思考(Thinking about colour)

我做规划的时分,会花些时刻思考为何我要用这种特定的色彩。我思考与之相关的文明影响,思考它是不是有何意义超出了咱们社会的承受程度。之所以要思考这些,是因为作为web规划者,我理解我的挑选将会被不计其数甚至数百万的人看到。很多网站在页面言语的国际化上下了不少功夫,但他们是不是真对色彩有所酌量呢?色彩传递意义,而咱们的假定常常是过错的。

以婚庆网站为例。在西方文明里,新娘常穿戴白色礼衣,因而将那种艳丽的纯白色归入网站规划就很多见。可是,在我国,挑选赤色会更为适宜,因为白色是悼念的色彩。在我国文明里,赤色意味着好运、福分和爱情。加上几抹黄色,你可以暗示尊贵和财富。

已然色彩的意义存在各种文明区别,你或许很想知道色彩挑选的“罗塞塔石碑”(译注:比喻解开奥秘之谜的头绪)是什么。一般来说,蓝色和紫色是规划顶用起来最定心的色彩。蓝色一般用于传递活跃的信息——达观、高兴与决心。不过,虽然这一规矩适用于绝大多数国家,但像印度和日本这么的国家仍是赋予了蓝色天壤之别的意义。在印度,蓝色是悼念的色彩,而在日本,蓝色表明凶恶。

另外一种以为安全的色彩是紫色。一般来说,紫色与尊贵和财富相关,这是由古代根由撒播下来的,其时紫色是社会地位的一种象征。前史告诉咱们,这是因为紫色染料得自海螺,它在阳光下不会褪色,相反,它会变得更亮堂,在日晒雨淋之下尤为艳丽。可是,在泰国,大家却有着异样的观念,他们将紫色用作悼念的色彩。




令我大感惊奇的是,这么多国家运用不一样的色彩来表达对所爱之人过世后的悲恸之情。在美国和英国,传统上用黑色,可是咱们在此会看到全世界存在如很多的区别。我预备了一份表格,就这些差别给出了一个便利参阅的分类:


了解受众

已然有这么多含糊的意义,你也许在想,想稳妥的话干脆就别用色彩吧,但状况并非如此。你应当承受区别,运用它们来推行你的信息。了解你的方针受众,并照此定制网站。假如你有多类受众,可以试着经过定制门户或借助若干方针化CSS将你的网站本地化。

在运用混合色彩时,也要有自个的思考。以股票市场为例。在美国、英国和日本,正面指示用绿色或蓝色,而负面指示用赤色。而在我国台湾和韩国,状况则恰好相反。这无关规划的挑选,而是文明的解读。在这两地,赤色代表昌盛与走运,都是正面的东西。关键在于,明白这些奇妙却十分重要的细节,尽量防止让你的访客困惑不解,防止传递过错信息的也许。


我国台湾和韩国看到赤色表明好,而绿色表明坏,然后英国和美国却是相反

明智的话,你还要记住,12个人中就有1人是色盲。因而,像相片和插图一样,色彩应当用来支撑信息的表达,而不应变成信息自身。有项测验不错:假如把色彩去掉,看是不是还能表达一样的信息。

规划师的东西箱里有很多东西,这些应当小心翼翼地运用。我见过以亮赤色做布景的网站,你在房子那头都能看得见,这么的网站会很扎眼。关于医疗保健类网站而言,挑选这类布景是很差劲的。过度丰满的色彩往往会让人神经紧绷,而在医院你最不情愿看到的就是濒临绝境。这当然是个极点的比如,但可以极好地阐明这一疑问。

下次你碰到医院员工,请看看他们穿戴的是什么。你会发现,他们的制服往往是较柔软的淡色彩,例如淡紫色、绿色或蓝色。这并非偶尔:它们的意图是要传递安静、放心和洁净的感受。温文淡雅的色彩能到达这一意图。在规划医疗保健类网站时,请运用能让受众安静的色彩,而不是让他们振奋的色彩。

简略的色彩改动便能决议网站的观感。以伦敦大学学院医院的网站为例。我取来初始规划,并用不一样色彩风格做了四个新页面:



经过在这个网站上增加不一样的色彩,咱们可以给它不一样的意义和相关,而不是一切的色彩都能合适主题。

每一种规划都有不一样的观感。黑色隐含着专业、合法之意,但也让人联想到逝世。赤色看上去没那么差劲,但太接近于血的色彩,让人联想到人身损伤,而不是医疗康复。最终两例分别为绿色和蓝色。我以为两者都是有效的,但我甘愿挑选蓝色。因素在于,绿色太亮了些,与网站的真实意图——让你安静和放心有所背离。


亮堂起来

医院的比如与对于小孩子的网站则形成了明显对照。孩子能从亮堂、丰满的色彩获益。这些色彩能影响他们的脑筋,招引他们的目光。经过运用丰富的色彩,你能让他们一直兴趣盎然,并鼓励他们去探究规划的微妙。很多运用暖色如赤色和黄色,一起联系一些较冷的蓝色和绿色,特别能取得好的作用。假如你为孩童网站规划挑选配色计划,可以从他们的玩具罗致创意,你会观察到,玩具制造商挑选了艳丽生动的色彩,他们特意给玩具绘上了丰满、亮堂而简略的色彩。

我最终给出的比如是食物网站。在为此职业做规划时,你应当运用能影响胃口的色彩。因为食物的色彩多种多样,好的配色计划常常难以选定。总的说来,比如赤色、橙色、黄色和绿色这么的色彩的确可以激起胃口,一起又供给一种温馨如家的感受。因而汉堡王、La Tasca、塞恩斯伯里和韦特罗斯在他们的商标或网站上都用到这些色彩也就不偶尔了。下面呈现了他们的配色计划,它们尽也许地诱发你的饥饿感。蓝色则恰好相反,它会按捺你的胃口。


这些食物网站运用的色彩,可以使你开端感到饥饿

但愿这些能有助于你往后挑选适宜配色计划,你现已学到了一些色彩理论的前史以及它们相伴的相关意义,必须聪明而细心地发挥你规划师的才干。

你头一次接触Twitter网站时,会注意到它的规划主要为蓝色。咱们知道蓝色是一种用于web的安全色彩,因而Twitter在其网站上用到它就家常便饭了,特别是它还支撑英语、法语、德语、意大利语、日语、韩语和西班牙语等多种言语。支撑这么多言语意味着你的受众是多种文明的聚合体。

咱们知道每12人中有1人为色盲,那么假如咱们经过他们的眼睛来看这个网站,又会呈现什么状况呢?

假如对比度和色彩组合过分类似,你的一部分受众就会无法看到内容。有很多办法可以模仿色盲作用。我喜爱用的程序是Color Oracle,这是一个合适Windows、Mac和Linux的色盲模拟程序,由伯恩哈德•杰尼(Bernhard Jenny)和纳撒尼尔•沃恩•科尔索(Nathaniel Vaughn Kelso)开发。

作为web规划师,咱们听过渐进增强,可是有没有听过柔性降级(graceful degradation)?柔性降级指的是,网站采用现有最新最棒的功用规划和开发后,再用老的浏览器检查以保证新特性不呈现时,网站功用依然有效。这一思维也适于色彩运用。先用你所需的一切色彩规划好网站,然后运用Color Oracle或Photoshop检查色盲支撑作用。

色彩并非你东西箱里的仅有东西。选取可以凸显内容的色彩,但依然要让用户能阅读内容。运用Color Oracle测验色彩组合,如有必要,则作出改动。记住一点,你期望自个的网站能让最广泛的受众看到,如此他们才干赏识你的规划。

客服
客服