墨刀教程(怎么用) 原创

萧奈桐和 阅读:72次 时间:2018-06-22 09:38:35
最佳经验
由作者撰写原创经验并推荐置顶

墨刀是一个原型设计工具,可以快速构建移动应用原型与线框图,支持云端保存和实时手机预览,一起来看看墨刀使用教程吧,以下内容是由微蓝经验网用户发布墨刀教程(怎么用),希望对于用户有一定帮助,为朋友进行解决疑惑,如若想了解更多相关内容,可以向底部移动了解更多与本教程文章相关解决经验方法!

工具与材料

墨刀

步骤与方法
  1. 1/10

    第一步打开墨刀软件,新创建一个应用,选择应用类型(选择了iPhone设备),输入应用名称,设备类型和应用尺寸,点击创建按钮,完成应用创建。

    墨刀教程(怎么用)
  2. 2/10

    新建应用的标题栏会自动显示应用的名称(人人都是产品经理),标题栏文字可以自行修改。制作里布导航栏,从左侧“组件”栏目中找到底部组件,拖入应用之中,大小和样式可以自行修改。然后拖入三个导航标签,修改标签的位置和名称。至此完成底部导航栏的制作。

    墨刀教程(怎么用)
  3. 3/10

    然后开始简单的制作下“产品经理”的首页原型,在左侧的“组件”栏目中找到搜索组件,拖入App首页中,在“母版”栏目中找到轮播图模版,拖入应用之中。墨刀中有一些已经做好的组件或母版,可直接拖入使用,加快创建原型的时间。

    墨刀教程(怎么用)
  4. 4/10

    然后回到“组件”栏目,为首页插入图片和文字。图片调节在右面的设置栏,这里推荐大家直接拖入图片,随后用鼠标调节大小这样会比较方便。文字的调节在右上方的主题栏目,可调节文字的大小和样式,随后用鼠标摆至适宜的地方。

    墨刀教程(怎么用)
  5. 5/10

    在软件右上角点击“+新页面”即可生成新的页面,每一个页面有复制、删除、添加子页面的功能。在新的页面中添加标题栏,复制首页的底部导航,粘贴至新的页面,注意粘贴时用于粘贴至“原位置”。按如此方式制作“发现”页面和“我的”页面。

    墨刀教程(怎么用)
  6. 6/10

    这里介绍一个墨刀非常有特点的基本功能,就是通过连线的方式进行页面之间的跳转,在应用中选择任何一个控件,图片或者文字都可以通过添加手势和页面切换方式实现页面跳转。优点在于操作方便,且比较直观。缺点是如果页面复杂,跳转比较多,会有非常多交叉在一起的线,容易连接出错。

    墨刀教程(怎么用)
  7. 7/10

    利用连线的方式即可快速的实现底部导航的切换,设置完成后选择右上角运行按钮,就可以查看实际效果,实际效果如图所示。

    墨刀教程(怎么用)
  8. 8/10

    最后说一个在移动端比较重要的功能,应用全局手势的添加,在左侧“组件”栏目找到全局手势组件,拖入至应用的任意位置,随后选择你要发动手势后跳转的页面,选择手势方式和动画效果即可。

    墨刀教程(怎么用)
  9. 9/10

    利用全局手势组件,在应用添加滑动的页面切换效果。运行测试,实际效果如图所示。

    墨刀教程(怎么用)
  10. 10/10

    手机预览功能,能够直接将原型导到手机上查看。只需要在运行界面,点击分享,用手机浏览器(墨刀app可以)扫描二维码即可直接在手机上查看原型,更加方便的你为团队演示和讲解自己的原型。

    墨刀教程(怎么用)
相关评论发表评论

声明 未经许可,请勿转载。

excel的入门-excel教程之入门(20)
PS教程之证件照换背景(红底换蓝底),详细全过程图解!
php全局函数,PHP教程 使用$GLOBALS使用全局变量
安装下载教程盈球体育app,已解决!
化妆品透明瓶子精修教程,干货经验!
联想乐檬k3no,联想乐檬K3怎么ROOT?奇兔刷机一键获取ROOT教程
使用Redsn0w破解iPod Touch2简化教程,大家赶紧看过来!
司法考试电子照片拍摄教程,简单几招	!
【收藏向】,88skins官网的详细教程
画小猫咪的儿童卡通简笔画教程,赶紧收藏起来!
win7上安装虚拟机-win7系统下,安装虚拟机VM 12的教程
asus灵耀3评测-华硕灵耀3拆机教程

新手帮助反馈投诉免责声明服务协议

© 2025 VLPOS.com 版权所有 微蓝网 ICP备案号:黑ICP备20003952号-1