收藏文章 楼主
Google内部PPT曝光,把极简设计发挥到极致了!
网友【chuang】 2020-09-06 01:51:50 分享在【时代发展的印记】版块    4543    1    4

前几天,在一家国外 PPT 设计工作室的网站上,看到了一份谷歌的 PPT 。

网友分享在meiguo.com上的图片

页面的视觉,还有动画设计,都非常赞。

网友分享在meiguo.com上的图片

网友分享在meiguo.com上的图片

关注我@旁门左道PPT,回复关键词【极简谷歌】,一键获取PPT源文件。

整体运用了极简风,这是谷歌家族的传统调性。比如他们的搜索引擎界面:

网友分享在meiguo.com上的图片

我一直很喜欢他们家的极简风,在花里胡哨的网络里,显得格外特殊。

这样的PPT,运用到工作中,既可以有炸点,又没有花里胡哨的东西,是再合适不过的了。

所以,一时手痒,就花了一些时间,把它给还原了出来,并且对部分页面的设计,做了小的改动。

网友分享在meiguo.com上的图片

这个文件也一起分享给大家。

在还原的过程中,我发现一个非常简单,但是做出来效果很炸的动画小技巧,手把手教给大家:

元素滚动效果

在我模仿这个页面的动画时,最简单的方式是借用平滑切换:

网友分享在meiguo.com上的图片

但如果你的软件版本不高,也可以使用直线路径动画完成。

而操作过程呢,也会非常简单。这里分为两个部分,咱们分别来说。

首先是文字部分,它会有一个向上滚动出现的动画:

网友分享在meiguo.com上的图片

这里的话,制作太简单了。怎么做呢?

首先,我们需要把所有的人名纵向排列:

网友分享在meiguo.com上的图片

然后,添加一个向上的直线路径动画:

网友分享在meiguo.com上的图片

但是要注意,因为每一次,我们只让它出现一个人名,所以,可以在上下两侧,添加一个色块进行遮挡。

就像这样:

网友分享在meiguo.com上的图片

如此一来,就可以实现人名的滚动效果。

网友分享在meiguo.com上的图片

接下来是照片的部分,它的运动轨迹是从右向左:

网友分享在meiguo.com上的图片

操作的手法也是一样的,给每一个人物的照片,添加一个向左的直线路径动画:

网友分享在meiguo.com上的图片

然后呢,为了让动画更加流畅,可以调整直线路径的平滑结束效果:

网友分享在meiguo.com上的图片

最后,为了让几张照片的出现更有节奏感,我们可以那几张图片同时出现:

网友分享在meiguo.com上的图片

并从第2张图片开始,依次添加一个延迟时间,我这里添加了一次延迟0.2秒:

网友分享在meiguo.com上的图片

这样就可以让动画的节奏感更强:

网友分享在meiguo.com上的图片

出处:头条号 @旁门左道PPT

meiguo.com 发布人签名/座右铭我已经有美国绿卡了,只差美果绿卡啦!
大家都在看
楼主新近贴
回复/评论列表
默认   热门   正序   倒序
meiguo.com 创始人

emotion

4   2020-09-06 01:51:50  回复

回复/评论:Google内部PPT曝光,把极简设计发挥到极致了!

暂无用户组 升级
退出
等级:0级
美果:
美过

美国动态 美果转盘 美果商店

Your IP: 18.208.203.36, 2024-03-19 18:51:41

Processed in 0.73871 second(s)

头像

用户名:

粉丝数:

签名:

资料 关注 好友 消息
已有0次打赏
(4) 分享
分享
取消