

Hello,大家好,见字如面,我是常小二。
10月虽然没去成桂林,倒是做了一份关于桂林山水的作品,就算是云游桂林吧,下面就把本次作品进行拆解和复盘,分享作品的设计思路。
好吧,直接进入正题:

以上四页原稿,内容涵盖了封面、多段内容、多图展示、以及图表的四种排版,也属于是一份典型的旅游介绍型PPT。

根据主题内容,我们得知是关于广西桂林的一份宣传旅游介绍,所以对于风格上的呈现,就非常好判断了,因为作品的意义是吸引消费者前来旅游,所以整体的风格就最好是以桂林山水的实景作为主要元素。

首先在各大摄影、设计网站去翻阅了关于桂林风貌的特征。(摄图网、觅元素)

找到了一张比较符合桂林整体风貌的图,而且是PNG格式,也利于后期图片背景处理。

根据图片内容,我选择了云游手书作为标题主体字,更能衬托出桂林的韵味和文化,色系上我选用了图片中的蓝色系,为什么没放绿色进来?因为实景图片其实本身色块相对饱和,用蓝色做明暗渐变更能突出内容,彰显大气。
好啦,只要设计规范确定了,接下来的排版就容易多啦。
我们还是一页一页来拆解过程。


像这种封面文字内容比较少的,其实是有一些排版难度的,难度在于如何让画面更饱满,或是担心版面留白太多。

第一步:把封面字体更换为设计规范里字体后,为了让文字更有层次,将部分文字字号统一缩小后设置字体渐变,再将背景设置一个以中心渐变的浅蓝色作为底层。

第二步:把找好的图片放进页面里后,适当的将图片放大,一方面是画面更饱满,另一方面是画面右下角有一些浮在水面的石头杂草,放大后能让画面更干净。

图片放进去后发现一个问题,就是文字与桂林山水图不太相融合,字体颜色是蓝色系,图片色系偏绿色系,极大的影响画面内容。
那么就需要对图片做调色处理:


第三步:通过OKPlus插件里的图片调色功能,就能将图片的饱和度适当的降低一点,用法比PS还方便。

第四步:加入云层、白鹭、渔船等修饰素材来丰富和点缀页面。


我们做内容页会经常遇到大段大段文字的内容,有些时候甚至要求不能删减文字,所以这时就需要去读懂去理解信息的含义后再进行提炼排版。

第一步:提炼出每个段落的中心思想作为标头,删除多余的口水话、连词等信息。

第二步:根据内容,找到了一张桂林主城区的全景图(来源:摄图网),比较符合这页的信息,尝试着把图片放进PPT。

是的,大家也看出问题来了,虽然图片很合适,但是与文字相融不了,搭配太花了。
那就需要对图片做透明处理:


第三步:OKPLus插件的图片透明功能就能解决这个问题,让图片的垂直、水平方向做渐隐效果,既能凸显图片内容又能展示文字。

第四步:在三段文本内容下叠加一个形状并设置渐变颜色,目的是让文字内容清晰。

问题来了,将内容全屏放大看,发现虽然叠加了一层渐变形状,但是全屏看始终还是会影响文字,这里有个小技巧,既能让背景不花,而且还能做一些创意元素来突出内容。

第五步:将桂林城市图片多复制一张,一张用于背景做虚化处理(艺术效果-虚化)放在最底层,另一张图通过抠图只保留图片二分之一后至于顶层。

总共就是三层内容叠加(底层:背景图虚化,中间:文字形状层,顶层:桂林城市图)。

最后,在三层图层之间叠在一个云雾素材,气势就出来了。


多图排版也是排版中经常遇到的一种类型,往往一个页面会放6张、8张,甚至10张图片,当然一般情况下,只需要对图片对齐处理或者是添加一个外框即可。

无非就是图片形状上的不同,把图片做成圆形、矩形,竖式矩形,但是考虑到是一份旅游景区介绍,有没有一种方法能放大景区的内容呢?

还真有,那就是通过抠图把每个景区的轮廓特色抠出来。

好处是通过轮廓的形式让图片破茧而出,视觉上更容易抓住消费者。

最后,加上标题框和装饰素材,一张视觉有层次感的景点介绍图就出来啦。


最后一个页面,也属于PPT里基本必备的一个页面,那就是图表页的设计。

第一步:因为涉及到视觉上的统一,那么我们设计表的第一步同样是先删除原有样式,只保留文字,在将具体的内容,比如数字进行对比设计,突出主要信息。

第二步:叠加一层圆角矩形框并设置渐变色作为图表内容的背景图,用了一些箭头素材和线条素材作为修饰来辅助内容。

第三步:为了让整页画面更有场景感,叠加了一层水面素材,外加4艘渔船,哇,步入仙境。
以下为四个页面的最终设计图:

源文件领取
在公众号后台回复 「桂林」
即可获得本案例源文件。
今天的内容就分享到这里。
如果文章对您有帮助
非常希望得到您的 「在看」与 「分享」
下期再见
6666666