我们继续学习:品牌、创意与设计三者的关联。
上节课讲到,运营做运营该做的事情,设计做设计该做的事情,那有的卖家可能就说,我不是在公司我就是夫妻店,我运营,媳妇给我设计,那我确实需要去自己手动去做一些设计,怎么办呢?
我们今天来学下需要去关注的点,叫这个视觉层级。
很多卖家会忽视的一个问题---视觉层级。
大家看右边这个图,大家是不是按照这样的一个顺序来看?有不是按这个顺序看的吗?可以评论区敲一敲你是怎样看的。
假设你把这张图做成这个样,看的顺序就会变成这样:
这就是视觉层级--要通过合适的排版,合适的文字的大小,让消费者去按照你希望他看的顺序去看。
放在1这个位置的肯定是最重要的一句话,放在4这里的肯定是最不重要的一句话。这是一个视觉层级传递出来的消费者去接受这个信息的先后顺序。
你看这个地方是白色底的黑色字,是它会最吸引的地方,而且因为它是在画面的最中间,它是最吸引人的地方。
角落里的这些东西大家都知道,又在角落里,又在小字,肯定是看不看都无所谓的东西,那就把它放在这个最角落里。
我们如何去构建这个信息层级呢?信息层级首先最重要的就是留白。
很多卖家会把它做成这个样子:撑满、 logo 放大,图放大撑满,撑满才有沉浸感......
没有足够的留白,反而会导致于画面看上去它不是很有设计感,尽可能的去做减法。
这个留白跟做减法是一样的,就是先把东西都堆上去,然后在这个基础上去做减法,去补充留白,先把它缩小。只要它能读能看,就把它缩小,缩小了以后一点一点的放大,尽量的克制,尽量的去做减法,不要搞得特别特别的大,要该留的空间去留出来,有呼吸的空间,有视觉停留的空间,它才会更有层次感。
第三是颜色大小对比度。中间黑色的它看上去最重,它也是最需要去关注的,左上角的浅灰色快跟黑色融为一体了,那肯定是最后去关注它的。
通过颜色、尺寸、大小、对比度都可以去构建彼此之间不同的信息的层次感,用字体也可以,加粗的肯定是最重要的需要最先看的,细体的肯定是在粗的后面才会去看的,这是正常情况下大家都是这样一个习惯。
最后就是一个对齐的方式。比如中间的这句话是居中对齐的,左上角的那句话扔到角落里面,没有居中对齐,导致你最后才会去看。因为它是在角落里,角落里都不重要,这也是一种构建这种先后顺序或者是信息层级的一种方式。
再来给大家去多看几个例子:
比如左边这个图就是一个典型的负面案例,它就撑得满满,里面乱七八糟的东西全都给堆进去了,大家发现了没:撑得越满,就越没有重点,是不是?
它虽然有加粗,虽然有按钮,但是可能会忽略掉上面的这一大坨话,因为它撑得太满了,我觉得看上去好累,不想看了,有兴趣我就看,没兴趣拉倒了这张图就直接过去了。
因为过于拥挤,没完全没有留白,就直接导致这张图的整体上给人感觉就是信息特别的多,特别的重,就不想看。
那右边的这个图,整个商品它的只占右半部分的一小块,有很多地方都是留白。它的一个信息层级是什么?你先看中间这一行加粗的,说这个摄像头设计简单,设计简约又智能又简便好用,这句话是最重要的一句。
在这句话的基础之上,说它什么什么型号,不是那么重要的,你点进商品详情页去里面,可能都已经看过,最上面是产品的logo,产品的 logo 无所谓,放在那瞄一眼,知道它是个 logo 就行,不会去认认真真地去看,每一行字就R、E、A.....,你不会去这么去看,比如松下Panasonic,你会去把Panasonic的每个字母都读吗?
你肯定不,你只会去瞄一眼logo,大概知道它是啥就完事了,你会认真去读的可能就只有中间那一行加粗的,它说的这一句话,感兴趣就点了,不感兴趣就拉倒。
这是通过一些合理的留白,合理的文字尺寸来去让消费者先关注什么,再关注什么,感兴趣的先看,不感兴趣的或者不重要的就不要让消费去看了,赶紧让他对这个商品感兴趣,赶紧让他去下单买。这是一种视觉层级的表现方式。
未完待续......
小结
自主设计的视觉层级构建方法
视觉层级核心逻辑:通过排版引导消费者按预设顺序接收信息,重要信息前置凸显,非必要信息弱化处理,避免信息堆砌无重点。
层级构建实操方法
核心构建手段:通过留白做减法、调整颜色/字号/对比度/字体粗细、差异化对齐方式三类方法,构建清晰的信息优先级。

