请选择 进入手机版 | 继续访问电脑版
返回顶部
热门问答 更多热门问答
技术文章 更多技术文章

[美工设计] 当运营说颜色不够显眼啊!用大红啊! 如何解决?

[复制链接]
大鼻子 显示全部楼层 发表于 2017-7-28 10:06:03 |阅读模式 打印 上一主题 下一主题

登录网站,浏览更多精彩内容

您需要 登录 才可以下载或查看,没有账号?加入我们

x
                                                                                                   
兄弟们!

姐妹们!

老爷少爷们大家好!!

又到了装逼的时间


2ea0fe3987fd61cb9de2b195ba946057.png

在工作中老板和运营经常会说,用红底红字啊,加粗啊!!你这个颜色太不醒目了,顾客怎么可能能看见 ??

老板和运营的想法本质是为了突出页面中的某个信息,提高图片辨识度。
这个点无可厚非,因为顾客在逛网站的时候通常都是快速浏览而非阅读,因此吸引顾客注意很关键,特别是主图,报名图这些点击入口上。

但是在人们传统印象中大红色貌似是最显眼的,其实真的这样吗?

下面正式进入

配色装逼大法第三部——如何通过配色让海报更引人注目


b38fbbac030e2666f0617381003377da.jpg


28f25e6d5597dc235841e003fecfbadb.gif
大家看上面的图片,包邮用了大红色,但是还是白色的字更显眼,看起来更舒服,因为我们认为感到显眼的颜色,正是被放置于该作品内与背景色有了对比,才有突出显眼的感觉。
我们对颜色的感知会受到画面其他颜色的影响,所以不能孤立的只看一个颜色。

没有对比就没有伤害



ffa6a96573c416317a41dfb29da89a80.jpg

色彩中的对比也是如此,色彩搭配就是颜色之间的相互衬托和相互作用。


那么什么样的配色最显眼从而吸引顾客注意力呢?
  • 顾客对海报页面的注意程度主要取决背景与文案的明暗对比度。颜色的明度差,是左右视觉辨识度高低的关键。

  • 重要的文案应该选择与背景色有明度差的颜色。暗的背景选择明度高的颜色,明亮的背景选择明度低的颜色。
  • 若是图片背景色属于不亮不暗的中间色,那么无论你文案使用什么颜色,辨识度都会很低。



还是刚才那个包邮的图,不改变背景色相的情况下,将背景色明度直接调低,或者直接调到最高,拉开与文案的明度差,都可以达到让文案更显眼的效果。

a7240c2f08f56adf2c0fb0819faaa0d3.gif

8ec901e5b3eee1ffe667a6b6983c8c1d.jpg

我们在配色时需要注意什么?
  • 配色的本质就是通过有效的色彩搭配帮助我们更好的传递页面信息。所以我们在配色之前,必须与运营沟通清楚,页面中的信息排列主次关系。
  • 最想让顾客看到的信息是什么?然后其次看到的什么?这是要有优先级的。

如何才能知道自己做的海报是否够显眼呢?
下面通过一个简单案例来给大家讲解下。

aed71b30ab5d30ddd0cc995bf97f659a.jpg

不谈排版,大家看下这张海报可能感觉会很平,产品也不是很突出,主要原因是色彩明度上对比太小,产品与背景色色调相差不大,我们将其去色处理看看。



eaca7496b878b3d122a505d4bd9555df.jpg

转换成黑白之后,我们可以明显的看出,文案与背景色的明度差非常小,根据前面讲的内容,颜色的明度差,是左右视觉辨识度高低的关键。
所以我试着重新调整下。



5c5b3b3c7b75dc15f8adc0dce7d38748.gif

去色之后

d517da8f0d100e886302015ba0bea061.jpg

通过去色大家可以看出,主文案与背景的明度差非常大,配合排版,更能吸引到顾客的视线。最想突出的信息一定是明度差最大的,反之,优先级低的文案,可以降低与背景的明度差。

通过去色检查海报是否显眼有辨识度,这个方法非常实用。

今天就扯到这里,后面会为大家带来配色大法第四章。



中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

商乾全球电商人、电商交流学习与电商实战技术分享、电商爬虫、生活交流专业网站
  • 官方手机版

  • 微信公众号

  • 商务合作