文案超多的海报设计该怎么排版?16个实用模板送给你! - 优设网 - UISDC

文案超多的海报设计该怎么排版?16个实用模板送给你!

2019/10/07 28928评论 15

@做设计的面条 :这一次我想给大家分享的是关于文案超多超多的海报设计到底该怎么去排版这个主题。

因为之前一直都有人问我这个问题,我就记在心里啦,刚好这几天花了些时间改了几版案例,顺便总结绘制了16个模版,一起分享给大家。

首先给大家看看面粉发给我的海报原图:

是不是文案超多?嗯。。。老板看了流泪,设计师拿到这种需求估计也是瑟瑟发抖。

那大家看到这幅海报,可以先自己思考一下问题出在哪里,然后接下来我也会总结出我所看到的几点问题,你们看看是不是跟我的想法一样。

从我的角度来看,问题主要在于以下几个方面:

  • 文案超级多超级多,看起来密密麻麻的,不便于阅读;
  • 整幅海报看起来很乱,因为色彩很杂,照片素材有点复杂,文字样式和特效太多,以上种种问题导致了我们这幅海报整体太乱了,而且缺少美感;
  • 利益点信息不清晰,从老板的角度来说肯定是希望利益点要够突出,图片要够美观,海报促销氛围要浓一些,才更能吸引到客户到店里来消费;
  • 这幅海报没有给人一种「挑战赛」的感觉,因为画面太安静了,不够有视觉冲击力,热闹促销氛围不够;

ok,大体就是这些方面的问题了,我但是看到这幅海报,心想:「要不挑战一下自己,给这位面粉改个稿看看?」,所以我就把psd要来了。

可是当我打开psd,我都崩溃了,因为这幅海报本来就是文案太多了,所以为了减少干扰,我们最好是在素材选择上要保持画面整洁干净。

可是这原图素材里面的细碎的点缀物实在是太多了,比如那些绿植、柠檬、瓶盖、起子等等其实都是多余的,就那个冰块可能还有点用。

如果要靠修图来整洁画面实在是太费功夫了,如下图所示:

这里插点题外话,就是设计师最好是在开始设计执行之前就跟摄影师沟通一下拍摄方案,或者如果有条件的话,设计师最好是去跟拍一下,便于拿到符合自己需要的图片素材。

因为前期多花点时间去策划,后期设计执行的时候真的可以节省很多时间。

比如这里的原图素材其实从拍摄主题上来看,就不太符合我们要的那种热闹促销感的调性。

所以,我干脆自己去找素材啦!~

最终,为了给大家做演示用,我改了5版设计稿,并且海报里只使用了唯一一种中文字体——思源黑体(免费字体),如下图所示:

改稿效果图1

改稿思路分析:

因为这幅海报里面文字非常多,所以我们作为设计师要有一个清晰的逻辑,明白这些文字信息里面有哪些是很重要的,有哪些信息是次要的,还有哪些信息是不得不展示出来但是站在老板的角度又是希望弱化处理的。

首先,利益点信息在这里肯定是需要重点突出展示的,因为靠这个利益点可以吸引用户参加买单,而突出信息的方法有很多种,比如改变颜色、放大字号、周围多留白、增加色块吸引、加粗处理等等;

其次,订购电话也是应该突出的信息,因为我们要让用户很方便的找到电话才更能激发用户的订购欲望,从而提高转化率;

第三,温馨提示和免责申明信息,原则上对用户来说很重要的信息,但是对于老板来说,却不希望它们太过于显眼,可是为了避免纠纷又不得不告知用户,因为这些信息其实会减少用户的购买欲望。

那怎么办呢?一般都会把这些信息弱化处理。

听起来是不是很鸡贼?嗯,充满了套路,但毕竟给设计师发工资的人是老板啊,你不多帮老板赚钱,那可能得跟着喝西北风去了。

当然,这种小心思还好并不违法,而如果老板直接让你伪造公章、修改发票、p证件等等,要你做一些违法行为,那可就要三思了。

在此提醒各位设计师们,以上违法的事情千万别做啊,别为了那几千块钱一个月的工资吃牢狱灾或被罚款,那就麻烦了。

ok,我们回到正题!~

最后,就是其他的一些主标题信息和副标题信息(比如这里的的「xx挑战赛」和「自愿挑战30分钟XXX」),还有作为点缀元素的文字信息(比如这里的「Are you ready?」),大家根据版面需要来处理大小、形式和间距就好,它们并没有很固定的限制。

因为它们的作用是让顾客知道这个海报是干嘛用的,你想放大就放大,想缩小就缩小,反正最终的视觉效果要和主题搭调就好。

