专栏名称: 青瓜联盟
青瓜联盟(QMOB)是国内移动广告投放领先平台,专注移动互联网广告营销服务,曾服务国内众多一线知名品牌客户。欢迎关注青瓜联盟,我们将为广告主提供最新行业动态和最优服务策略。www.iqingua.com
目录
相关文章推荐
河北交通广播  ·  【992 | ... ·  昨天  
河北交通广播  ·  【992 | 关注】育儿补贴,要来了! ·  2 天前  
河北交通广播  ·  【992 | ... ·  3 天前  
河北交通广播  ·  石家庄多个景区宣布,免票!优惠!速看→ ·  3 天前  
51好读  ›  专栏  ›  青瓜联盟

推广成本高、转化差?6年经验的优化技巧免费拿去~

青瓜联盟  · 公众号  ·  · 2018-04-14 09:00

正文


前两天,有人在后台咨询问我:小编,你这么有才华,那么请问有点击没对话到底该怎么解决啊?


这位小伙子这么有眼光,贴心的小编怎么能不帮忙解决呢。于是在我的一番排查下,最后小编只能说:恕小编无能,这样的落地页小编小编也无力回天啊。


着陆页整体布局较满,容易给用户带来视觉负担;且主体颜色和自身产品色不搭,也没有很好地展示产品;某些字体较小,浏览起来较为困难;文案也不够戳痛点......



毫不夸张地说,有点击没对话80%都由于落地页不给力,因为着陆页负责承载流量;而移动端着陆页的重要性就占据80%(除个别传统行业),因为这是一个移动互联网时代。


那也许此时有人会说:小编啊,我知道我的着陆页有问题,可我们这没有专业的美工,而我又不懂设计。


所以,如此有才华的小编今天就向大家分享几招。本文将注意以手机端为例,从手机属性和用户习惯两方面来分析下着陆页的设计技巧,都拿小本本记好了啊。



一、手机属性


01.轻、薄、小


说起手机属性,大家第一反应肯定是轻、薄、小。而在着陆页设计中,小为重点,重要性为100%。


一般情况下,手机尺寸大则6寸,小则3.5寸,一只手便可拿住。


所以,我们在设计时要注意设备的尺寸,以此来确定图片的大小,避免规格不同,造成图片展示不完整等。


设计优化方案:


  • 符合手机尺寸


目前情况下,大多数手机满屏尺寸为720*1280像素,即9:12的构图比例。

建议设计时尺寸为:宽度720px,高度1000px。


02.纵向展现


外形也隶属于手机属性的一类。而手机与PC端最大的区别便是一个横向显示、一个纵向显示。


所以,在设计时,要注意着陆页设计的形式,注意其构图思维。



设计优化方案:


  • 上下分栏


由于PC端的影响,众多设计师在设计时构图思维可能会倾向横向展现。


  • 比如图一:图小、字小,不利于阅读

  • 比如图二:上下阅读更符合用户浏览习惯


图一

图二


手机形状小而长,日常浏览信息时,我们也会倾向于由上往下。所以,我们要尽量上下分栏,而避免左右分栏。


03.足够聚焦


当我们的眼前是一张白纸,我们的目光会聚焦在整张纸上;若纸上有一个小圆点,我们的目光就会被聚焦。


而自带小属性的手机,也意味着用户的目光会足够聚焦。


所以,在设计时,我们要能保证用户可以最大限度记住页面上的内容。


设计优化方案:


  • 一屏一主题


一屏于手机而言就是最小的信息单元,即用户可以最大限度看到的信息内容。


而一屏一主题,一方面可以内容一目了然,用户只需浏览一遍便可记住,另一方面减少了信息与信息间的互相干扰。


  • 比如图一:卖点较多,阅读后印象并不深刻

  • 比如图二:整屏突出一个卖点,更有冲击性,且阅读后印象更为深刻


图一

图二


  • 适当留白


利用断句符、行间距等对着陆页上的内容信息进行适当留白。


一方面可使内容信息表达地更有层次感,另一方面可大幅度降低用户接收信息的难度,提高信息沟通的效率。


  • 比如图一:文字与图片间紧密排列,没有太多的空间呼吸感

  • 比如图二:文字间有留白,排序整齐,多而不乱



图一

图二


  • 砍掉上下留白


在面对竖的长方形屏幕时,为了画面整体平衡,将设计主体居中,会让用户的注意力往中间的形状聚焦。这几乎是天生和谐的排版设计手法。


但这并不利用我们对产品的展现。


  • 比如下图,视觉上在一定程度上用户目光集中化,但同时也不利于产品的展示。



所以,在对产品进行展示时,要避免上下留白,而是以全屏显示。



二、用户习惯

01.跳读、挑读


“燥”可以说是大部分人的关键词。在海量信息的诱惑下,匆促时间的逼迫下,快时代的发展下,用户极少有耐心去认真看某些东西。


且目前阅读环境都较为碎片化,所以跳读、挑读便是当代人的特性。


设计优化方案:


  • 利用对比


由于用户会进行挑读,所以我们要擅用对比,让文字有一个层次感,让用户看到我们想让他看到的东西。


  • 比如下图。利用灰色和黄色形成对比,使其内容更加突出化。



通常对比的展现形式有以下几种:


大小对比、颜色对比、虚实对比、前后对比


02.滑动速度快







请到「今天看啥」查看全文


推荐文章
河北交通广播  ·  【992 | 关注】育儿补贴,要来了!
2 天前
经典人生感悟  ·  把一切看淡,心就不累了
8 年前
教你学风水转运  ·  女生被嘿哭是种什么体验?
8 年前
今日房产  ·  中南君悦府
8 年前
中央广电总台中国之声  ·  被这支球队圈粉了,他们实现了一个15年的愿望
7 年前