这是一个iPad触控屏界面,UI设计和原型交互是用Figma做的,动态线条用了Lottielab,旋转的地球是用Spline做的。
预览 ↓
获取气象数据底图 ↓
![monitor UI Figma user interface UI/UX app design iPad touchscreen interactive interaction](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/a8c514194335927.65fa823d9b697.jpeg)
在http://earth.nullschool.net 中选择Equirectangular(等距投影)进行截图,得到一张2:1比例的全景图,然后导入到spline里面作为材质贴图就可以了。正式开发的时候,可以接入实际气象数据,结合三维WebGIS的框架来进行渲染。
在Spline中制作动态地球 ↓
![monitor UI Figma user interface UI/UX app design iPad touchscreen interactive interaction](https://mir-s3-cdn-cf.behance.net/project_modules/1400/f0637d194335927.65fa823d9a6e5.jpeg)
使用Lottilelab制作动态边框 ↓
![monitor UI Figma user interface UI/UX app design iPad touchscreen interactive interaction](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/655c98194335927.65fa823d9c3c1.png)
最后在Figma中合成交互 ↓
![monitor UI Figma user interface UI/UX app design iPad touchscreen interactive interaction](https://mir-s3-cdn-cf.behance.net/project_modules/1400/c6474f194335927.65fa823d99726.png)