这是一张左右占满的火锅素材图,上面填满了调味料,中间是大量文案,已经很挤了,空白的地方还被两朵祥云素材填满。几乎是个完全没有空档的页面,任何人进入这个页面,都无法在第一时间了解到这个页面的主题是什么。 和上一张图相比,一个是重点突出,一个是重点全无:留白的好处清晰可见。 目的3、将页面元素进行区分和归组,让页面内容更具逻辑 留白可以强化或弱化元素与元素之间的阻隔。 例如正常内容行距是1.5倍,而段落、标题之间行距就应该是2;2.5;甚至更宽,用留白制造隔断和连接,可以让页面逻辑、组别更清晰。 再比如表单项与表单项之间、按钮与按钮之间、段落与段落之间这种有联系但又需要区分的元素,用留白的方式可以轻易造成一种视觉上的识别,同时也能给用户一种干净整洁的感觉。
目的4、让页面构成更具节奏感 落地页设计中要有节奏感,这也是我一直强调的。 留白可以赋予页面轻重缓急的变化,也可以营造出不同的视觉氛围,通过不同方式的留白来改变版式,可以产生出各种各样我们需要的效果。 如下图:
利用左右边距、段落间留白、顶部多留白或底部多留白,营造出不同的视觉效果。 02 没有好素材怎么做落地页? 说完留白,我们不得不提到另一个落地页设计的误区,也是一个行业内似乎约定俗成的定例:落地页第一屏一定要是一张图片。 事实上大部分落地页以“图”开场确实是有原因的,毕竟图片比文字更容易抓住用户注意力,而且图片放在顶部,内容放在下面,整个页面设计更容易均衡,避免了新手由于把控力弱而造成的头部过轻,也符合信息流落地页的设计习惯。 但是,这样的好处是建立在你有一张好图的基础上的。 当你并没有一张合适的图的时候,硬凑一张图,反而会分散用户对文案的注意力,得不偿失。 所以怎么办?在没有合适素材的情况下,首屏到底是放图还是不放图? 我们先来讲一个概念: 图版率 页面中图片所占的比率叫做图版率。 通常情况下,降低图版率(图片内容少)会给人一种干净、高级的感觉; 提升图版率(图片内容多)会使画面有富有感染力。 落地页作为一个信息流落地投放的页面,大多数情况下,我们希望可以感染用户,所以会需要高图版率,这也就形成了开头我们说的,落地页大部分都以图片开场的惯例,也形成了明明没有好图片,设计师凑图也要上的习惯。 事实上,这样硬凑的方式,图片素材不能很好的辅助文案,反而会跟我们想要用户关注的文案争夺用户有限的注意力,显然是有害无利的。 那么没有合适的图片素材该怎么办呢?这种情况下,我们可以利用色块、元素、字体、特效的变化来伪造高图版率的效果。 方法1、采用模拟现实场景的素材来代替一般素材 例如可以采用模拟现实效果,像桌面、手、电影票、书本纸张、优惠券、便签等的效果,使界面更友好,也降低空洞的感觉。 像下图,如果只有中间的内容,就是一个平平无奇的个人介绍:
但如果用一个真实桌面来承载表格,就会让整个设计看起来不单薄:
再来看下面这个落地页首屏的设计:
上某个地板广告的落地页首屏,通常来讲,地板商做广告常用的素材为地板装修效果图,但这显然和地板商要做的促销活动的“抢”的情形不太匹配,这个时候怎么办? 这位设计师利用了实木特效(切合了地板这个广告主题)和字体变化,将文案做成了“图”,并且利用手这种素材库中很常见的素材营造出“抢”的效果——这种利用真实元素拼凑创造出的真实场景就能很好的弥补没有“一张合适的素材图”的问题。 方法2、用色块、几何体等元素,再辅以特殊字体变化排版、特效等 其实刚刚木地板的页面中,我们已经看到字体变化带来的伪高图版率效果了。同样的,我们也可以利用几何形状、色块的变化来完成这一效果。 比如下图: (责任编辑:admin) |