我们在日常使用一些App的时候,可能会因为它们的设计而喜欢上一个软件,今天,我们就用网易云音乐的App的设计,来做一份网易云的PPT模板。PPT原件文末福利区见~
本期话题:从APP设计里提取PPT设计
首先需要给大家讲一个设计PPT的原则,即:设计与内容结合原则。尤其是当你需要做一份有明确内容对象的PPT的时候,举个栗子:
如果你要做关于支付宝的一份PPT,那你的主题色肯定是蓝色,而不能用红色
果你要做一份关于微信的PPT,那你的主题色肯定是绿色加黑色的。
举个反面例子,如果你需要做一份关于京东的PPT,这样的配色和风格明显是不行的,都没有出现京东的特色的奶茶红,肯定不过关~
是什么原因,看了这两张图大家心里也就清楚了几分吧。这个原则,在之前我们的文章中也提到过~
我暗示的是不是太明显了?我们看网易云音乐的打开时的画面以及默认页面:
主题色很明显——红色。那如果做一份关于网易云的PPT,我们的主题色就是红色。
首先,我们看首页我们怎么模仿。也就是网易云音乐的开始画面。
分析:
图片可以放大看一下,元素包括背景人群,透明圆圈一些装饰线条,文字元素包括中间的部分和下面的小图标+文字的部分。
元素分析后要做的就是将元素按照重要的级别进行分类。然后将竖版变为横版。(一页君有话说:往期文章也有提到这个哦~)
恕我直言,这一页的元素一个都不能删,因为本身就是简洁路线,再删元素就变成简陋了。
操作:
保留红色背景,将人物图片透明度提升(可以不用抠图,不识这里是为了1:1模仿才抠图的),圆圈直接设置透明度,根据整体颜色的敏感程度进行调整,其次就是右上角部分线条,也是调整粗细和透明度。
文字部分的处理,“音乐的力量”可以选择其他字体,或者更换成你需要修改的内容。
底下的部分,我们放大看一下:
这一部分包括,网易云音乐的图标和相关文字。图标我们可以在阿里巴巴矢量图标网站(往期文章提到过)上下载。
字体方面上面使用的是造字工房的字体,下方使用的是思源黑体light。(一页君:我已经贴心的给大家打包啦)
播放页面,这一页,主要是娱乐,实用程度不是特别强,但是也不是没有。
例如后面的毛玻璃特效加一层阴影,就很骚,可以用在很多PPT里面。
如果你下载了这份PPT,这一页,不识留了一个小彩蛋,你可以点击播放按钮试一下会有什么效果。
分析:
推荐页的模仿主要是模仿上半部分,即“推荐歌单”上面的部分。
这部分元素包括:标签,图片,图标,文字。
具体的排版,等比例放大即可。
操作:
有选择的模仿,例如搜索框就不在模仿范围之内,因为毕竟我们要做的是PPT,并不是一个APP界面。
其他的,例如PPT页面内的,整段文字部分,就是根据需要来增删。为你需要的内容去服务。
分析:
会员专区的模仿也是上面的部分,我们来看一下,在不同页面,背景有什么不同的改变:
我们可以见到,在前方图片发生变化的时候,后面的背景也在跟着改变,我们需要的元素包括:图片,背景效果图片,图片的文字描述。
操作:
在模仿的时候,因为我们要做的是PPT,还是要为内容服务,所以进行了部分删改,以满足PPT的使用。
我们在操作的时候,需要添加动画,如下:
这个动画用PPT2016及以上版本可以很容易就实现,即切换选项卡里面的“平滑”。但是,令人无奈的是,低版本不支持
不支持不代表做不出来,只是比较麻烦。这里不展开讲了。
之所以不再继续详细讲,是因为,后面的操作大抵如此。大家直接看模板。
不止是网易云音乐,很多APP的设计都可以变成你的PPT的一部分。如果,你觉得比较有把握,可以去找个你喜欢的APP做一下PPT,岂不是美滋滋,李不识和一页君都期待你的回信。
后台回复“网易云音乐”获取该模板,不识初来乍到,大家多多关照呀。
他不让我放照片,一页君还是偷偷放了,嘻嘻~
另外,有PPT设计能力的小伙伴,后台私信一页君,一页君正在找更多的小伙伴呢~