欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

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

发布时间:2017:09:27 13:11:39 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1451个文字,预计阅读时间4分钟
导语
颜色对比设计,是设计师对网站设计是否成功的关键

您在设计网站,海报或任何其他类型的图像时选择的颜色将对整体设计是否成功产生巨大影响。毕竟,吸引人们的颜色背后有很多心理学,设计师需要把它纳入他们所做的一切。

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

 

为什么颜色对比如此有用?

推荐阅读:网页设计配色系列之『橙色』篇

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

想想经典的可口可乐可以。如果整个事情是红色的,那么它不会像现在那样突出。白色的文字真的从红色的背景中流下来,引起了人们的注意并立即被认出。这种对比在视觉上是惊人的,它从竞争对手中脱颖而出。

可乐

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

如何最佳使用颜色对比度

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

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


在网络上不能很好地进行对比的颜色组合的其他示例,并且在其他格式中也可能几乎不可解译,包括中绿色上的浅绿色,红色上的绿色和蓝色的红色。相反,请考虑使用白色的绿色和黄色或白色蓝色。如果你必须把文字放在一个坚实的红色背景下,最好使用白色就像可口可乐一样。

当然,色彩对比并不总是用来引起对文本的注意。如果您要将两种不同的对比色搭配在一起,就可以将页面上的特定画面画出来,您可以选择不同颜色的色彩,以及阴影,色调和饱和度变化引起的更微妙的对比度。

色彩对比在让您的CTA或按钮突出时起着重要的作用。这应该不用说,但是当用户撇去着陆页或您的文章时,具有不同于该页面的颜色的CTA将会引起他们的注意。


这一切听起来不错,但为了看到它在行动中,我们应该看看一些正在使用颜色对比的公司的优势。

Teamweek是我能给你的最好的例子之一。如上图所示,尽管计划都是不同的颜色,绿松石按钮和页面的其余部分之间的对比仍然令人惊奇的工作吸引了您对CTA的关注。 

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

同样的事情发生在他们的注册页面上。虽然该页面的颜色和图案丰富,但用户的注意力被重定向到页面的中心。

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

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

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

可以找到如何使用对比色的另一个优势。在开放和负面空间之间交替,他们选择白色和灰色拉扯眼睛。用红色闪闪发光的这种组合有助于确保网站访问者对视觉感兴趣可以坚持下去。

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

 

每个设计师需要知道的

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:现代网页设计的流程,内容是网站设计过程的核心

下一篇:网页设计中的残酷主义背后的灵感

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

    一对一专属顾问,7*24小时金牌服务

  • 售后无忧

    完善售后,客服经理全程跟进

建站优化二维码
建站优化二维码

截屏,微信识别二维码

微信号:13825575516

(点击微信号复制,添加好友)

优化二维码打开微信