查看原文
其他

如何设计1张有钱人的海报?

庞少棠 庞门正道 2022-09-04

大声说出来,

你的梦想是不是像这样的:



哈哈,我也是!


那钱跟海报设计有啥关系呢?

说它有关系呢,貌似也没啥关系,说它们没关系呢,怎么可能,学完就可以去搞钱了啊!


今天的干货很干,你需要先喝一口水再开始看。



好了,说主题。

今天的文章我要讲的是排版中的节奏感。






说到节奏感,大家可能最容易想到音乐中的动次打次。其实在版式排版上,同样存在节奏变化。


我先随便打几个字,看不出什么节奏感对吧?



稍微改一下,大家再感受一下。

通过调整大小对比,看起来是不是重点更加突出,视觉上的层次感也更强了呢?



通过对文字大小的变化,引导用户的视线,从而形成视觉上的跳跃性,这就是版式设计中的节奏感。


下面我们再来看一个复杂点的案例。


在UI设计中,表单信息的设计至关重要,对排版的基本功要求很高。没有节奏感的排版往往是这样的:



只是简单的文字堆砌,没有对信息进行视觉上的归类与分级,最后导致用户在浏览的时候,需要自己去搜索想要的信息。所以,没有节奏的排版会是低效的设计。


下面我对信息进行提炼,强化信息的分类,在排版上增加相应的变化,可以得到下面的效果:



现在看起来是不是清晰了很多?


改过之后的设计,主要是对信息进行了提炼和分类,让重点的信息更突出,从而有效提升了阅读效率。


对应在视觉设计上,它背后其实隐藏了强弱的节奏变化。



好了,通过上面两个例子,大家大概能感受到排版是节奏感到底是啥,下面我们来具体看看,好的排版节奏感,一般具有哪些特点。






在商业设计中,我们尽量要让用户第一眼就能抓住画面的重点。强烈的对比,可以使画面的主次更清晰,让用户的视觉更快速的定位到重点内容上。


例如下面这张广告中,画面的内容虽然很少,但是主次颠倒的排版让人完全捕捉不到画面的重点所在。



在进行文字排版的时候,第一件事情并不是选字体或者选颜色,而是认真阅读文案,对文案进行重要性分级,然后提炼出重点信息。



当画面上文案较多的时候,切忌均匀分布,这样会分散掉用户的注意力,让用户不知道从哪里看起。



有节奏感的排版一般主次非常分明,能让人一眼看清重点所在。










所谓阅读动线,就是文字的阅读方向。一般来说,我们选择了什么样的对齐方式,就形成了固定的阅读动线。


例如下面这张图,文字毫无规律,所以看起来很费劲。



我们将所有的文案对齐之后,自然而然就形成了阅读动线。居左对齐的话,阅读动线就是左对齐的基准线,居中对齐的话,就是中间线。



一旦我们建立了某种阅读动线之后,就不要轻易的去打破它,不然的话就会打乱阅读秩序,视觉上也会失衡。



阅读动线并不一定就是直线,也可以是曲线:



对于更复杂一点的排版,一般不只有一种对齐方式,这个时候我们可以通过重心分布,来引导用户视线,从而形成简明的阅读动线。



再看一个反面案例。


有些新手设计师,为了让自己的版式显得很“高级”,故意去模仿高手做的错乱排版,最后造成的结果就是阅读动线混乱,完全没法看。


对齐就好看了






在排版的时候,我们不能一味强调变化,平衡同样重要。最常见的做法是整体的视觉分布上尽量做到平衡,在局部来做变化。这样可以让视觉上达到更丰富的效果。



再拆解一个案例给大家看下。


下面的例子是一个类似杂志风的排版,首先我们看到文案的整体被平均的分布在页面的上中下三部分,并且是弱强弱的变化,然后每部分的样式也完全不同,这样既达到了整体的平衡,视觉上的变化也很丰富。



其实无论多复杂的排版,拆解之后都会觉得很简单,所以对设计来说,永远都是说起来容易,做起来难。


下面我就给大家分享三招非常实用的排版技巧,带大家做出有节奏感的排版。


这个知识点很简单,不需要多讲,如果看不懂学不明,那你就回家。。。





前面我们说过,节奏感的排版最重要的特征之一就是主次关系要明确。在实操中,我们主要通过拉开对比来实现。可能每一位刚入门的设计师都知道对比的重要性,但是真正做起来又是另外一回事。


下面我们来就一个实操案例,看看如何用对比的手法,做一张看起来就很有钱的海报。


第一步:

当然是直奔上题,打上超大的“有钱”。




第二步,

接着,再加一个超级有钱的人。



怎么样,

有钱的感觉一下就来了吧?


第三步,

对细节进行雕饰,重点在于让有钱人一看就很有钱!




第四步,

继续优化细节,让有钱人有钱的同时,也散发出人性的光辉。




第五步,

丰富文案和排版细节。



OK,收工!

做完有钱的海报,是不是觉得自己也马上有钱了!



小伙子,我看你的手相,是富贵命啊。




再来看一个改稿的案例。


下面这张某卫视的综艺广告,先不说设计风格如何,单论文字排版,读起来实在让人难受。在排版上它用了黑色和彩色的对比,来突出主标题,但是效果只能说,,,令人眼花缭乱。



OK,废话少说,下面当然是来看看怎么修改。


第一步,

原图的文案略显啰嗦,进行一下适度的简减,让它读起来更有节奏感。



第二步,

把中文和英文从字体和颜色上进行区隔,英文用了粗壮的无衬线体,中文则选用更精致的宋体。



到这一步,我们看到文字的对比度其实还不够,中文和英文相互干拢,主次关系并没有被突显出来,需要进一步优化。


第三步,

接着我们将背景改成浅色系的蓝色渐变,英文字改成白色,让整个画面看起来更加轻盈活力,与节目的气质更加相符。同时也可以让标题文字的主次关系更加明确。



结合文本的意思,给中文字体加模糊效果,产生一点动态的感觉,和英文字形成动静对比。


第四步,

确定画面主体之后,我们按照左右布局的方式,将其它信息用细一些的字体和字号排在左边,形成主次对比。



简单解析一下用到的对比方式:



最后再和原图对比一下:




OK,

看下一招。





不知道大家发现没,很多优秀的海报字数都非常多,但是整体排版非但不混乱,反而看起来很有节奏感,很饱满。


比如说像这样的。



还有这样的:



这些排版的最大特点是文字都是编组,成块形状的。不管是留白还是图文,尽量形成整块的空间,尽量避免零碎的元素出现。



这种排版方式,我们称完形排版。


简单来说,就是将画面中的图文编组,形成固定的几何形状,让视觉上看起来更统一。



这种方法经常用来排版一个文字组,看起来既严谨,又有所变化。完美符合我们前面所说的节奏感排版原则:局部有变化,整体要平衡。



OK,

下面就来看一个实操案例。


第一步,

先摆上外观极具赛博朋克风的重力星球P9耳机。




第二步,

完形排版做起来其实很简单,一句话,填空就行了。填空之前,我们需要先画好格子。




第三步,

将主要的文案找到合适的地方排上去。这里要注意,文案要分出主次,非主要的文案我们尽量用小字号,或者描边空心字体,降低视觉上的噪音。




第四步,

继续完善文字排版。

到这一步,完全就是填空题,将画面中的空隙用装饰图形或者小文字填满。




第五步,

完善细节。

给背景添加纹理,以及其它装饰元素,让画面的细节更饱满。



是不是很简单?

只要画好格子,然后填满,一张非常酷炫的海报就排版好了!

对了,如果觉得这个重力星球圈铁耳机很帅,想要下单,可以扫这里哦~

当然,这个不是今晚重点,继续往下学知识!


好了,

继续看下一招。







我们的眼睛在阅读信息的时候,总是希望第一时间就可以定位到焦点,或者找到规律。而利用基本的几何元素,能很好的帮我们达到这个目的。


比如将重要的文字圈起来,就可以迅速的形成画面焦点。



用几何图形分割画面,形成文字组:



还有一种办法就是用几何图形形成明确的方向感,或者空间感,这样用户很快就可以将用户的视线代入,让用户视线沿着既定的阅读动线走。




好了,

下面还是要看实操案例。


下面这张广告图也用到了几何元素来排版,但是效果不尽如人意。最主要的问题在于线条和色块所引导的方向,跟文字内容以及模特没有形成呼应,所以看着很不自然。



我们来将它优化一下。


第一步,

医美的主题明显偏女性化,所以我们在几何图形的选择上,可以柔和一些。先画几个圈圈来试着建立构图轮廓。




第二步,

在画面的正中心的椭圆中放入医美模特,然后将标题文案大概排一下。




第三步,

完善画面元素。

调试背景色,并将白色的圆更换成透明的玻璃,让画面看起来有种通透干净的感觉。



第四步,

进一步优化细节。

将主标题文字与玻璃叠压部分做出模糊效果,看起来更有层次。再将右边的小圆圈换成文字,这样几个圆之间就形成了上下叠压的空间感。




第五步,

完善其它文字细节。



完工!


再来对比一下原图:



是不是看起来专业了许多呢!



好了,

今天的教程内容就到这。


走了~


下面是你们自己动手的时间。

----------------------------------


结合今天讲的内容,修改一张banner或海报,让它的排版更有节奏感。


尺寸:

宽度 1000px,高度不限。


格式:

提交作品的时候,需要把你的文件命名修改为:

你的名字-你的QQ-作业,如:阿门-QQ12345678-作业.jpg

不要ai或者cdr等格式,也不要压缩包


邮件标题:

20211102-你的名字-QQ-作业


请注意-------------------

从这期作业开始,大家需要在作品中添加“庞门正道”或者“Artman design”的文字,以防止有人从网上盗图。

--------------------------


我会选择3位同学送出庞门正道定制本各一本,这个是只送不卖的纪念品,纪念你曾经努力的意义。


下期教程出来的时候公布优秀结果,投稿邮箱:

2994247228@qq.com


上期的作业一共收到59份作品,大家辛苦了:)


全部作品截图:


很多同学都十分用心的在做作业,相信时间会见证你们的进步,下面精选出3位同学送出小礼物:



01号作品



丸子

简单的裁剪一下,换个背景,氛围感瞬间拉满,一个字:赞。



02号作品


文奇

两张都是以建筑工地为主题,落日那张感觉更好。如果两张在色调、排版和主题上更加统一,会显得更有力量。


03号作品

晓汐

表达父爱的主题,这谁受得了!必须上榜。视觉上略有不足的是,树和天空的过度处理有点不够自然。



以上三位送出庞门正道定制本各一个



-----------------------

好了,

学到干货的同学请大方地点击一下喜欢作者!!:)


这样下一期干货来得更快!


(在公众号回复:色彩教程,排版教程,有惊喜)




 

越努力,越幸运。

这里是庞门正道。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存