Contact

0574-27729591
city@city-design.cn

Address

中国·宁波·江北区同济路
云汇中心3号1312

WeChat
menu

网页设计中如何配色?如何化腐朽为神奇?

2016-04-14
网页中色彩的选择是吸引用户的手段之一,美好的色调能够令人产生兴趣,给人带来影响,同时带来愉悦的浏览体验。在网站制作中,配色好坏能够影响着网站的质感,要知道,网页配色也有需要避免的大忌,今天要讨论的就是你必须知道的那些配色黑名单。作为设计师,在日常工作中应该避开这些雷区,这是最基本的。但是对于很多甲方而言,因为并不了解网站建设的规则,往往很容易犯错。这个时候,设计师要做的就是坚持好立场,这并不是品味审美的差异,而是一旦网页中出现这样的配色方案,它就注定是失败的,不妥协有时候也是衡量一个设计师职业素养的条件之一,我们需要做的是引导甲方,来避开这些错误的色彩搭配。又或者,略微改动一下,化腐朽为神奇,这就再美妙不过了。

霓虹色。

闪亮的霓虹色看起来很有趣,似乎能让页面显得非常潮、非常流行。但是这个色调真的很容易闪瞎眼,看久了视觉上非常不舒服。使用这种色彩的文字内容难于阅读,不好识别,和暗色调的背景搭配的时候,这种晃眼的感觉尤其明显。而如果用霓虹色作为背景的话,这个页面几乎是没法看的,映入眼帘的全是大片的亮色,让人焦躁。
 
其实并不是说不能采用霓虹色,只是需要降低亮度,让它看起来更柔和。譬如下面这样,是不是瞬间就觉得舒服许多,而且页面也显得非常活泼。


高饱和互补色。

不知道上面这张图会给你什么样的感受,反正我看了是整个都颤抖了。反正真正的网页设计师绝对干不出这种事儿。长久以来,红与绿的搭配总是受到争议的,但是只要色调选取的好,这组互补色还是非常好看的。譬如大家都熟悉的“圣诞色”,就给人温暖的感觉。只是,一定一定要避开这类高饱和度的颜色,不管是哪个颜色,都只会给人丑的印象!

没有对比度

刚说完上一组过分对比的配色,接下来说的这个浅色+浅色的搭配也是最常见的错误之一。准确的说应该是没有对比度,在浅色背景中又设置了浅色的字体,excuse me?你这是要让人测色盲吗?还怎么让用户愉快的阅读内容呢?这种错误最常见于网站的Banner图中:帅气的大图和精心设计的白色字体搭配在一起,而字体正好和色彩最浅的部分叠加在一起,这下就非常尴尬了。浅色+浅色的搭配让内容完全无法读,作为Banner的作用几乎被削弱为0。

来看下正确展示方法,是不是感觉好多了?
 
如果无法修改背景,可以在背景和文字之间加一层,增加对比


彩虹式配色

我们一直反复强调的是,网页中不要出现过多的颜色。当网站花成彩虹那样的话,设计师一定是也生无可恋了。想想看,当一大堆各种各样的色彩都成为系统配色的一部分的话,各种色彩之间的干涉,都不知道打破了多少配色的规则。这种设计虽然可能在一开始吸引用户的注意力,但是随后让用户产生的恶心和不适绝对会远超设计者的预期,即使网站内容再好,都无法被人识别。

如果你真的希望让页面更加“多彩”,那么不要让色彩都混杂到一起,试着使用卡片式设计来承载不同的色彩,合理的排布,既可以让色彩更加灵活,也可以保证组织性和流动感。


其实今天所谈到的所有的配色的问题,几乎都是关于对比度和可读性问题的。实际上,只要确保色彩和内容的对比度和配色美感,几乎所有的色彩都是能用的。化腐朽为神奇的意义就在于此。

宁波网站建设 城池设计:http://www.city-design.cn/News/819.html
相关新闻
work案 例
about关 于

联系我们

Tel

0574—2772 9591
158 2427 9580

很遗憾,您现在使用的是低版本的浏览器,为了更好的浏览体验,建议使用Chrome(谷歌浏览器)访问我们的网站。