ProtoPie视频教程全集,UI动效原型进阶之路

前言:本期主要向大家分享ProtoPie视频教程全集,适合UI设计师和交互人员学习,开始ProtoPie入门至进阶的UI动效原型进阶之路吧。

UI动效使用越来越常见,通常要到UI交互动效的主要目的就是向客户、上司或团队更友好的展示设计方案。这样做的好处不仅能更清晰表达方案,让观看者有一向身临其境的体验,同时也更容易打动他们,提升过稿率。

交互动效的工具其实还有很多,较早时有Axure、Pixate,后来的Origami、Hype、Flinto、Principle等。有的还使用Keynote来实现简单动效,这些软件都有各自的优缺点。笔者体验过Pixate、Flinto、Principle这几款交互动效工具,但并不太理想,有很多效果实现不了。所以最终推荐使用ProtoPie来实现动效设计。

ProtoPie 和其它交互工具对比,它有着自身的几个优势:支持更多触发条件,诸如 3D、陀螺仪、声音、震动、设备间交互、变量等等。同时,自带原生中文,支持 macOS、Windows 双平台,对交互设计师来说,这些功能非常合适。

从界面中我们可以看到,ProtoPie的界面相对还比较简单明了,包括对象 触发 反应(行为)都可以在界面中一目了然。

点击图片查看大图

ProtoPie视频教程

我们推出了一门课程: 《ProtoPie动效原型进阶之路》,由腾讯设计团队录制,全课共12课 。适合从零开始学习ProtoPie的设计学习,从入门到进阶了解交互动效的制作。

ProtoPie视频教程第一课:ProtoPie 介绍、界面与基本操作

ProtoPie视频教程第二课:与Sketch协作

ProtoPie视频教程第三课:滚页与滑页

ProtoPie视频教程第四课:对象坐标与热区范围

ProtoPie视频教程第五课:条件判断

ProtoPie视频教程第六课:转场与自动加载

ProtoPie视频教程第七课:播放器与变量

ProtoPie视频教程第八课:文本输入与表达式

ProtoPie视频教程第九课:照相机

ProtoPie视频教程第十课:联动

ProtoPie视频教程第十一课:范围

ProtoPie视频教程第十二课:监听

ProtoPie的课程素材

ProtoPie的课程素材已经准备好,包含视频教程和Sketch源文件。
都可通过「设计达人」公众号后台回复“ 动效 ”直接获取。

感谢观看!

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com

交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章