在许多大卖家的店铺里,视觉层级相对明显。事实上,不管是大卖家还是小卖家,不管是用店铺扶植版还是店铺旗舰版,大家都能打造属于自己店铺的首焦图。
什么时候非首焦图出马不可呢?店铺做活动的时候。“打折”“SALE”“包邮”这些买家关注的敏感词,配上炫目的视觉,可以让买家知道你想卖什么,以及帮助买家快速找到想要的东西。那么,首焦图的设计有何技巧?下面将分3点来分享。
一级炫风:180度大撞色
想要更好地展现产品,色彩诱导必不可少。潮流服装搭配流行撞色,简简单单的纯色搭配在一起,就能产生大量的色差,令人过目不忘的效果,首焦图也一样。
名词解释:所谓撞色,广义上就是指颜色看上去冲突比较大的颜色,不是一个色系的颜色搭配在一起;狭义上的撞色是指色环上成180度角的两个颜色。如下图所示:
通过这张色环图,我们能很直观地得出橙与蓝,红与绿互相形成了撞色。互补色对比,视觉效果强烈刺激,此时色彩对比达到最大的程度。在实际操作中,如果想要将一个产品的信息强化,我们就可以采取如下小技巧:
1.直接在色环上选取互相对立(180°)的两个色相,此种效果最为强烈;
2.撞色需考虑目标受众对色彩的心理接受度,如若不需要如此强烈的对比,可采用选取主色同色系的40°~80°夹角的色相作为过渡色以调和整个画面;
3.撞色应合理利用面积、纯度和明暗的对比建立起要表达的主次层级关系,放大我们所要传达的信息。
以下图为例,ciaodafanfan 是个主打欧美风的店铺,这张推新品的首焦图,其洋红和绿色形成了绝佳的视觉冲突,黄色作为暖色系的代表色和洋红色构成了一个补充,同时又巧妙地协调了洋红与绿的巨大色系差,最后设计师通过构图的平衡和人眼从左向右看的视觉习惯,将受众的眼神牢牢的锁定在了洋红色的高腰裤上,将画面所要强调的双排扣和高腰的特点放到最大。
二级炫风:肢体语言HOLD全场
推陈出新时时刻刻都要用到,尤其是在变化快、同质化又比较严重的电商行业。如果所有的首焦图模特都是翘着一只脚做娇俏状,或者是叉腰做自信状,那就没有新意了。要抓住买家的眼球,就要突出模特独特夸张的造型和肢体语言。
像七格格家的这一张首焦图(无独有偶,格格家在色系上的构成也是和ciao家一样的红绿大撞色), 红色的大墨镜、手套和夸张的表情动作无疑构成了画面的焦点(受众会首先看人的脸,这是本能),在成功的HOLD住所有人的目光后通过大声呼叫的肢体语言,在画面上形成了一个从左向右的动态势能,最后我们受众的视觉热点会流向右边的文字区域,同时“新品揭载”的字样又和左边形成了呼应的关系,合理的视觉导向给了我们继续浏览下去的欲望。
合理的视觉导向会去顺应买家用户习惯,糟糕的设计会让焦点遍布画面让买家无所适从,作为卖家,在首焦的设计过程中,如能掌握一些视觉导向的基本原理,巧妙安插关键信息在人眼的视觉路径的走向上定能更好地提升页面的访问深度。
三级炫风:留白抢风头
当画面里所有人都静止时,有动作的那一个人更惹人注目。相似的,当一个物体挤占了画面的一部分,另一部分做留白处理,只写上寥寥几个字或者一句话时,留白处的信息便是焦点区,它能把买家的视觉集中到这一处显眼的地方,在所有的设计中留白是最常用的设计手法,可是,你真的能熟练的运用“留白”了吗?
一般来说,通过设计抠图我们能实现留白,通过前期的拍摄我们同样也能实现“留白”,当然,除开留白之外还有很多种方式可以凸显我们画面的主题,例如拍摄一些产品的局部图作为首焦的主体,既放大了产品特质又可以和文案相结合,像下面这张充满绿意的图,便是在拍摄时将裙摆这个局部作为首焦的主体;另外还可以通过前期拍摄画面形式上的微创新与后端设计创意部分相结合的方式实现抢占视觉焦点的作用,如这个销售鞋子的首焦图,撞色设计的鞋身在后期设计时根据颜色的不同,被切成了一段一段,而又保持鞋子的完整性,富有创意的同时也有视觉强化的效果。
在首焦的设计呈现上,很多的技巧与方式方法都是组合应用而非单一出现的(就像上图),我们的这篇文章也仅仅是起到一个抛砖引玉的作用,目的是通过一些小技巧让广大的卖家打开思路,更加清晰地去完善自己店铺在视觉部分的呈现以提升销售。