墨刀4.0原型工具的使用方法

新知榜官方账号

2023-08-09 18:08:52

墨刀4.0原型工具的使用方法

墨刀是一款适用于产品经理和设计师的原型工具。相对于axure等传统设计软件，它最大的特点是轻、快，不需要下载，打开浏览器就能使用，没有复杂的中继器、函数概念，上手非常快，可以满足大部分场景的原型和交互设计。近期，墨刀又推出了4.0版本，新增加了用户可以自定义和批量管理的组件库、素材库，并且完善了企业级的协作功能。

这对于产品经理来说是个利好消息，可以创建团队的设计系统库，不管是版本之间，还是多个团队之间都可以保持步调一一致。下面分享一下墨刀4.0的使用方法，一起加油~

Step1:快速创建应用

官网推荐大家使用墨刀桌面客户端进行操作，能带来更好的使用体验。如使用网页版，可以用chrome浏览器（最新版）登录，使用IE、360浏览器等可能产生兼容性问题。注册/登录墨刀后，首先到达的是「项目管理页」，创建的项目都会展示在这个页面。点击左上角，可以切换个人空间和企业空间。点击下方，可以选择「使用模板项目」还是「创建空白项目」。

使用模板项目：墨刀内置了丰富的模板项目，可先预览模板效果，挑选成功后点击「使用模板」即可。通过编辑模板你可以更快地掌握页面设计、交互设计的方法，也可在此基础上完善个人产品原型。

创建空白项目：有手机、平板、自定义等多种平台，创建后可以编辑页面，还可上传启动图标和启动界面图。

Step2:创建页面结构

在偏好设置-推荐模式下，页面列表位于工作区的左侧，与元素列表并排。你可以在页面列表下添加新页面、子页面、创建副本、移动当前页到其他项目、删除等操作。在页面列表下方，有「页面回收站」，14天内误删除的页面可以在回收站进行找回。

PS：良好的页面结构如同一个清晰的脑图，能够帮助制作者在复杂的产品原型中理清思路。

Step3:创建页面内容

墨刀创建页面内容非常的简单：从组件区拖出组件到页面设计区，对齐进行大小、颜色、外观等属性设置就可以了。墨刀有两个组件区：高频组件区：位于左侧，当您画网页原型时，可以将页面列表收拢起来，空间会大很多。右侧组件区：包括墨刀内置的组件、我的组件（你可以将高复用的组件添加到这里）、图标、母版（有继承性，一改全改）快捷键A或者在上方工具栏点击「素材库」，您还可以对素材进行批量的管理。

Step4：添加页面交互

页面间交互页面设计好以后，要建立页面间的交互，只需要点击组件，将组件旁边的圆形链接按钮拖动（链接）到相应的页面就可以啦！在添加链接时，还可根据需求，设置不同的触发手势、定时器及动效。页面内交互页面交互可以用动态组件来制作，制作诸如加载动画、分页器、组件神奇移动等效果。墨刀也内置了WEUI动态组件、AntDesign组件，可以直接使用。组件神奇移动素材库内置的动态组件自己制作动态组件更为深入的交互可以查看官网状态的使用方法。

Step5：项目预览、分享及下载

原型制作过程中，不但可以随时检查原型在pc或移动设备上的真实运行效果，还可以将原型分享给你的同事或朋友，让大家第一时间看到设计成果。

预览工作区点击“运行”按钮，即可进入原型演示模式。在“预览“页面，你还可以设置原型是否带真机外壳，链接区域是否高亮，是否显示批注，内容区是否滚动。还可以点击右上角的“全屏模式”，带来更有沉浸感的演示体验。并支持切换黑白背景色。这个演示效果非常棒！

分享在墨刀，你可以轻松分享原型项目给你的同事或客户，或者在进行用户测试时分享给用户查看。只要点击该项目的“分享”按钮，你就可以获取一个二维码和分享链接。将分享链接或二维码传给对方，对方就能在电脑端或者手机上查看你的原型了。你还可以在分享页面设置“权限”和“效果”，保证项目预览的私密性和顺畅性。

下载常用的图片、html格式墨刀都又提供。不过离线文件可供演示、查看，但是不能用于编辑，墨刀的文件必须在线编辑。一般来说，你可以将已经定稿的项目下载下来，存档或者交付给开发。

模板素材包登录墨刀，点击创建项目即可使用这些模板素材。

本页网址：https://www.xinzhibang.net/article_detail-9565.html

寻求报道，请

关键词

分享至微信：

相关工具

Vizcom

AI渲染转化手绘图为产品设计图

Designs.ai

AI设计工具

美间

AI软装设计、海报和提案生成工具

Uizard

AI网页、App和UI设计

Luma AI

AI 3D捕捉、建模和渲染

羚珑

京东推出的商品图智能设计小工具

菜鸟品牌焕新历程

定位&理念我们从认知度，识别度，理解度等层面，对菜鸟原品牌进行了调研，发现随着业务定位越来越明晰，旧品牌体系渐渐无法承载菜鸟的定位与理念。加之菜鸟子品牌与母品牌关联性弱，在实际使用时容易让消费者产生困惑。我们明确了品牌焕新的需求。我们在设计前期进行了一系列的调研，明确了菜鸟的使命与理念：菜鸟是价值链

