第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

从留白、图版率及图片出发,如何优化信息流广告落地页排版?(2)

时间:2017-12-06 11:45来源:信息流广告精准投放 作者:跌名 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
这是一张左右占满的火锅素材图,上面填满了调味料,中间是大量文案,已经很挤了,空白的地方还被两朵祥云素材填满。几乎是个完全没有空档的页面,

  这是一张左右占满的火锅素材图,上面填满了调味料,中间是大量文案,已经很挤了,空白的地方还被两朵祥云素材填满。几乎是个完全没有空档的页面,任何人进入这个页面,都无法在第一时间了解到这个页面的主题是什么。

  和上一张图相比,一个是重点突出,一个是重点全无:留白的好处清晰可见。

  目的3、将页面元素进行区分和归组,让页面内容更具逻辑

  留白可以强化或弱化元素与元素之间的阻隔。

  例如正常内容行距是1.5倍,而段落、标题之间行距就应该是2;2.5;甚至更宽,用留白制造隔断和连接,可以让页面逻辑、组别更清晰。

  再比如表单项与表单项之间、按钮与按钮之间、段落与段落之间这种有联系但又需要区分的元素,用留白的方式可以轻易造成一种视觉上的识别,同时也能给用户一种干净整洁的感觉。

  

从留白、图版率及图片出发,如何优化信息流广告落地页排版?

  目的4、让页面构成更具节奏感

  落地页设计中要有节奏感,这也是我一直强调的。

  留白可以赋予页面轻重缓急的变化,也可以营造出不同的视觉氛围,通过不同方式的留白来改变版式,可以产生出各种各样我们需要的效果。

  如下图:

  

从留白、图版率及图片出发,如何优化信息流广告落地页排版?

  利用左右边距、段落间留白、顶部多留白或底部多留白,营造出不同的视觉效果。

  02 没有好素材怎么做落地页?

  说完留白,我们不得不提到另一个落地页设计的误区,也是一个行业内似乎约定俗成的定例:落地页第一屏一定要是一张图片。

  事实上大部分落地页以“图”开场确实是有原因的,毕竟图片比文字更容易抓住用户注意力,而且图片放在顶部,内容放在下面,整个页面设计更容易均衡,避免了新手由于把控力弱而造成的头部过轻,也符合信息流落地页的设计习惯。

  但是,这样的好处是建立在你有一张好图的基础上的。

  当你并没有一张合适的图的时候,硬凑一张图,反而会分散用户对文案的注意力,得不偿失。

  所以怎么办?在没有合适素材的情况下,首屏到底是放图还是不放图?

  我们先来讲一个概念:

  图版率

  页面中图片所占的比率叫做图版率。

  通常情况下,降低图版率(图片内容少)会给人一种干净、高级的感觉;

  提升图版率(图片内容多)会使画面有富有感染力。

  落地页作为一个信息流落地投放的页面,大多数情况下,我们希望可以感染用户,所以会需要高图版率,这也就形成了开头我们说的,落地页大部分都以图片开场的惯例,也形成了明明没有好图片,设计师凑图也要上的习惯。

  事实上,这样硬凑的方式,图片素材不能很好的辅助文案,反而会跟我们想要用户关注的文案争夺用户有限的注意力,显然是有害无利的。

  那么没有合适的图片素材该怎么办呢?这种情况下,我们可以利用色块、元素、字体、特效的变化来伪造高图版率的效果。

  方法1、采用模拟现实场景的素材来代替一般素材

  例如可以采用模拟现实效果,像桌面、手、电影票、书本纸张、优惠券、便签等的效果,使界面更友好,也降低空洞的感觉。

  像下图,如果只有中间的内容,就是一个平平无奇的个人介绍:

  

从留白、图版率及图片出发,如何优化信息流广告落地页排版?

  但如果用一个真实桌面来承载表格,就会让整个设计看起来不单薄:

  

从留白、图版率及图片出发,如何优化信息流广告落地页排版?

  再来看下面这个落地页首屏的设计:

  

从留白、图版率及图片出发,如何优化信息流广告落地页排版?

  上某个地板广告的落地页首屏,通常来讲,地板商做广告常用的素材为地板装修效果图,但这显然和地板商要做的促销活动的“抢”的情形不太匹配,这个时候怎么办?

  这位设计师利用了实木特效(切合了地板这个广告主题)和字体变化,将文案做成了“图”,并且利用手这种素材库中很常见的素材营造出“抢”的效果——这种利用真实元素拼凑创造出的真实场景就能很好的弥补没有“一张合适的素材图”的问题。

  方法2、用色块、几何体等元素,再辅以特殊字体变化排版、特效等

  其实刚刚木地板的页面中,我们已经看到字体变化带来的伪高图版率效果了。同样的,我们也可以利用几何形状、色块的变化来完成这一效果。

  比如下图:

  

从留白、图版率及图片出发,如何优化信息流广告落地页排版?

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