如何用Pixso做动效设计?操作步骤有哪些?
李冰琪
优草派
动效设计对于UI设计具有非常重要的意义。尤其是在移动端的设计中,好看的画面和有趣的动效可以有效的吸引用户查看浏览。好的交互设计能够吸引用户的注意力,增强用户体验感,使用户心情愉悦并且能够建立和产品之间的情感,同时又可以增加产品和设计的价值。那么下面我们一起来学习了解如何用Pixso做动效设计。
添加动效
1、首先我们需要在界面右边看板中找到【原型】按钮并点击,即可进入原型模式。
2、在没有选中草图的任何交互热点时,原型看板会默认让用户挑选【起始面板】。选择哪个页面作为起始面板,原型就会从哪个页面开始演示。
3、当我们选定了原型中的页面、组件或图标时,需要为它们添加【交互事件】,来设置更复杂的触发条件,【+】为添加;【-】为撤销。
4、当我们设置为【按下】时,即可播放动效效果。原型动画默认项为【即时】,并支持各种动画效果,通过动画的效果组合可以生产多种不同的交互表现。
5、每一项动画下面都会有动效的效果预览功能,可以辅助我们更好地了解动画的实际效果。
以上就是关于如何用Pixso做动效设计的操作步骤,在pixso中设计动效的方法很简单,并且可以支持各种动画效果,组合生产出多种不同的交互表现。
【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。