今天小编结合多年信息流广告从业经验,为大家分享一下常用的设计思路和规范流程,希望无论是想迈入信息流设计、还是职场小白亦或者是想要了解知识的广告主,都能获得启发。
- 常见的设计尺寸规范
首先我们要知道,这个页面项目的用途是什么?主要是应用在哪个领域的,受众人群是哪些?在这里,我稍微简单分为两个类:B端类用户(针对企业、制造商、厂家等)
C端类用户(个人消费者)
在这里,小编今天先跟大家讲下B端类的:
- 移动端的页面,字体上尽可能不小于24号字体(分辨率72为例) ;
- 常规的主图为800x800(像信息流中常用的单图或者多图的尺寸)
- 还有横幅海报1280x720、800x450(也是常用的外层图尺寸)
- 落地页的尺寸宽为750,高度不限
上述都是小编经常做的一些常规尺寸,我们现在知道了这些常用尺寸后,开始进行里面的版面设计,一般常规的落地页设计最佳边幅为5屏左右(一屏为750x1333),而一套落地页正常包括外层图和落地页,外层图则多是主图(800x800) 、横幅海报(800x450)为主,通过了解这些常用的尺寸规范就相当于有了基础知识了,下面就讲讲常见的一些外层图设计版式和落地页版块。
- 外层图的常见设计板式
说到外层图,有单图形式的、多图形式的和“伪”多图形式的,今天小编主要以单图的形式讲解下,常见的外层图为800x800的正方形图,这里我简单分为以下这几种常用的版式,帮各位小白解决无从下手的难题。比如说
- 促销类主图 —— 这种可以用电商设计上常见的促销主图形式、它的优点是方便阅读者阅读,价格明确、产品突出,这种一般是单个产品或者环境搭配促销活动展示的。
- 展示类主图 —— 这一类的目的是为了更多的展示产品,所以我们可以用九宫格、四宫格、六宫格等这种更多的展示多图的形式进行设计,适用于一些全屋定制、学习教程、餐饮、场景环境居多的商家。
- 人物类主图 —— 顾名思义就是以人物为主要视觉的设计展现,比方有代言人或者是需要用到模特展现的健身、瑜伽、美容美发等这类用户使用居多。
- 落地页的常见设计版式
落地页这里,小编经常设计的版式组成结构是首屏海报-咨询页-痛点类-产品展示-商家的简介,而常见的痛点类展示,我经常会用到扇形形式,中间人物思考,四周发散性的问题;然后引出解决的方法或者产品,紧接着介绍产品的特点功能来解决上述的问题,下面我讲述下落地页常用的一些板块:
- 对比形式板块 —— 这一种在电商、信息流都比较流行,主要可以通过同行业的产品、特点,根据自身产品的优势,形成鲜明的对比,让客户一目了然。
- 产品展示板块 —— 这一种为了更全面的展示产品,包括他的外形结构,以及使用的过程,提供一个实景模拟来让客户清楚它的操作方式和使用场景。
- 应用范畴板块 —— 这一类就是主要讲产品适用于哪一个方面或者行业,比方我这个自动打包带案例,适用于一些家电、光伏、化工等大批量产品运输的厂家,通过自动化打包系统,一个人就能轻松进行打包装箱。
- 认证资质板块 —— 这个就是展示产品的实力证明,获得过奖项或者通过资质认证,提高产品的实力,让客户信服。比如我这个案例就是获得欧洲AGR认证。
- 公司的简介 —— 这一板块主要是让客户更加清楚公司的品牌历程、综合实力,提高客户的信赖度。
- 如何结合外层图做落地页
很多时候,我们做了外层图,往往容易忽略掉这能够延续到落地页去延展,甚至作为落地页的头图展示,当我们做完了外层图,我们其实可以从中提取到一些信息来搭建落地页,比如说色系、风格、版式元素、背景这些作为落地页的参考依据,既能够让画面风格充分展示,又跟外层的风格搭配上,而且节省了很多时间, 小编这里稍微总结了一下具备的条件:
- 可以通过外层的色调做一个主色和辅助色搭配使用;
- 外层的风格跟落地页要和谐统一;
- 可以采用行业的相关元素来进行点缀(比如科技类线条、横线分割等) 。
- B端落地页的逻辑展示顺序
这时候肯定又有人说展示顺序有什么不一样吗?最后不是都展示出来了吗?如果是有这想法的小伙伴,那就错啦,假如一开始你设计的页面没能打动到用户,那么下面的内容就连展示的机会都没了,所以这个顺序一定要合用户胃口,比方小编最近做的一个机械化传送带机器的落地页,他就具备了以下的条件:
- 产品的基本介绍(产品外形、操作方式)
- 产品的优势(比方这个是节约了人力、优化了环节以及效率提高)
- 产品的认证(权威性的)
- 应用的案例(最好是行业的、品牌的)
- 公司的简介(让客户对公司实力有所了解)
有了这几大板块的说明,更容易让厂家或商家有个清楚认识,这时候页面的基本框架就建成了,我们可以看下图。
- 总结
不知不觉,关于整个页面设计的规范和思路讲完啦,这里我们再回顾总结一下,我们在做B端类型的页面设计或者是C端类页面设计的时候,都要遵循一个原则,版面一定要清晰、简洁,最好能够换位思考去设计,我们要明白设计只是为了让产品更好的展现和让用户更容易了解,所以我们不要为了画面美观而忽略掉页面本身存在的意义。
,