如何在sketch中创建UI动态交互页面

用户头像
北京/UI设计师/8年前/3997浏览
如何在sketch中创建UI动态交互页面

给大家推荐UI神奇软件sketch的一款插件Launchpad,这意味着您在Sketch中看到的内容将在您的响应式网站上看到。

先窥探一下尊荣,神秘大咖是酱样子滴

看看它有啥本领

图片来源anima app

之前sketch中设计稿都是这样的

图片来源anima app

用了launchpad之后是这样的



先要用它,当然的先下载插件喽,插件地址在文章尾部

我们一起看看如何实现,为大家介绍“overlay覆盖”和“animation动画”功能,话不多说,直接GIF图

1、Overlay




步骤:选中元素--launchpad下的···图标--show overlay--选动态模板样式即可,对,就是如此简单

2、Animation

丢一张做好的动态效果图

下面看看如何做出来的


步骤:选中元素--launchpad下的···图标--animation--选动态模板样式即可,对,也是如此简单


怎么样,惊不惊喜,意不意外,那这时处女座的我就要问啦,做好的在哪里预览呢,答案马上揭晓

对啦对啦,就是点击火箭 :rocket: 按钮啦,go go go!


点完赞快去打开你的sketch撒欢去吧☺


40
Report
|
15
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in