墨刀的初级应用 UI设计师展现作品的神器

这几天开始想做一些交互图形,但是对于只懂axure基本应用的我无疑是一个大难题,看了教程,摸索了半天还是没搞懂怎么去切换。

以前的一个朋友给我推荐过墨刀,但是太懒没有去了解过。这次搜索出来准备应用。真的很容易上手。很容易!好了不墨刀了,开始讲一下步骤。

对于墨刀你只要做以下几点就行:

1,把你要交互的图片准备好,压缩到最小,也就是1kb-几百kb之间(这是要做高保真交互图)。

2,在百度里搜索墨刀,打开网页,然后注册登录(当然你也可以下载墨刀这个程序到桌面上)

3,点击创建应用,选择你要做的类型:网页,app等,尺寸类型自己选择也可以输入,我这次使用的苹果6尺寸,做的app交互   


4,点击完类型之后,选择手机大小,填写名称,然后跟具最下面的提示可以上传app的logo和启动页(如果你有的话可以上传,没有也可以不传),然后点击创建


5,创建之后会自动生成一个手机模型和状态栏,(因为我做的是高保真的交互,所以图片自带状态栏,系统生成的可以删除)delete就可以了



6,目录创建时,鼠标移上主页会显示四个符号,+号表示在主页中添加子页面,第二个是复制一个主页面,第三个箭头表示把主页以及主页的所有自页面移到另一个项目中,第四个删除键就不说了

本人太笨了,因为这四个图标只有鼠标滑入的时候才显示,我不会截屏,所以用手机拍了一张照片,还可以看,见谅。希望大神教教我截屏。


7,重点!!!创建目录,一定要把你交互的图片名字和墨刀里面使用的名字写一致,方便后期更改。

简单明了

8,选择名字相对应的页面,点击右下角的图片按钮上传图片,进入另一个页面,你就可以一下子把你要用的图片批量上传过来


9,图片上传完毕后,选择你要插入当前页面的图片,点击一下就可以客,然后点击关闭按钮,就可以回到操作页面

10,图片插入到对应的文件夹之后,就是最关键的一步了,做交互,在操作页面的左边菜单栏,用鼠标拖拽组件>功能>连接区域按钮到你要点击的地方,可以用鼠标控制按钮大小,调整完毕之后,链接按钮右边有一个连接的符号,用鼠标拉动这个符号到你要跳转的页面就可以了。重复此操作。


11,页面做完了可以运行预览一下,右边菜单栏有一个火箭的按钮,点击运行查看效果。

12,可以把昨晚的效果图和你的小伙伴分享一下了。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值