一个毛绒玩具凭啥卖这么贵,看完这个PPT,我悟了!

乐活   教育   2024-10-15 07:45   上海  

大家好,欢迎来到Slidecent,

见字如面,我是林利蒙。


前几天做了期典型的PPT改稿
推荐你看下

真的有被这种PPT展示惊艳到!

——正文分割线——


“一杯拿铁”359元,却吸引了全国各地的年轻人争相购买。

没错,就是这样一个看似“普通”的小玩偶却动辄几百上千元

这就是近期火出了圈的毛绒玩具品牌Jellycat

先做个调研

今天就通过PPT改稿,带你认识这些可爱的玩偶。

原稿如下:

信息很多且杂,如果是你会如何设计呢?可以暂停思考几秒钟

其实,面对信息如此繁杂的页面,最好的方式就是拆分页面,来看下修改后的成品。

首先由一张主图开场,缓缓呈现出第一个玩偶


动图

接着左侧的导航栏以抽拉形式依次展现各个玩偶。


动图

最后,玩偶汇聚才一起,并呈现品牌介绍


动图

这样就将一大堆信息分页展现,并通过丝滑的动画串联在一起,是不是非常酷炫呢?

下面就手把手教你做出这样的设计。
文末附源文件

  1. 01. 

  2. 静态设计


分为全图页和单主体设计

设计方法都是比较类似的,以其中一页为例:

蓝色纹理及玩偶图是取自官网的素材。

只需要将元素按照页面里的布局排列好即可。

其中的玩偶大多是白色背景,可以借助在线抠图工具(如趣作图)将其转变为背景透明的图片。


  1. 02. 

  2. 动态设计

整个动画的核心就在于平滑切换的运用,我此前也做过一些介绍

平滑切换的核心就是同一个元素在两个页面间的跨页移动(包括位置、大小、颜色等变化)
本次案例的核心在于左侧导航栏的抽拉式设计。

动图
介绍到某个玩偶时,对应的导航条就会拉出来,其余的则收缩回去,并且玩偶也在平移替换。

首先是导航条部分。

上层是图片,下层是带有数字的文本框。

展示对应的玩偶时,导航条展开,颜色为黑色;展示其他玩偶时,导航条收缩,颜色为蓝色。

并且在2页间添加平滑(变形)切换效果。

这时导航条就能实现跨页间的伸展和收缩。

至于主体物的转换,则是借助在画布外摆放照片实现的。

由于运动方向是向左移动的,因此巴塞罗熊页的右侧就要放置下页的企鹅照片,以便平滑切换时,企鹅向左移动进入画面。

同理,熊的照片也要放在下页企鹅页的左侧,以便平滑切换时,熊向左移动离开画面。同时在右侧放上下一张要进入的兔子照片做预备,依次类推。即可完成整个抽拉式动画设计。

具体可以下载源文件查看设计细节
今晚视频号也会发布视频教程,可以关注一波

如果你想更深入学习PPT,也强烈推荐你学习这门,我独立研发的《PPT进阶课程》


PPT进阶之道
它讲述了PPT设计的底层逻辑及高效操作,让你能够得心应手的应对各类设计场景!

本期源文件下载 



1.点击右下角在看
2.将本文分享到朋友圈秀起来
3.在公众号后台回复:玩偶

在看过50,尽快安排下一期

我是林利蒙
我们下期再见

—— 推荐阅读 ——
真的有被这种PPT展示惊艳到!
做PPT遇到领导丑图,体制内大佬这样做...
3000字长文,教师精品课PPT看这就够了!











‍‍
‍‍
‍‍
‍‍‍‍‍



‍‍

‍‍

Slidecent
精致一点,优雅一点。用专业视角,拆解PPT设计的底层逻辑
 最新文章