如何用Pixso做动效设计?操作步骤有哪些?

动效设计对于UI设计具有非常重要的意义 。尤其是在移动端的设计中,好看的画面和有趣的动效可以有效的吸引用户查看浏览 。好的交互设计能够吸引用户的注意力,增强用户体验感,使用户心情愉悦并且能够建立和产品之间的情感,同时又可以增加产品和设计的价值 。那么下面我们一起来学习了解如何用Pixso做动效设计 。

如何用Pixso做动效设计?操作步骤有哪些?

文章插图
添加动效

1、首先我们需要在界面右边看板中找到【原型】按钮并点击,即可进入原型模式 。
2、在没有选中草图的任何交互热点时,原型看板会默认让用户挑选【起始面板】 。选择哪个页面作为起始面板,原型就会从哪个页面开始演示 。
3、当我们选定了原型中的页面、组件或图标时,需要为它们添加【交互事件】,来设置更复杂的触发条件,【+】为添加;【-】为撤销 。
4、当我们设置为【按下】时,即可播放动效效果 。原型动画默认项为【即时】,并支持各种动画效果,通过动画的效果组合可以生产多种不同的交互表现 。
5、每一项动画下面都会有动效的效果预览功能,可以辅助我们更好地了解动画的实际效果 。
【如何用Pixso做动效设计?操作步骤有哪些?】以上就是关于如何用Pixso做动效设计的操作步骤,在pixso中设计动效的方法很简单,并且可以支持各种动画效果,组合生产出多种不同的交互表现 。

    推荐阅读