墨刀如何使用?(教程介绍)

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

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

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

一、创建新的应用

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

1.png

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

2.png

二、编辑应用

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

3.png

1、组件使用

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

4.png

2、页面管理

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

5.png

3、页面跳转

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

6.png

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

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

7.png

四、运行分享应用

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

8.png

本文转载自:https://blog.csdn.net/sysulmh/article/details/73028629

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

以上就是墨刀如何使用?(教程介绍)的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » 墨刀

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