再比如下面这个页面:
落地页作为一个信息流落地投放的页面,大多数情况下,我们希望可以感染用户,所以会需要高图版率,这也就形成了开头我们说的,落地页大部分都以图片开场的惯例,也形成了明明没有好图片,设计师凑图也要上的习惯。
其实刚刚木地板的页面中,我们已经看到字体变化带来的伪高图版率效果了。同样的,我们也可以利用 几何形状、色块的变化 来完成这一效果。
例如正常内容行距是1.5倍,而段落、标题之间行距就应该是2;2.5;甚至更宽,用留白制造隔断和连接,可以让页面逻辑、组别更清晰。
再来看一个实案:
但如果用一个真实桌面来承载表格,就会让整个设计看起来不单薄:
如下图:
在一个信息流广告中,落地页的角色,其实就像是一个 超级销售员。
页面中图片所占的比率叫做图版率。
目的2、突出重点元素,让重点可以被一眼看见
左侧只有产品,右侧有简单的介绍,这样的留白,可以让用户第一眼就注意到产品。
和上一张图相比,一个是重点突出,一个是重点全无:留白的好处清晰可见。
这种方法在电商类的移动端页面上被大量的使用。实际上,信息流广告的落地页里也可以用这种方式来凸显重点,而不是被习惯性的元素堆积框住。
方法1、采用模拟现实场景的素材来代替一般素材
落地页主体部分也会涉及到图片和文字的排版,很多时候我们会采取相关的图片文字并排的形式,通常大家纠结的是,图片该排在文字的左侧呢?还是右侧呢?
留白
具体逻辑看下图,一般来说,首屏图片的设计思路可以根据这个规律来执行:
无印良品(MUJI)艺术总监原研①他的著作《白》中说到,“设计包含着对差异的控制。不断重复相同的工作使我懂得,重要的是要限制那些差异,只保留那些最关键的。”
目的1、减轻页面阅读负担,达成良好的用户体验
留白可以强化或弱化元素与元素之间的阻隔。
我们先来讲一个概念:
上某个地板广告的落地页首屏,通常来讲,地板商做广告常用的素材为地板装修效果图,但这显然和地板商要做的促销活动的“抢”的情形不太匹配,这个时候怎么办?
事实上大部分落地页以“图”开场确实是有原因的,毕竟图片比文字更容易抓住用户注意力,而且图片放在顶部,内容放在下面,整个页面设计更容易均衡,避免了新手由于把控力弱而造成的头部过轻,也符合信息流落地页的设计习惯。
比如下图:
用户进入落地页之后,这个“销售员”就会开始给客户介绍产品的特色、卖点等。当用户看到自己关心的点,被吸引,进一步被说服……就会觉得“这就是我想要的” ,然后下单、付款。
不少广告落地页的热区图显示,大部分用户的注意力仅停留在首屏,往下阅读的很少,这就给了优化师或者设计师一个误导,认为,既然用户只关注首屏,那么我们就在首屏多放点广告信息。
大面积的天空,其实就是留白。设计者没有填满整个画面,只是在中间位置放置了主要内容,分别是白板上的品牌“华为天际通”、白板上的“¥9.9”,而两个白板,实际上是一条线,中间被断开,用最吸引用户的slogan填补,用户的注意力自然会停留这个位置中的“出境上网每天仅需”,然后自然的顺着读下去“¥9.9”。
例如可以采用模拟现实效果,像桌面、手、电影票、书本纸张、优惠券、便签等的效果,使界面更友好,也降低空洞的感觉。
在我看到的所有落地页设计中,“挤”是个通病。挤带来的最直接的问题就是 对用户视觉造成压迫感,使得用户被迫离开落地页。
在好的设计中,所有留的白都是“有目的的留白”,是带有明确的目的来控制页面的空间构成。
落地页设计中要有节奏感,这也是我一直强调的。
事实上,这样硬凑的方式,图片素材不能很好的辅助文案,反而会跟我们想要用户关注的文案争夺用户有限的注意力,显然是有害无利的。
方法2、用色块、几何体等元素,再辅以特殊字体变化排版、特效等
答案是根据视觉重心,即左>右,也就是说,当涉及到左右排版时,重要的内容需要放在左侧。具体如下图: