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

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

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

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

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

05-多复制小图备用:

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

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

08-为蒙层增加事件:

09-将这些图编组:

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

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

OK!
7
Report
声明
7
Share
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
Log in
7Log in and synchronize recommended records
7Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share





































