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

网站设计

Website development

颜色对比设计,是设计师对网站设计是否成功的关键

发布时间:2017-09-27 09:04:39

TAGS:网站设计

您在设计网站,海报或任何其他类型的图像时选择的颜色将对整体设计是否成功产生巨大影响。毕竟,吸引人们的颜色背后有很多心理学,设计师需要把它纳入他们所做的一切。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

颜色对比起着非常有价值的作用,但往往被忽视,低估和被误解。为避免此问题,您必须了解有关颜色对比的更多信息,包括如何以及为什么要使用它。一旦你超越了知道红色和橙色不是很好的颜色创造对比度但是黑色和白色的基础知识,那么你可以开始发展一种增强的审美,让客户和观众感到满意。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

为什么颜色对比如此有用?y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

简而言之,色彩对比提供了视觉上的阴谋,让观众感兴趣。考虑一下,如果整个海报是由一种颜色制成的,或只包括来自同一色系家族的色调,那将是多么无聊。虽然有些情况是从艺术角度出发的,但是当他们正在阅读商店货架,看电影海报或上网时,这不是一种可能会吸引别人的注意力。因此,适当时使用对比色是明智之举。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

想想经典的可口可乐可以。如果整个事情是红色的,那么它不会像现在那样突出。白色的文字真的从红色的背景中流下来,引起了人们的注意并立即被认出。这种对比在视觉上是惊人的,它从竞争对手中脱颖而出。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

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

如何使用颜色对比度y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

您所做的颜色选择在很大程度上取决于您使用的格式。可口可乐可以提供一个很好的方式来解释这个过程。在诸如苏打水罐的实体产品中,红色背景工作。它在印刷广告,电视广告等方面也很出色。但是,如果您尝试设计具有相同颜色的网站呢?y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

为了尽可能的坦白,一个坚实的红色网站页面背景与白色文本在上面将是残酷的。尽管如此,如果将文本框放置在较浅的颜色(如白色或棕褐色)上,则全红色背景将会起作用。从那里,您有可能希望在文本框中使用黑色文本来创建另一层对比度。这种做法不但更引人注目,而且还能使人们真正阅读文本。记住:红色的黑色文字很难阅读。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

在网络上不能很好地进行对比的颜色组合的其他示例,并且在其他格式中也可能几乎不可解译,包括中绿色上的浅绿色,红色上的绿色和蓝色的红色。相反,请考虑使用白色的绿色和黄色或白色蓝色。如果你必须把文字放在一个坚实的红色背景下,好使用白色就像可口可乐一样。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当然,色彩对比并不总是用来引起对文本的注意。如果您要将两种不同的对比色搭配在一起,就可以将页面上的特定画面画出来,您可以选择不同颜色的色彩,以及阴影,色调和饱和度变化引起的更微妙的对比度。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

色彩对比在让您的CTA或按钮突出时起着重要的作用。这应该不用说,但是当用户撇去着陆页或您的文章时,具有不同于该页面的颜色的CTA将会引起他们的注意。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

这一切听起来不错,但为了看到它在行动中,我们应该看看一些正在使用颜色对比的公司的优势。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Teamweek是我能给你的好的例子之一。如上图所示,尽管计划都是不同的颜色,绿松石按钮和页面的其余部分之间的对比仍然令人惊奇的工作吸引了您对CTA的关注。 y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

同样的事情发生在他们的注册页面上。虽然该页面的颜色和图案丰富,但用户的注意力被重定向到页面的中心。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

旅行顾问使用对比度的颜色和空白区域,将每个用户的眼睛指向搜索结果的重要方面。绿色和黄色的混合是令人愉快的,他们保持经典的蓝色超链接颜色,使人们很容易知道点击哪里可以了解更多。更好的是,他们为他们的“显示价格”按钮选择了一个大胆的黄色黑色文字,这显得非常突出,人们几乎肯定会采取这种号召性用语。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

可以找到如何使用对比色的另一个优势。在开放和负面空间之间交替,他们选择白色和灰色拉扯眼睛。用红色闪闪发光的这种组合有助于确保网站访问者对视觉感兴趣可以坚持下去。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

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

每个设计师需要知道的y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

全球约有8%的男性患有某种形式的色盲。这种情况在女性中比较罕见,但每17名色盲患者中有1人是女性。总共有4.5%的世界人口看不到世界其他地区的所有颜色。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这似乎是一个足够小的百分比,你不能满足他们的需要。然而,现实情况是,在英国,270万人是无色的。这是设计师真正需要考虑的,特别是如果他们正在创造一个针对男性的东西。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

红/绿色盲是色盲常见的版本。这意味着任何颜色的红色和绿色元素都不会对这些人有真正的外观。例如,一个具有红色/绿色盲症的人会将紫色视为蓝色。这是因为他们无法看到有助于区分紫色和蓝色的红色。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

您可以想象,这使得选择完美色彩对比的过程更加困难。如果您选择绿色作为主要背景颜色,甚至选择字体颜色,则4.5%的预期观众可能无法准确查看所有内容。他们甚至可能根据您选择的色调和色盲程度有多严格,甚至无法阅读这些词。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

终,颜色对比应该使两个元素脱颖而出,特别是重要的元素。换句话说,如果您将文字放在多彩的背景或图像上,请确保这些单词易于查看和阅读。请牢记您的观众,并设法避开颜色组合,使终结果难以为色盲人群。y7d北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

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

客户评价

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

    潘涛

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

    谭娇

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

    陈曦

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

    张经理

联系方式

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

合作伙伴

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

嘿,我们微信沟通!

复制手机号