AI
产品
行业
生态

Pixso智能原型动画,让产品设计演示更流畅!

来源: 互联网 作者:佚名 2023-3-31 10:10:24

在APP和网页的设计中,交互动画已经成为不可或缺的元素,如何降低交互动画的创建门槛,制作出更加生动炫

在APP和网页的设计中,交互动画已经成为不可或缺的元素,如何降低交互动画的创建门槛,制作出更加生动炫酷的交互动效?

近日,国内协同设计软件Pixso发布智能原型动画功能,能够智能识别画板之间的差异,自动补齐两帧之间的过渡动画,生成流畅的动效演示效果,让产品、研发快速了解设计师意图,轻松打动甲方和客户。

智能原型动画可以根据交互对象的位置、颜色、形状、大小、透明度、旋转角度等,判断匹配图层的变化,自动补全中间的过渡动画,纵享流畅的交互体验,主要具备以下2大优势:

01.完美还原交互效果

使用传统设计软件进行演示交付,通常需要撰写各类交互文档,甲方或领导仅通过文字和图片,很难想象出最终的交互效果。

有了智能原型动画功能,可以根据画板间元素的变化,自动匹配最佳的互动方案,呈现丝滑流畅的运行效果,交付演示更加直观生动。

02.没有任何学习门槛

很多设计师会选择专业的交互软件,但这些交互软件学习门槛极高,需要创建各类条件判断,甚至涉及一些函数表达式,耗费了大量的创作时间。

Pixos智能动画仅需设置简单的交互事件,将画板间的图层链接在一起,选择智能动画并调整参数,即可生成炫酷的交互动效,无需任何学习成本。

Pixso智能动画还可以根据不同的交互场景,生成不同类型的交互动效,下面通过“智能家居APP”设计案例,为大家进行深入的讲解。

登录页交互

在制作APP登录界面时,使用智能原型动画功能,能够自动识别logo的旋转角度和透明度,呈现渐变弹出的视觉效果,提升品牌视觉记忆力。

点击弹窗的登录按钮,可以根据logo的位置变化,自动缩小并移动到画布左上角,然后再加载页面元素,实现真实的页面过渡加载效果。

首页点击切换

创建APP首页交互动画,使用Pixso智能原型动画功能,可以定位画面中的同一元素,跳转的同时改变元素的位置和大小,生成自然的过渡效果,过程更加生动且流畅。

滑动调节动效

例如灯光调节轨道的呈现,智能动画可以根据颜色、透明度的变化,呈现灯光滑动点亮的效果,任意调节色温等,模拟真实的互动场景。

除此以外,智能动画还可以实现一些高阶操作,满足日常各类交互场景,一起看看吧。

鼠标跟随

想要制作一个炫酷的动效网站,可以创建不透明度为0%的选区,当鼠标移动到不同位置,就会自动切换不同的面部状态,补齐中间过渡的关键帧,为网站首页赋予更多活力。

恐龙闯关游戏

日常闯关游戏的设计,也可以通过“智能动画”功能,模拟出开发游戏的效果,运行过程丝滑流畅,完全不会出现任何卡顿。(键盘交互事件,下个版本迭代)

需要注意的是,在制作交互动效时,两个生效图层命名方式必须相同,才能触发智能动画效果。

Pixso智能原型动画功能,满足你对交互动效的所有幻象,无需太多的学习成本,轻松制作出各种炫酷的演示效果,给设计带来更多的可能性。

据悉,Pixso面向个人用户免费开放,没有任何的条件限制,还支持sketch、XD、Figma、SVG等文件的导入,完美还原文件原始状态,帮你快速生成设计演示动效,需要的设计师可以登录Pixso官网体验。

免责声明: 该文观点仅代表作者本人,Soft6软件网系信息发布平台,Soft6软件网仅提供信息存储空间服务。 未经允许不得转载,授权事宜请联系:support@soft6.com 如对本稿件有异议或投诉,请查看《版权保护投诉指引》

0
好文章,需要您的鼓励

您可能还喜欢这些资讯