分享

【幻灯片高级教程】PPT封面设计总结

 知足则仙 2016-03-29

大家好,我是乌拉拉。
公众号开设还不到2个月,今天收到了微信公众平台原创保护功能的邀请,有些小激动。

 


  • 前几天为了找资料翻了下微博,2012年的作品转发量基本在100次上下.

  • 刚开始共享的教程从【突破PPT】开始到【写给非专业人士的PPT指南】还有Keynote风格的【说服力-与片共舞】以及理财系列。



也有【粉笔效果】等技巧类教程和【PPT逻辑与设计】等思维教程。这些教程转发基本在100-200次。字体设计好像优设转发累计1000多次。


  • 2012年好像是5月份开通微博后秋叶,Lonely_Fish等良师益友们的帮助下作品的推广很顺利。也在那时秋叶和Lonely_Fish曾经找我谈过合作出刊PPT书籍的事情。但那个时候工作太忙,PPT只想作为兴趣2013年后半期开始很少发布作品,更多的在理财方面透入了精力。所以几乎放弃了喜欢我作品PPT风格朋友们的沟通。


  • 开设公众号还不到1个月半,阅读类基本在200次左右,也没通过大号推广,坚持的原因是写给喜欢我风格的老粉丝以及需要帮助的在校学生和刚开始上班的朋友们给予一些实质性的帮助。

 

  • 最近不少朋友们私信问,老师能不能共享关于封面设计的教程?好吧,今天的课程讲关于封面的设计。






封面设计简单的分为2种,居中设计和非居中设计。

 

1.居中设计


居中封面设计案例1
居中封面设计案例2
居中封面设计案例3

通过上面的2张封面我们可以看出居中的设计相对容易驾驭,且美观。

下面讲下设计的技巧,居中设计可以参考珞珈的教程。


文字在6个字以下的居中封面设计结构化板式


利用加粗或填充其他颜色的对比+补助线+英语(英语可加,可不加)

 

下面看案例,非常简单。最近流行的是背景添加宇宙或星空的照片。


6个字以下排版结构化板式,这里我们常用的是1和3.

下面共享利用结构化板式1和板式3制作的封面案例。

利用结构化板式1的案例


利用结构化板式3的案例


文字在6个字以上,16个字以下的结构化排版。


对比6个字以下居中排版增加的是因字数多,要换行。


比如这样长文字换行后加粗,加颜色以及加英文后的设计效果为如下。


下面是6-16个字居中排版的结构化板式。

上面的案例利用板式3可以这样设计。



文字在16个字以上的结构化排版。


对比6-16个字结构化板式增加的是指数过长,需要拆分和换行。


比如这样长文字的字体居中设计后的效果如下。
下面是16个字以上超长居中排版的结构化板式。


2.非居中的美感设计
非居中美观设计分3个内容。

先讲纯色背景+文字的设计。此类设计看起来简单,但也是最难有创意的设计。比如工作型PPT可以这样设计。


但这样的纯色背景+文字封面设计适合普通的工作型PPT,难有大的美感。


其实这样的设计在职场上是很实用,就是难出彩而已。

 

所以想增加美感的话在纯色的背景加一些周边点缀,比如下图的设计。


此设计利用的是右下分割线排版法。怎么做黄金分割线?前节课程讲过利用OK插件,若不想用或版本不支持OK插件的朋友们可以画个线也可以。右下线从右侧开始到聚焦点的距离是大约12.95cm,从下侧到聚焦点的距离大约是7.24cm.


存色背景+加文字的封面设计想更加美观和出彩的话,我推荐居中的设计。但这类设计不是上面讲述的居中设计板式,仅用突出文字设计或排版的居中设计。供4款设计,喜欢的朋友们可以参考。


此款是利用微立体+文字的相交合并形状功能完成的突出主题的文字和形状结合排版。此款设计可以参考前期发布的字体设计教程


此案例是利用三角形组合完成的突出字体型居中排版。需要三角形组合字体的朋友们可以留言处留邮箱地址。


这是布衣公子利用文字的图片填充完成的居中设计。同时文字加阴影设置。


最后一款是利用水平三分线排版制作的居中设计。

总结纯色背景+文字的封面设计关键是突出文字的方式让封面更加出彩和美观。

照片背景+文字的(无形状)封面设计关键是找好视觉点以及利用好黄金分割排版法会让封面出彩。
这个是我做的封面案例,给大家介绍制作的技巧。


GUCCI的字体在视觉线的下方,左侧对齐的是第二次黄金分割线。第三次黄金分割线大约1.90~2.15cm.

 

再看一组视觉点排版的案例。


