Principle5秒交互小动效-相册预览效果
上海/UI设计师/8年前/949浏览
版权
Principle5秒交互小动效-相册预览效果
超简单的新手级别小教程,适合不爱看文字版功能介绍的小伙伴。
每次一个几分钟的简单案例,渐渐上手Principle

01-首先,打开Principle,新建一个画板:

02-用矩形工具将元素画好:

03-选中最大的图片,在右侧发现“闪电”图标,点击图标会出现支持的事件列表:

04-得到一个新的一模一样的画板:

05-多复制小图备用:

06-将第一张图放大,其他小图左对齐:

07-绘制一个半透明蒙层:

08-为蒙层增加事件:

09-将这些图编组:

10-并将边框缩小(相当于给这个组价格遮罩):

11-将这个组的X轴交互改为Scroll:

OK!
7
举报
声明
7
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
7登录即可同步推荐记录哦
7登录即可加入我的收藏
评论登录即可评论想法
分享分享





































