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

金珍妮            来源:优草派

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

IPhone14灵动岛交互怎么做 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灵动岛教程,希望对你们有所帮助哦!

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行