Principle Mac版是一款能夠在蘋果電腦MAC OS平臺上使用的交互設計工具,五分鐘便可製做出一個具備完整交互動畫的原型,而且可將交互動畫生成視頻或者 Gif 分享到 Dribbble、Twitter 等社交平臺。本篇文章爲您帶來的是Principle for Mac5秒交互小動效-相冊預覽效果製做教程。ide
一、打開Principle for Mac,新建一個畫板:工具
二、用矩形工具將元素畫好:動畫
三、選中最大的圖片,在右側發現「閃電」圖標,點擊圖標會出現支持的事件列表:spa
四、獲得一個新的如出一轍的畫板:設計
五、多複製小圖備用:orm
六、將第一張圖放大,其餘小圖左對齊視頻
七、繪製一個半透明蒙層:blog
八、爲蒙層增長事件教程
九、將這些圖編組十、並將邊框縮小(至關於給這個組價格遮罩)
事件
十一、將這個組的X軸交互改成Scroll: