木子素材 首页 大神 平面设计 查看内容

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

2019-9-3 00:00| 发布者: admin| 查看: 435| 评论: 0

摘要: 前言:本期主要向大家分享ProtoPie视频教程全集,适合UI设计师和交互人员学习,开始ProtoPie入门至进阶的UI动效原型进阶之路吧。 UI动效使用越来越常见,通常要到UI交互动效的主要目的就是向客户、上司或团队更友好 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

前言:本期主要向大家分享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优势

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

ProtoPie界面

点击图片查看大图

ProtoPie视频教程

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

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

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

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

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

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

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

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

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

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

 
ProtoPie视频教程第十课:联动

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

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

ProtoPie的课程素材

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

感谢观看!

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×