企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

建站知识

Website development

有哪些配色方案是一定要小心规避和禁忌的。

发布时间:2016-04-14 11:09:14

TAGS:网站设计要注意什么意思,网站设计师面试

网站色彩搭配 网站色彩 网站色彩选择9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当我们讨论配色的时候,通常聊的是配色趋势、配色规则和配色方法,但是与此同时,我也应当合理的规避一些比较典型的错误配色方式。这个配色黑名单并不长,但是覆盖了多属的配色问题,不妨仔细看看……9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

网络是一个多彩的世界,而色彩也是网络吸引用户注意力的主要手段之一,它令人产生兴趣,给人带来影响,并且通过对比、衬托带来愉悦的浏览体验。与此同时,色彩还是设计趋势中无法忽略的一个重要组成部分,无论是扁平化设计还是Material Design,色彩的运用都是重中之重。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

但是,用错色彩也是常见的现象。有没有特定的色彩搭配是网页设计中的大忌?有!这个一定是有的,并且还不少。这些色彩组合会让你的网页出现各种各样的问题,为配色制定一个黑名单势在必行。今天的文章,我们就来聊聊配色的“黑名单”吧。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

太亮的霓虹色9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

网站色彩搭配 网站色彩 网站色彩选择9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联


9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

闪亮的霓虹色看起来很有趣,似乎能让页面显得非常潮、非常流行。但是他们并不会让眼睛觉得舒服,往往会给人以“闪瞎了”的不适感觉。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

霓虹色的主要问题在于使用这种色彩的文字内容难于阅读,不好识别,和暗色调的背景搭配的时候,这种晃眼的感觉尤其明显。而如果用霓虹色作为背景的话,这个页面几乎是没法看的,除了霓虹色之外的内容几乎都没法看清楚。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

想解决这个问题,你可以试着降低霓虹色的亮度,让它看起来更暗,让它看起来更加微妙,同屏幕显示更匹配。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联


9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

网站色彩搭配 网站色彩 网站色彩选择9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联


9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Orange You Glad 这个页面就很好的解决了这个问题,他们使用了非常接近霓虹色的配色,并且通过渐变色的方法来增加页面的丰富度,色彩的亮度、对比度都用的相当微妙,不会令访客感到不适。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

“震颤”的色彩9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

网站色彩搭配 网站色彩 网站色彩选择9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联


9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当高饱和度的色彩搭配在一起的时候,它们会产生一种“震颤效应”, 会让你觉得两种色彩之间会产生模糊、震颤或者发出光晕的视觉效果。毫无疑问,这是令人不适的。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在Josef Albers 的经典著作《色彩交互》中描述了色彩的“震颤效应”是如何给人带来不安感的:“这种配色初可能会给人带来惊喜的效果,同时这种侵略性会让人觉得不舒服,尤其是眼睛。你们会发现,这种配色很少出现在广告当中,因为它会让人觉得不愉快,难受。”9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

不过即使你没有尝试搭配,也可以通过它们的基础特征,合理地规避“震颤”配色:9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

·它们都是高饱和度的色彩9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

·两种色彩在色轮上是互补色9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

·他们在色轮上相隔180度,处于对称的位置9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

·将两种色彩转化为灰度之后,两者灰度非常接近9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

典型的案例就是明亮的红色和绿色。这是广受欢迎的“圣诞节”配色,这也是受到广泛诟病的配色方案之一。它主要的可访问性问题就是,色盲的用户是完全分辨不出来的……9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果说你必须使用“震颤”配色,这个矛盾也不是不能调和的:加入中性的色彩将两者分隔开就好了。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

浅色+浅色9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

网站色彩搭配 网站色彩 网站色彩选择9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联


9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

浅色+浅色的搭配也是常见的错误之一。也许你在某个平面设计或者印刷相关的项目上这么配色,终没造成可读性的影响,这可能是设置的问题或者色差造成的,但是在绝大多数的情况下,是错误的。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

无论你怎么设计,这样的配色一定很难阅读其中的内容,每一次都这样。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这种错误常见于网站的Banner图中:帅气的大图和精心设计的白色字体搭配在一起,而字体正好和色彩浅的部分叠加在一起,这下就非常尴尬了。浅色+浅色的搭配让内容完全无法读,作为Banner的作用几乎被削弱为0。9x8北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,6427,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号