Framer推出3D变换功能丨设计体验再升级

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

Framer推出3D变换功能2.jpg

UI设计和交互制作工具Framer在最新一次更新中推出了期待已久的3D变换制作功能。此次新增功能让用户能在Framer中直接创建各种3D动画效果,例如常见的卡片翻转动画,而无需外部3D软件的辅助。

这个功能有点类似以前Adobe XD的3D变换功能,用户可以在Transforms面板中找到全新的3D变换选项,包括3D旋转(3D Rotate)、3D倾斜(3D Skew)、3D缩放(3D Scale)等。

以3D旋转为例,用户可以为Frame设置hover动画变体,在X、Y、Z三个轴向任意角度进行3D旋转,视觉效果十分立体动态。通过调节旋转角度和透视深度参数,可以实现物体翻转、360°旋转等丰富的3D动画。

Framer推出3D变换功能3.png

3D倾斜则能将Frame元素倾斜到一个3D平面上,营造出极具视差的立体效果。用户还可以同时设置旋转、缩放等多重3D变换参数,塑造出Frame元素在虚拟3D空间中自由翻滚飞行的逼真动画。

上述3D动画不仅可以应用于单一Frame,还能运用到任何Framer组件甚至整个界面中,为APP、网站等注入全新的动态体验。

除了上述基本3D动画制作外,Framer官方还展示了一些复杂的3D应用场景,如Frame翻转后能够揭示全新内容等惊艳效果。

此次Framer 3D动画新功能扩展了Framer的设计能力和表现力,让3D轻需求的用户们多了一个工具选择。

demo:https://framer.university/resources/windwheel-3d-animation-in-framer

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速、安全、高效、私密的UI设计团队云协作
立即部署>>
标记狮私有云部署-一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作