Halo,大家好,我是子安。
最近在做邵大的旁友圈作业,这次作业主题是微信读书,并且在这次作业中尝试了新的风格,所以这次我们来做一个复盘总结。
原稿是这样子的:
拿到原稿,我们首先要确定设计规范,也就是确定风格、配色、字体。
01 风格确定
因为这是一份介绍微信读书的 PPT,所以我先去了官网上找灵感。
(图片来源网络) (图片来源网络 )官网上有2个版本,一个黑色风格页面,一个是水墨风格页面,没有其他多余介绍,并没有给我太大的启示,本来打算通过常规的商务风来完成这次作业的,但是发现旁友圈大神们商务风的作业太优秀,所以这次想要出彩的话,只能转换风格,另寻他法,但是目前又没有什么灵感,怎么办呢?
在我把花瓣、站酷这些设计网站翻了一遍,冥思许久无果后,回头看了一眼 LOGO,突然好像有那么一丝灵感了。
我们先将 LOGO放大看是这样子的。
那如果将蓝白颜色互换,就是这样子的。
然后再仔细看一下,内部白色的形状有点书本的感觉,那外部蓝色的如果做成书框或者书皮呢?想到做成书框,那剪纸风无疑非常合适的。
(素材来源:旁友圈 )通过找来的剪纸风素材对比,好像有那么点感觉,那我们把剪纸画出来看看。
第一层:
第二层:
效果还不错,即体现了LOGO,又有一定的纵深感,如果在里面加入一些插画元素,还有点书中自有万千世界的感觉。所以,风格就确定下来了,剪纸风!
02 色彩搭配
色彩就采用 LOGO 色-蓝色,然后再选取几个不同明度的蓝色作为对比色,这里我是直接参照了蚂蚁体验科技提供的配色。
(素材来源网络 )
03 字体搭配
因为主题是微信读书,文学性质比较强,所以正文字体采用较为优雅的思源宋体,而标题字体,根据标题“让阅读不再孤独”,采用较为欢乐活泼的站酷快乐体。
OK,整体设计规范基本就定好了,我们进入到具体页面修改。
04 页面优化
1、封面页
原稿标题是让阅读不再孤独,所以我找了一些和阅读有关,并且能体现不孤单的插画素材。
(图片来源网络 )然后挑选一张素材作为封面元素,利用在线抠图网站Remove去除背景,放入到我们定好风格的页面中,初步排版。
页面右边有点空,再从找来的素材里面扣一些元素放进去。
页面丰富了一些,但是我们细节上还可以继续优化。
1、标题设置阴影,凸显层次;
2、利用形状柔化边缘模拟影子(如梯子、木马),营造真实感。
2、多文字页
我们先对内容进行梳理。
然后我们在前面找的素材里面挑个合适的素材,利用Remove扣去背景,放进来看一下。
剪纸和封面的一样,连续看下来视觉会有点疲惫,我们将剪纸稍微调整一下。
3、数据图表页
这一页是微信读书的用户分析,前面找的素材里面我发现有一张非常的适合。
但是放进页面里面,有点挡住上面的信息,所以我们可以进行水平翻转,翻转的时候要注意文字也会一起翻转,可以利用PS处理,或者利用形状进行遮盖。
图表内容上,考虑到整体风格的融合度,我将年龄分布图转成了柱状图,并且绘制了一个圆角三角形进行填充,让图表看起来比较圆润;性别分布图则换成圆环图,并且绘制一个弧形覆盖在圆环上,制造层次感。
然后将表格放入页面进行排版,效果就是这样的,看起来还可以吧?
为了在细节上进一步优化,我们还可以继续利用椭圆柔化边缘模拟人物阴影,然后再通过布尔运算的剪除功能,在小卡片上打了个洞,让其有种书签的感觉。
4、多项内容页
这一页内容上已经精炼的差不多了,我们只需要插入素材,简单排版即可。
5、整体效果
OK,本次复盘到此结束!
我是子安,我们下期再会~
PPT源文件获取:
关注公众号【子安PPT】,后台回复“微信读书”即可获取源文件。
网友评论