网页设计 » 视觉设计 » ProtoPie视频教程全集,UI动效原型进阶之路

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

发表于: 视觉设计. 评论
赞助商链接

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

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

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

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

ProtoPie动效

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

ProtoPie优势

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

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.larbier.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。