分类标签菜鸟智能物流数据驱动

12-03 08:47

BAT云计算大战：从LOGO看三家巨头的战略布局

BAT云计算大战：从LOGO看三家巨头的战略布局8月9日，阿里云在《云栖大会·北京峰会》上宣布启用全新动态LOGO。阿里给出的解释是，之前用了六年的“云“LOGO，已经无法准确的表达阿里云的理念，新LOGO全面提升品牌形象，加速品牌的国际化。实际上，这是继3月份腾讯云更换LOGO战略升级，7月份马化

分类标签 BAT云计算LOGO

12-03 08:46

阿里云更新动态LOGO，以守护客户价值为理念

阿里云更新动态LOGO，以守护客户价值为理念近期，阿里云启用了全新的动态LOGO，以更好地展现出公司的理念。新LOGO采用简洁的符号设计，更加清晰地传达了阿里云“为了无法计算的价值”的理念。这是阿里云自2009年成立以来第二次更新LOGO。新LOGO形象包含守护的动作，寓意着阿里云将以安全稳定的服务

分类标签阿里云LOGO更新价值守护

12-03 08:45

入行后需常用到的几个工具软件

入行后需常用到的几个工具软件本文介绍了入行后需常用到的几个工具软件，包括原型设计工具和文档工具，帮助产品经理提高工作效率。原型设计工具原型设计工具已经是产品经理必备的工具之一，由最初的单纯原型设计及PRD撰写基本都可以通过原型设计工具来完成。以下是几个主流的原型设计工具：AxureRP：作为专业的原

分类标签产品经理原型设计工具文档工具

11-26 02:09

信息资源类APP产品对比及原型模板介绍

信息资源类APP产品对比及原型模板介绍随着信息时代的快速发展，获取信息已不再成为一件难事，但是如何对信息进行全面了解、整合利用似乎有些复杂。于是信息资源类APP就应运而生，为了便于大家进行比较和判断，本次我们对今日头条和人人都是产品经理这两种资讯类产品进行了整理。今日头条作为新闻行业软件的佼佼者，今

分类标签信息资源类APP产品经理今日头条人人都是产品经理原型模板

11-19 08:50

墨刀公布优秀奖获奖者交互动效作品

墨刀公布优秀奖获奖者交互动效作品，陈默、刘少立、Dr.Jason等10名小伙伴获奖。墨墨姐选摘了他们的作品供大家欣赏！恭喜优秀奖的小伙伴将会获得相关礼物，感谢大家对这次公测&设计大赛的支持。针对参赛者对新「状态」功能的反馈，墨刀的产品/设计/技术团队已经在进行优化。新版「状态」功能预计在10月份就能

分类标签墨刀交互动效优秀奖

11-17 22:28

掌握这5个关键步骤，产品小白也能快速学会原型设计

掌握这5个关键步骤，产品小白也能快速学会原型设计原型设计是产品设计过程中非常关键的一环，它可以帮助产品经理更好地理解用户需求并提供更好的解决方案。但对于产品小白来说，原型设计可能会是一个比较陌生的领域。下面介绍了掌握这5个关键步骤的重要性，并提供了一些实用的技巧和建议，帮助产品小白快速学会原型设计。

分类标签产品经理原型设计关键步骤

11-14 08:03

十大设计大神钟爱的软件推荐

十大设计大神钟爱的软件推荐相信有很多人都很羡慕那些设计大神能够做出杰出的设计，但你知不知道那些大神是用什么软件做出来的呢？下面介绍的这10款软件都是设计大神钟爱的，仔细看一看，总有一款适合你。1.CorelDRAWCorelDRAW作为图形设计软件的代表，以其杰出和革新的特性赢得了长期的声誉和用户的

分类标签设计软件CorelDRAWAffinityDesignerPhotoshopIllustratorAxureRPMockplusAdobeXDFigma墨刀Pixso

11-10 02:27

万兴科技旗下墨刀携创意软件产品亮相NDT2023中国新能源数字科技峰会

10月27日，以“数字科技智启未来”为主题的NDT2023中国新能源数字科技峰会在上海开幕。万兴科技（300624.SZ）受邀参加，携旗下墨刀等创意软件产品亮相峰会。期间，墨刀凭借协同效率提升、打通产设研流程等层面的优秀表现，引得不少展商及参会观众咨询交流。据介绍，墨刀优秀的协同能力和强大的企业素材

分类标签万兴科技墨刀新能源

10-28 22:15

AI配音：让你的视频说全世界的话

AI配音：让你的视频说全世界的话近日美国女歌星霉霉(泰勒·斯威夫特)说中文的短视频火遍全网，视频中霉霉操着一口流利地道的中文，神情自若几乎没有早期，译制片女主角的那种腔调口型也能对得上。还有一段马斯克采访视频中马斯克流畅地用法语向媒体侃侃而谈，阐述他对于AIl威胁的看法：不仅音色、语气以假乱真，就连

分类标签 AI配音口型同步音色克隆

10-26 10:03

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway