墨刀官方版是一款非常专业的应用原型设计软件。墨刀官方版是全球114个国家超过10万名设计师的选择,用户可以利用墨刀官方版快速构建应用原型,还具有云端存储、动画特效等功能,对开放项目永久免费,需要的小伙伴可下载体验。
素材库
内置丰富的组件和模板
可自定义个人素材库
还可共享团队组件库
设计
一拖一拽轻松搭建界面
多种手势和转场效果
无需代码也能做出酷炫动效
高效演示及评审
真实设备边框、全屏演示
一键分享
在线获取评论
Sketch插件&标注
导入Sketch稿
自动标注&切图
获取全平台代码
云端编辑
浏览器直接登录
随时随地办公
异地团队协作
多人协作
协同编辑、查看、审阅
项目同步、沟通透明
项目&成员便捷管理
1、快速创建应用
注册/登录墨刀后,首先到达的是「个人空间」,可以看到一个我们预先创建好的项目组。
点击进入项目组之后,可以在里头创建原型项目。
可以选择「使用模板项目」还是「创建空白项目」。
使用模板项目:推出了丰富的模板项目,可先预览模板效果,挑选成功后点击「使用模板」即可。通过编辑模板你可以更快地掌握页面设计、交互设计的方法,也可在此基础上完善个人产品原型。
创建空白项目:有手机、平板、自定义等多种平台,创建后可以编辑页面,还可上传启动图标和启动界面图。
2、创建页面结构
在偏好设置-推荐模式下,页面列表位于工作区的左侧,与元素列表并排。
你可以在页面列表下添加新页面、子页面、创建副本、移动当前页到其他项目、删除等操作。
在页面列表下方,有「页面回收站」,14天内误删除的页面可以在回收站进行找回。
PS:良好的页面结构如同一个清晰的脑图,能够帮助制作者在复杂的产品原型中理清思路。
3、创建页面内容
创建页面内容非常的简单:从组件区拖出组件到页面设计区,对齐进行大小、颜色、外观等属性设置就可以了。
软件中有两个组件区:
高频组件区:位于左侧,当您画网页原型时,可以将页面列表收拢起来,空间会大很多。
右侧组件区:包括墨刀内置的组件、我的组件(你可以将高复用的组件添加到这里)、图标、母版(有继承性,一改全改)
快捷键A或者在上方工具栏点击「素材库」,您还可以对素材进行批量的管理。
4、添加页面交互
页面间交互
页面设计好以后,要建立页面间的交互,只需要点击组件,将组件旁边的圆形链接按钮拖动(链接)到相应的页面就可以啦!
在添加链接时,还可根据需求,设置不同的触发手势、定时器及动效。
页面内交互
页面交互可以用动态组件来制作,制作诸如加载动画、分页器、组件神奇移动等效果。还内置了WEUI动态组件、AntDesign组件,可以直接使用。
组件神奇移动
素材库内置的动态组件
自己制作动态组件,更为深入的交互可以查看状态的使用方法。
5、项目预览、分享及下载
预览
工作区点击“运行”按钮,即可进入原型演示模式。
在“预览“页面,你还可以设置原型是否带真机外壳,链接区域是否高亮,是否显示批注,内容区是否滚动。
还可以点击右上角的“全屏模式”,带来更有沉浸感的演示体验。并支持切换黑白背景色。
分享
在墨刀,你可以轻松分享原型项目给你的同事或客户,或者在进行用户测试时分享给用户查看。
只要点击该项目的“分享”按钮,你就可以获取一个二维码和分享链接。
将分享链接或二维码传给对方,对方就能在电脑端或者手机上查看你的原型了。
你还可以在分享页面设置“权限”和“效果”,保证项目预览的私密性和顺畅性。
下载
离线文件可供演示、查看,但是不能用于编辑,文件必须在线编辑。
问:素材库不见了,怎样打开素材库弹窗呢?我想要更多的图标?
一张图带你飞!什么都别说,认真看图!
首先,你需要从组件区拖取一个“星星”图标,界面右侧会弹出“3”号图标弹窗(如果没出现就进行第二步)
第二步,点击工具栏小星星,打开图标面板。
第三步,在搜索框找寻你的真爱icon。
问:点选组件好困难啊,鼠标要戳穿了!怎么解决?
遇到这种情况,请点击左上角保存按钮对当前操作进行保存,之后刷新该页面,或清理浏览器缓存后重启浏览器。
小兔建议:工作两小时刷新工作区页面,同时记得眺望远处,出门散散步哦,忙碌的同时也要注意身体健康哦!
同类推荐
2020-06-22
立即下载2020-12-05
立即下载2021-05-31
立即下载2020-08-25
立即下载2020-12-07
立即下载2020-07-03
立即下载相关文章
点击效果怎么做?墨刀做点击效果的方法
2022-11-26墨刀实现弹窗/弹出框效果的方法
2022-11-26墨刀怎么导出原型?墨刀导出原型的方法
2022-11-26墨刀怎么组合?墨刀组合的使用方法
2022-11-26稿定设计如何添加图片?稿定设计App添加图片的方法
2022-12-11Windows Movie Maker制作视频的方法
2022-12-11无悔华夏兑换码_无悔华夏2022公测兑换码分享
2022-11-12坚果云中恢复误删文件的方法
2022-12-18SAI制作逆光效果的方法
2022-12-11万灵山海之境兑换码_万灵山海之境2021最新兑换码
2022-12-04