Principle for Mac5秒交互小動效-相冊預覽效果製做教程

Principle Mac版是一款能夠在蘋果電腦MAC OS平臺上使用的交互設計工具，五分鐘便可製做出一個具備完整交互動畫的原型，而且可將交互動畫生成視頻或者 Gif 分享到 Dribbble、Twitter 等社交平臺。本篇文章爲您帶來的是Principle for Mac5秒交互小動效-相冊預覽效果製做教程。

一、打開Principle for Mac，新建一個畫板：

二、用矩形工具將元素畫好：

三、選中最大的圖片，在右側發現「閃電」圖標，點擊圖標會出現支持的事件列表：

四、獲得一個新的如出一轍的畫板：

五、多複製小圖備用：

六、將第一張圖放大，其餘小圖左對齊

七、繪製一個半透明蒙層：

八、爲蒙層增長事件

九、將這些圖編組十、並將邊框縮小（至關於給這個組價格遮罩）

十一、將這個組的X軸交互改成Scroll：