怎样学习设计一张海报设计

来源:网络   作者:热心网友   发布时间:2017-04-12    浏览次数:159

5f2358e04bfca801219c7770b2f4.jpg


这是一张在Pinterest找到的海报(现在需要翻墙才能上到这个网站)。

今天的分享内容主要从排版入手,拓展出一些版式技巧。


版式技巧Plan A——3B原则

Beauty(美女) Baby(孩子)Beast(动物)是最具吸引力和最常使用的三类视觉元素。


3B原则是广告中的通用原则,感兴趣的同学可以去找一些优秀的广告观察一下3B原则的使用。


这里对3B原则做一个补充:

眼睛也是增强视觉度的非常好的元素。


这张海报的设计就在着重强调眼睛,用黄色的矩形使读者不自觉的与海报中的人物产生交流。

(黄色和黑色的配色使用再次出现,可见这是一个配色的规律,当我们想强调重点,增加视觉的的时候,可以使用这种颜色搭配)


我们尝试一下不做黄色矩形这样的强调,单纯放一个人物会有怎样的差别。

6f7058e04f24a801219c778f928b.jpg


哪个更能吸引你?

很明显,右边黄色的矩形在不断的提醒读者注视人物的眼睛,

从而和海报产生互动和交流。


同样的手法还能怎么用?

根据3B原则(美女、孩子、动物),可不可以把矩形加入到美女、孩子或者动物上进行强调?

4e7158e0504aa801219c77c93548.jpg

同样,你可以尝试把这两张海报中的方形去掉,做一下对比。


接下来说重心和骨架

一个版面和一个人是一样的,要有重心才站得稳,有骨架才撑得起来。

bdfc58e05111a801219c773f2578.jpg


我们的视觉中心在左边眼睛这里,

所以一级信息(矩形内黄色文字)的排版是左对齐,来强调重心。


这里有一个很有意思的小细节,

就是为什么设计师要强调左边而不是右边?你有没有发现,

照片人物的头是向右偏的。


这也是为什么上下两排文字选择居中对齐,因为要平衡画面

(我相信这几段文字的左右关系,设计师一定调整了很多遍才达到均衡)


版式技巧 Plan B——文字排版

这里补充一个私人文字排版小规律:

为什么海报黄色矩形内的文字不强制对齐?为什么文字是上面短一点?

你有没有发现,很多版式,都是采用段落段尾错落的排版。

(这里不考虑文字内容的因素,单纯从视觉舒适度上出发)


835358e052ffa801219c7733f48e.jpg


就这张海报,先来做一个对比:

292258e0535fa801219c77e4eb50.jpg

你觉得哪一个更精致?


这里总结一个文字排版小技巧(忽略文字内容导致的分行)

文字使用“短长短”排版


d4f558e05415a801219c77574142.jpg


备注一下:

这只是属于个人总结的小技巧,具体的排版还是要看内容。

因为有的客户会要求某些内容就是不能断句的,这个时候你跟他说短长短比较好看,

那这个单子估计要黄了。


再来说说这个版面的骨架

在做拆解的时候,个人会比较喜欢拿黄金分割线来做


(这个拆解方法每个人都是不一样的,个人认为没必要去记忆太多的分割理论,我用黄金分割,如果你用张子健老师的气韵理论,同样可以分解,好东西遵循的大道理是差不多的,最后你会发现,好的版式,一级信息永远是落在关键点上)


139658e055a7a801219c77c4f613.jpg


这里喔用了两个黄金分割的网格来划分海报,总结一下:

·人物的眼睛正好在整个页面的黄金分割点上;

·人物的正脸位于黄金分割的九宫格内;

·黄色矩形内的黄色文字的位置,右边竖着的标签位置;

·几个重要信息的布局,是一个三角形构图。


所以经过拆解,我们可以进行规律的总结:

如果一张白纸,你不知道怎么排版的时候,先把黄金分割线组成的九宫格拿出来;

重要的信息你可以先选择九宫格的四个交点的其中一个放着。

然后根据黄金分割网格,再做其他调整。


而且一定要谨记:

排版永远做的都是信息逻辑,不是画面好看!


最后,这篇文章最重要的不是技巧点的总结,而是一种学习方法!所有的事情方法才是王道,要洞悉规律才能很快的成长。

知道别人为什么好,比不动脑子的临摹要管用的多!

联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/5875.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通