墨刀的html压缩包是什么,墨刀如何使用?(教程介绍)

墨刀如何使用?下面本篇文章给大家介绍一下使用墨刀进行原型设计总结。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

67549b274429dcbcaabf74e7e72dfa73.png

墨刀是一个原型设计软件,在本次系统分析课程的电影售票应用泡影APP的原型设计中我们使用了它。虽然可能功能没有那么完整,但已经基本够用。目前墨刀分为网页版和客户端,网页版可以直接使用,客户端在网页版的功能的基础上增加了诸如可以随时提取页面中某一颜色然后应用于对应控件等小功能。

下面我们以网页版墨刀为例来进行使用总结:

一、创建新的应用

访问墨刀官网,登录之后会看到如下的页面:

92a57a86d281ac06f99de7a5f56a7507.png

点击右上方的创建应用,可以选择不同的模板和设备类型,填写应用名称之后即可完成应用的创建,比方说上图的泡影就是我创建的一个应用,然后我们可以随时编辑应用或者与他人共同编辑和分享应用。

9204c3ef6dbf57d35a1d2e0abb77e265.png

二、编辑应用

点击我们创建的对应应用进行编辑,进去之后会看到下图,其分为菜单栏、组件栏、编辑栏和预览排列栏几个部分。最左边是组件栏,我们可以在这里选择需要的组件,然后拖拽到中间编辑栏中进行设计;中间编辑栏里可以对选取的组件进行编辑;右边是预览排列,就是最终我们看到的页面的基本排列。

5d8240999c3d5f496fe343cc746dc443.png

1、组件使用

如图,我们把左边组件栏中的一些组件拉到这个中间的编辑栏,通过双击对应的组件进行文字或者颜色的编辑:

871cfad6ad2591ab2387fa2763c646fc.png

2、页面管理

对于页面的管理,我们可以在最右边的页面管理栏进行新建或者复制页面,这样我们的原型也可以在不同页面之间跳转,如下图所示是一个原型部分页面树图:

d7d685167ede86cbb3107f045913ae92.png

3、页面跳转

如果要进行页面之间的跳转,可以点击组件,然后拉动组件旁边的超链接的样式图标到相应页面即可执行进行页面跳转功能,如下图所示:

2e761b6369fdb616d3dca264091eedb5.png

三、导出下载图片或者安装包

点击页面上方的下载图标,具体如下图所示:

54bebae6ef05dfda0e3aa0632b47dcec.png

四、运行分享应用

点击页面上方的运行图标即可运行编辑的应用,而后在运行页面右方通过分享图标可以生成分享链接,如下图所示:

更多web开发知识,请查阅 HTML中文网 !!

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值