比如我们这里,我依旧保留了原面粉的将「30分钟内」放最大的处理方式,因为一个版面里最好是有一个可以撑场面抓人眼球的文案信息。

一方面是因为,我们要把用户的注意力吸引过来,另一方面是因为,它可以使我们这个版面看起来更耐看,更有节奏感。

你想一想啊,如果你的设计稿里所有的文字信息都是大小一致、粗细一致,那肯定会觉得很平淡,就像看书一样,是不是很容易犯困啊?但如果我们的文字有大有小,有粗有细呢?你立马就来劲了,会觉得有意思一些。

这就好比我们谈恋爱,对方如果是各方面都是普普通通的,平平淡淡的,你肯定会觉得这个恋爱谈的啊,真是无聊死啦。

可如果对方时不时会给你一些小惊喜或挑逗呢?或者偶尔你们之间有些小摩擦但又和好了呢?感情有一些轻微的起伏变化,你肯定会觉得这个恋爱谈的好有意思,很想继续谈下去。

ok,这一版我们就说到这里啦,顺着这个改稿思路,我又做了好几版不同的布局版面排版,我们接着一起来看看~

改稿效果图2

改稿效果图3

下面这2版基本是保留了原面粉的描边处理样式和色彩,哈哈,越改到后面,我就比较偷懒了,所以下面2版大家将就着看看就好,因为我也想放假啊啊啊啊。

改稿效果图4

改稿效果图5

呐,看到这里,我干脆一鼓作气,给大家总结绘制了16种比较常见的文字超多海报该怎么排版的布局模版,大家收好啦!~

还有很多布局样式我没有画出来,因为接下来我会告诉你该如何灵活变通,如果你学会了其中几种,基本剩下的都可以任意去设计了。

我们主要记住以下几点:

我们常见的文案排版,无非就是横着打字、竖着打字、或者横竖混着打字3种,你要学会灵活安排;

文字其实也可以理解为是一种图形元素,当它的面积很小的时候,它就是点,当一个点沿一个方向移动有了轨迹,它就是一条线,而当它的面积足够大的时候,它就是一个面,如下图所示:

所以归根结底,海报里的文案排版,跟其他元素一样,都是在玩点线面的平面构成原理。

无论你的海报里要展示的是什么产品或模特,它们其实都可以抽象地归结为是一些基础的图形,比如圆形/三角形/正方形/长方形等等的组合,比如我们平时总是会这样描述我们看到的物品或人;圆形的餐盘,长方形的餐桌,三角形的三明治,倒三角形的身材,椭圆形的脸蛋等等。

所以,你别看我的模版里只有矩形、方形和圆形,但其他任何图形套用在里面道理都是一样的。

并且,我们说的要保持画面平衡、有节奏感、有层次、耐看、透气等等,其实也都是在玩平面构成。

最重要的一点:我们做设计是为达成某种目的服务的,所以你有了这些模版,懂得了这些设计原理还不够,你得清楚你每一次的设计目的是什么,逻辑要保持清晰,脑袋要灵活一点,要有条理。

就像我在前面改版思路理说明的,我每一个文案为什么要放在那个位置,为什么是那个颜色、那种粗细大小和间距,都是基于我很清楚它们的作用分别是什么。

我们做设计是有逻辑性在里面的,而不是随意而为之。

比如我将其中几个模版和效果图做了一个对比图,你会发现它并不是完全按照模版来的,因为具体情况要具体去变动一下。

比如产品图,很少会真的方方正正的放置:

比如我通常会将会将产品做一些倾斜处理,让它不规则化:

再比如下面这种居中排版的样式,还有一个思路是用合成或建模的方式,把酒水拼成一个酒瓶的样式放在正中间,刚好可以用来放文案,大家可以试一试:

比如文案也可以灵活处理,穿插或跳出产品都可以:

再比如产品其实可以不用完整展示,在不影响观看的情况下,切掉一部分也是可以的:

好啦,今天的文章就写到这里吧。

希望看完今天这篇文章,大家也能变成一个思路清晰、做事有条理的设计师,下次再有老板或运营丢给你一大段文字要你排版,就不用慌慌张张啦!~

大家可以把这篇文章拿出来多看看,保准可以把他们伺候得服服帖帖哒!~(具体怎么做效果会更佳,你们懂得)

不信,你试试!~

欢迎关注作者的微信公众号「做设计的面条」,一个干货与文笔俱佳的美女设计师。

微信公众号简介:专注开拓电商设计思维,不定期分享一些个人见解干货,当然也会分享一些顶级创意、摄影、人生感悟方面的好文啦。

tttt-1qr1111

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/16-e-commerce-design-template

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计圈干货 界面设计 排版布局 职场 版式设计 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里