美文网首页技能-1岁到0岁的产品小白
墨刀的简单使用,半个小时学会画需求原型

墨刀的简单使用,半个小时学会画需求原型

作者: 耕地 | 来源:发表于2016-12-19 14:46 被阅读18241次

    墨刀是什么?

    墨刀是一款在线原型设计工具。借助于墨刀,创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型,并向他人演示。

    使用

    墨刀是很好用的原型设计工具,是需求大人们的必备良器。首先大家先下载好墨刀。然后随便注册一下,就可以愉快的使用了。

    一、创建项目

    1.打开墨刀, 在首页点击创建应用:


    创建

    2.选择相应的设备:

    选择设备

    3.填入必要信息,然后创建:


    填写信息

    然后就可以进行编辑了。

    二、相关功能

    创建好的项目主界面:

    主界面
    • 左边是组件的选择。
    • 中间是编辑界面,需要什么组件直接拖动到编辑界面。
    • 右边是页面管理和状态管理,以列表的形式存在。
    • 上边是工具栏。
    • 还有具体的组件对应的工具栏。
    三、使用

    1.原型增加一个底栏,标题栏双击可以改变标题,然后运行:

    加低栏 运行效果

    一个简单的iphone界面出炉了

    2.接下来看看母版的作用,母版对于重用的组合原型是非常方便的:

    创建 叫做Cell的母版 添加我们需要的内容

    母版里面添加组件和主界面添加是相同的。
    然后回到主界面,看一个我们建好的母版:

    建好的Cell 使用母版CELL,直接拖 运行

    一个带列表的界面就出来了

    3.组合和打散,这也是原型设计中常用的,将几个组件在需要的时候进行组合,方便编辑,编辑后又可以重新打散:

    组合

    自己试一下效果,很简单
    4.页面跳转:

    连接 页面二的连接 运行

    点击第二个按钮,就能跳转到页面二

    屏幕快照 2016-12-19 下午1.57.28.png

    点击第一个按钮就能跳转回去

    5.状态:状态是一个页面的不同状态显示的内容,每个页面都可以有很多种状态,但添加新的组件必须在全局状态添加,这样才能保证每个状态组件一致。

    结尾

    墨刀使用起来是非常简单的,掌握了上面的ji'qiao,基本就能玩得很6了。原型设计不一定是需求大人的专利,我们程序员一样能做到,程序员永不为农...

    相关文章

      网友评论

      本文标题:墨刀的简单使用,半个小时学会画需求原型

      本文链接:https://www.haomeiwen.com/subject/yxbxmttx.html