Principle Mac版是一款能够在苹果电脑MAC OS平台上使用的交互设计工具,五分钟便可制做出一个具备完整交互动画的原型,而且可将交互动画生成视频或者 Gif 分享到 Dribbble、Twitter 等社交平台。本篇文章为您带来的是Principle for Mac5秒交互小动效-相册预览效果制做教程。ide
一、打开Principle for Mac,新建一个画板:工具
二、用矩形工具将元素画好:动画
三、选中最大的图片,在右侧发现“闪电”图标,点击图标会出现支持的事件列表:spa
四、获得一个新的如出一辙的画板:设计
五、多复制小图备用:orm
六、将第一张图放大,其余小图左对齐视频
七、绘制一个半透明蒙层:blog
八、为蒙层增长事件教程
九、将这些图编组十、并将边框缩小(至关于给这个组价格遮罩)
事件
十一、将这个组的X轴交互改成Scroll: