1、 操作步驟
第1步：打開protopie，這個交互效果是用protopie軟件做的，軟件下載地址：http://www.protopie.cn/download/
Protopie軟件介紹：《交互動效原型設計其實並沒有你想象的那麼難》
第2步：點擊新建Pie文件按鈕，選擇界面尺寸（iPhone 8-375x667@2x，默認尺寸也是這個）
第3步：在菜單欄，點擊插入-圖層-圖片，插入所需要的圖片素材，並將圖片移動到相應的位置
第4步：先搞清楚交互原理：如果你是蘋果手機，可打開你的APP store看看具體的效果是如何的，將導入的圖片素材擺放如下
第5步：添加滾頁容器層（容器層即為承載交互效果的圖層），調整滾頁容器層大小到如下圖，然後將app01、02、03、04、05圖層拖入滾頁容器層，然後將容器層組置於底層
大家可以看看滾頁容器層的具體屬性：
我們先來看下預覽：
第6步：我們也可以將交互效果，導出為MP4視頻格式，也可以將交互效果上傳到雲端，分享鏈接給團隊人員查看。
第7步：或者也可以在手機上查看交互效果，安裝
protopie player APP，掃碼後即可在手機上預覽交互效果
#UI妹兒【每週一練】——每週進步一點點#
分享到:
閱讀更多 UI妹兒 的文章
