Protopie01笔记（认识protopie）

小叶子的dearbts

深圳/设计爱好者/4年前/472浏览

版权

小叶子的dearbts

protopie 零基础教程，纯干货，奉上~还不会交互动效的小白，看这里~

protopie01

Protopie是由韩国某个创业团队开发的交互动效型软件，2017年开发，属于新软件

适用于：UI设计师，交互设计师，视觉设计师

功能有这些特征：

无需代码，通过后者可视化的设计即可完成，并且设计师可通过简单操作即可完成效果展示，无需记住具体数据，直接打开就能操作，并且能直接分享给开发
新型展示方法，在手机上怎么使用APP，在protopie就怎么展示出来，之前的平面的效果，现如今已经发展到动效的展示效果

这个软件主要有什么功能呢？

就这么说，protopie 就是蓝湖+AE+PR+principle+XD/sketch的结合体

这个是怎么下载？需要怎么操作？

首先，protopie有官网，http://www.protopie.cn/ 这就是官网

（应该能发现扎心的点吧）

继续往下看。。。。。。。。。。

（看到这，是不是心里一阵绞痛）

没有错，第一个方法，就是乖乖在官网订购交钱~，做到这一步的人，我只能说，土豪，我们做个朋友吧~

自己看看这个价格，心里就有数了吧，一般大公司不差这点钱，宁愿花钱都不愿一大堆善后工作，所以我们贫民窟的人，只能另寻法子了，推荐找万能的马云爸爸~

因为是账号密码登录，没办法，不登录就根本用不了，所以自己找最适合自己的方式哈~

工具介绍

导入：protopie 导入效果图的地方~支持XD/sketch/figma这三种方式导入，电脑有哪个用哪个

图片：这个工具，是可以直接打开图片的，支持jpg/png，导入后排列顺序和PS的图层一样

媒体：这是可以导入电脑上的视频、音频的工具，其中还含有一个照相功能，这个功能后面会讲

文本：可点击这个工具后，写出文字段落，并且可以做交互动效，输入工具可以做像手机上的打字效果

容器层：protopie经常使用的工具，并且很重要，不夸张说，99%在protopie都会用上，这个相当于我们的ps中的编组，只不过这里会做成动效

设备：其实就是手机端和web端展示的尺寸，和原型效果图一个意思，只不过在这里会有很多尺寸，型号，提醒：平板就是web尺寸。

场景：场景，在protopie也是会常常出现使用的，这是protopie特色之一，市面上有很多很出名的动效交互软件，比如principle，flinto，更别说做动效的ae,c4d，keynote等等。接触过交互动效处理软件的都知道，通常做界面动效时候，都会放进一个画布里，就跟ps做海报一样，一个画布有很多图层细节，但这也是问题，这就是为啥protopie不同的原因，使用其他软件的时候，一旦出现很多画布，内容多还复杂，又不能轻易修改一个细节，就怕对不上，找也麻烦。protopie 的场景，同个界面只需要同个场景去操作，不同的场景只需要连接就好了，而且动效修改不会卡顿和掉链子，只需要简单操作就可以达到我们想要的效果。

添加触发plus：protopie灵魂之处，整个软件动效就靠它，原理就是：通过每一个，每一层不同触发就能让效果图做出不同的动效展示出来，可以很多层，但是第一层还是触发，好比是这个效果图是想怎么去开启动效，比如是鼠标点击一下就开始还是两下就开始了，第二层之后的统称行动，好比是想让这个效果图某个地方有什么样的效果，比如是想原地旋转，还是消失。