IPhone14灵动岛交互怎么做 Figma制作IPhone14灵动岛教程

最近备受关注的iPhone14的发布，相信很多小伙伴们都有关注。在所有的新功能升级中，最为受关注和期待的就是iPhone14pro的灵动岛功能。作为学习设计的小伙伴对这个一定非常敏感，灵动岛功能也是一个非常好的交互示例，接下来就由小编来为大家带， Figma制作IPhone14灵动岛教程，赶快学习起来吧！

1.首先我们打开Figma，将gif格式的素材拖入进figma等待加载，加载完成之后，我们进入文件。

2.按住ctrl键加鼠标滑轮，就可以对画面进行放大或者是缩小了。

3.接下来用Figma中的原型功能，制作一下动效部分，我们先进入画板01，将设计模式调整为原力模式，然后点击画板01右侧的空心点。

4.接下来，同时按住鼠标左键拖出连接线，连接到画板02，我们再用空格键与鼠标左键，调整一下画板的位置，我们将即使切换再改为只能动效。

5.动效效果使用Ease out，动效时间调整为400毫秒。接着直接链接02-06的画板，然后再连接06-07画板。

6.在细节交互中，需要把交互方式调整为延迟触发，时间设置为20毫秒。动效时间调整为5000毫秒。

以上就是小编为大家带来的，关于Figma制作IPhone14灵动岛教程，希望对你们有所帮助哦！