讲这个案例的目的是,与上面案例不同的是除了视觉点一致外,靠左的字体距离并非第二次黄金分割,而是左右侧相同距离的排版法。


最上方的字体还是靠近第一视觉眼睛的第一视觉点,但与左侧的距离与右侧头部到页面的距离相同。第二段行字体与LOGO前部对齐。不太理解的话相同的封面案例再看一张。


也是利用了视觉焦点和对齐的排版方式。


再讲一个利用2个视觉点的复杂排版。


选择此案例的目的是,因人物不一定在画面的左侧或右侧,也有可能像案例不规则排布。


这样的特殊图片怎么做好?请看解析。

 

我们选择排版的位置是空间较大的右侧,右侧的间距是上面案例的黄金三次分割距离。其实此图片右侧视觉点是鞋底。但以左右侧鞋底为基准排版以后发现上方空间太窄,整体文案太靠上,所以选择了2个撕裂纸效果的1,2间距视觉点。

若图片视觉点在中间怎么设计?这就简单了,那就居中设计即可。



只不过我们要注意的是文字与左右添加的附加视觉点因素要对齐。


总结照片背景+文字的(无形状)封面设计关键是找好视觉点以及利用好黄金分割排版法以及元素对齐让封面出彩。



常用的形状有圆形、三角形、矩形。我们先来看利用圆形的封面设计。

 

先讲利用圆形的封面设计吧。


这是演示之家的作品,利用圆形里添加图标的封面设计,文字利用的是水平三分线排版法。


下方的文字尽量靠近下方的分割线,这是专业和美感。

 

圆形的布局因大面积的圆形难驾驭,所以大部分还是集中在中间位置。


这是利用圆形通过透明度处理可以透视汽车,突出主题的封面设计。

 

也可以通过圆形和文字合并形状的功能制作精美的封面,比如


也可以圆形填充图片的方面制作封面,比如



下面讲解利用三角形的封面设计。三角形利用好的是演示之家。

 纯色背景+小三角形的封面设计案例


案例中的三角形分布在左下角和右上角处,还有一个亮点是利用线型设计了不干扰画面的连接圆形的三角形。

文字的排版利用的是水平三分线排版法和文字居中的设计。

 

再看一组利用小三角形的封面设计。


此案例也是利用水平三分线居中排版法制作的封面,设计中三角形的位置方向准确对在主题文字处。

 

想用中等大小的三角形,我建议添加几个小型三角形和线型的设计,比如下个封面设计案例。

 想用相对大的三角形有2种办法,一种是通过图片背景的三角形布局。


这里讲一些简单的排版技巧。


在前些时候发过的-别说你会PPT中提及过复杂的黄金分割点点位,此案例就是利用黄金分割点位放置了三角形。右侧三角形顶点距离顶部大约2.29cm,左侧三角形顶点距离顶部大约8.22cm.此外还利用了前后对齐的文字对齐方式。讲起来有些复杂,但操作起来也不难。

 

三角形还有一种设计办法就是倒立三角形的运用,比如

看起来断边的部分,最简单的办法是用矩形填充和底色背景一样的颜色放置在上方即可。

 

最后讲解利用矩形的封面设计。
演示之家的作品,这样的封面设计最简单,只要图片选择合理整个画面显得干净利索。工作型PPT想用此风格,建议背景图片是利用公司的全景图或同事的大合集图片。


这是布衣公子的案例,利用的是左上角图片/右下角文字的方式进行排版的封面设计.


也是利用了水平三线分割法.这里EAP字体是字体转换图片后裁剪的方式实现.

 

矩形的还有一种设计办法是渐变+矩形和文字的合并形状功能。比如


若想用半图形+矩形的封面也可以这样设计。


字体利用填充图片的方式进行了美化。

图片+文字的封面设计中讲过利用视觉焦点的排版也能在利用矩形的设计中运用。


矩形的上方与人物眼睛部分对其外,还运用了黄金分割线的排版法。


画红线的是黄金第三分割线,画橙色线的是黄金第二分割线,黑色线是黄金第一分割线。VISION对齐在第三和第二中间位置,人物第一聚焦点眼睛的部分在黄金第一分割线上。矩形的位置也可以和黄金第一分割线对齐,但对齐了以后矩形变小,对矩形衬托的文字视觉点削弱,所以矩形靠第一分割线上方一点。黄金分割线只是参考,在参考位置上可以灵活调整位置和大小。


形状类还有平衡四边形(以及其他图形),
以及利用线型等设计
封面设计内容是我的课程中大部分以讲解的形式进行,所以再图片内写的文字少。所以写文章,上传图片花费了6个小时的时间。希望这样付出努力的公众号课程大家能喜欢,并迅速得到提升,并交流。

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多