最近备受关注的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灵动岛教程,希望对你们有所帮助哦!