Touch Screen Design

这是一个iPad触控屏界面,UI设计和原型交互是用Figma做的,动态线条用了Lottielab,旋转的地球是用Spline做的。

获取气象数据底图 ↓

http://earth.nullschool.net 中选择Equirectangular(等距投影)进行截图,得到一张2:1比例的全景图,然后导入到spline里面作为材质贴图就可以了。正式开发的时候,可以接入实际气象数据,结合三维WebGIS的框架来进行渲染。

获取气象数据底图

在Spline中制作动态地球 ↓

在Spline中制作动态地球

使用Lottilelab制作动态边框 ↓

使用Lottilelab制作动态边框

最后在Figma中合成交互 ↓

最后在Figma中合成交互
Posted on Mar 20, 2024

More by Amy Yangtze

View profile