<h1 id="版本介绍">版本介绍</h1>
<h2 id="个人版介绍">个人版介绍</h2>
<p>个人版分为免费版本和付费版本还有终身版。免费版本只能创建三个文件，每个文件20页，超出则需要付费。免费版导出PNG时会带有墨刀水印。<br>个人版适用于一个人自己编辑/管理文件。<br>如果想了解更多个人版的功能权限以及价格信息，建议您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a></p>
<h2 id="个人版可以导出apk吗">个人版可以导出APK吗</h2>
<p>个人版不支持导出APK。<br>个人版可以导出PNG/PDF/HTML，团队空间内可以导出PNG/PDF/HTML/APK。<br>如需了解、购买原型协作版，请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a></p>
<h2 id="个人版可以协作吗">个人版可以协作吗</h2>
<p>个人版是单人使用版本，不支持协作。<br>协作是基于企业的功能，只有团队空间用户才可以邀请其他人协作。<br>如需了解、购买团队版，请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a></p>
<h2 id="个人版与团队协作有什么区别">个人版与团队协作有什么区别</h2>
<p>个人版为个人空间权益，团队协作为团队空间权益，包括免费版、团队版与企业版。<br>个人付费支持升级为企业付费，但企业付费不支持降级为个人付费。<br>个人版和企业协作主要区别：<br>1、个人版不支持协作。个人版适合单人使用，团队协作适合多人协作编辑/统一管理文件。<br>2、个人版不支持导出APK。<br>3、个人版单文件页面数量相对较少。<br>更多具体的功能对比及价格说明请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a></p>
<h2 id="免费版和付费版有什么区别">免费版和付费版有什么区别</h2>
<p>免费版本只能创建三个文件，每个文件20页，超出则需要付费。免费版导出PNG时会带有墨刀水印。付费版不受以上限制，付费版会员到期后会恢复为免费版。<br>免费版和付费版的具体区别请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a></p>
<h2 id="终身版版本须知">终身版版本须知</h2>
<p>1、个人终身版不支持抵扣升级至企业版。</p>
<p>2、除我公司被解散、吊销、注销、清算、破产外您有权终身使用此版本。    </p>
<p>3、此版本仅限您个人使用,不可与他人分享或赠与、转让、许可他人用, 不可继承。</p>
<p>4、自下单之日起，七天之内支持无理由退款，超过七天则不支持退款。  </p>
<h2 id="空间容量是指什么">空间容量是指什么</h2>
<p>价格界面所说的个人版2G、企业版每个席位2G空间容量，是指您素材库中的素材总容量。<br>具体查看路径如图所示：</p>
<p><img src="https://cdn.modao.cc//hc/kjrl.png" width="900"/>
<br>



墨刀版本有什么区别

版本介绍

<h1 id="文件打不开">文件打不开</h1>
<h2 id="打开文件一直在读取文件数据">打开文件一直在读取文件数据</h2>
<p>打开文件一直在读取文件数据有可能是文件数据量过大或者网络代理导致的。如果您开了网络代理（VPN），请您关闭后再重新打开文件，如果您没有开网络代理（VPN），请您发送邮件到我们官方邮箱，我们会尽快帮您排查、解决问题。 <br>邮件标题：打开文件一直在读取文件数据 <br>收件邮箱：<a href="mailto:&#x63;&#117;&#x73;&#x74;&#111;&#109;&#x65;&#x72;&#x5f;&#x73;&#101;&#114;&#x76;&#x69;&#99;&#101;&#x40;&#x77;&#111;&#110;&#100;&#101;&#x72;&#x73;&#x68;&#x61;&#114;&#101;&#46;&#99;&#x6f;&#109;">&#x63;&#117;&#x73;&#x74;&#111;&#109;&#x65;&#x72;&#x5f;&#x73;&#101;&#114;&#x76;&#x69;&#99;&#101;&#x40;&#x77;&#111;&#110;&#100;&#101;&#x72;&#x73;&#x68;&#x61;&#114;&#101;&#46;&#99;&#x6f;&#109;</a><br>邮件内容： <br>1）文件对应墨刀帐号<br>2）文件分享链接</p>
<h2 id="打开文件加载一段时间后自动退回到工作台">打开文件加载一段时间后自动退回到工作台</h2>
<p>打开文件退回工作台应该是文件数据存在异常，请发送邮件到我们官方邮箱，我们会尽快帮您排查、解决问题。 <br>邮件标题：打开自动退回到工作台 <br>收件邮箱：<a href="mailto:&#x63;&#x75;&#115;&#116;&#111;&#109;&#101;&#114;&#x5f;&#115;&#101;&#x72;&#x76;&#x69;&#x63;&#x65;&#64;&#119;&#x6f;&#x6e;&#x64;&#101;&#114;&#x73;&#x68;&#97;&#114;&#x65;&#46;&#99;&#111;&#109;">&#x63;&#x75;&#115;&#116;&#111;&#109;&#101;&#114;&#x5f;&#115;&#101;&#x72;&#x76;&#x69;&#x63;&#x65;&#64;&#119;&#x6f;&#x6e;&#x64;&#101;&#114;&#x73;&#x68;&#97;&#114;&#x65;&#46;&#99;&#111;&#109;</a><br>邮件内容： <br>1）文件对应墨刀帐号<br>2）文件分享链接 </p>
<h2 id="打开文件白屏">打开文件白屏</h2>
<p>如果遇到打开文件白屏的情况，请您进行以下操作：  </p>
<ol>
<li>刷新：请您先刷新界面试试，这是刷新界面的快捷操作方式：Ctrl+R   </li>
<li>清空缓存</li>
</ol>
<h2 id="打开文件提示「正在连接同步服务器，请稍候」">打开文件提示「正在连接同步服务器，请稍候」</h2>
<p>显示「正在连接同步服务器」可能是内网或者网络代理导致的问题，建议您先关闭网络或切换网络，看是否能正常打开文件。<br>如果上述操作无法解决您的问题。请您发送邮件到我们官方邮箱，我们会尽快帮您排查、解决问题。 <br>收件邮箱：<a href="mailto:&#99;&#x75;&#x73;&#116;&#111;&#109;&#x65;&#114;&#95;&#x73;&#101;&#114;&#x76;&#x69;&#x63;&#x65;&#x40;&#x77;&#x6f;&#110;&#100;&#x65;&#x72;&#x73;&#104;&#x61;&#114;&#x65;&#x2e;&#99;&#111;&#x6d;">&#99;&#x75;&#x73;&#116;&#111;&#109;&#x65;&#114;&#95;&#x73;&#101;&#114;&#x76;&#x69;&#x63;&#x65;&#x40;&#x77;&#x6f;&#110;&#100;&#x65;&#x72;&#x73;&#104;&#x61;&#114;&#x65;&#x2e;&#99;&#111;&#x6d;</a><br>邮件标题：打开文件提示「正在连接同步服务器，请稍候」<br>邮件内容： <br>1）文件分享链接 <br>2）问题界面截图</p>
<h2 id="设计文件一直加载中无法打开">设计文件一直加载中/无法打开</h2>
<p>首先需要去<a href="https://get.webgl.org/" target="_blank">get.webgl.org</a>，看能否看见一个旋转的立方体（如下图立方体是动态可旋转的）</p>
<p><img src="https://cdn.modao.cc//hc/sjxmdbk.png" width="500"/>

<p>如果看不到的话那么需要升级显卡驱动：<br>升级显卡地址：<a href="https://www.nvidia.cn/geforce/drivers/" target="_blank">Nvidia</a>、<a href="https://www.amd.com/zh-hans/support" target="_blank">AMD</a>
<br></p>
<p>如果升级显卡还是看不到的话，可能需要升级自己的系统哦(windows)<br>如果可以看到旋转的立方体，但是设计工具依然打不开，你可以：<br>1.在地址栏中输入chrome://flags<br>2.找到“Override software rendering ”设置，并将其切换为“ Enabled”<br>3.找到“WebGL Draft Extensions”设置，并将其切换为“ Enabled”<br>4.单击立即重新启动按钮以重新启动浏览器。</p>
<h2 id="弹窗提示「文件加载超时，请刷新页面或检查网络后重试」">弹窗提示「文件加载超时，请刷新页面或检查网络后重试」</h2>
<p><img src="https://cdn.modao.cc/%2Fhc%2F%E9%A3%9E%E4%B9%A620220826-150533.png" width="500"/>

<p>首先，请检查网络连接是否正常，保持网络连接正常；<br>其次，请检查C盘空间是否不足5G。如果C盘空间不足5G，使用C盘磁盘清理工具清理后，可重新打开文件。  </p>


页面白屏了

文件打不开

<h1 id="墨刀打不开">墨刀打不开</h1>
<h2 id="无法连接到服务器">无法连接到服务器</h2>
<p>遇到无法连接到服务器的情况主要有4种可能： <br>1、本地与服务器连接不稳定。请您用浏览器（chrome）打开墨刀，如能正常打开，应该是这种情况，请您先暂时使用浏览器操作，20分钟后再打开客户端。 <br>2、网络代理导致与服务器连接异常。如果您开了网络代理（VPN），请您完全关闭后再重新打开墨刀。 <br>3、网络设置存在问题。您可以尝试把DNS修改为<code>114.114.114.114</code> ，修改操作请您根据系统选择参考：<a href="https://jingyan.baidu.com/article/e5c39bf51ff40339d7603383.html" target="_blank">windows系统</a>、<a href="https://jingyan.baidu.com/article/4dc40848081204c8d946f184.html" target="_blank">mac系统</a><br>4、Windows客户端白屏，连接不上服务器，有可能是被Windows smartscreen禁止了运行，您关闭这一功能后，重启客户端应该就可以正常运行。<br>关闭阻止SmartScreen的操作方法如下:<br>快捷键<code>Win+X</code> - 控制面板 - 操作中心 - 更改Windows SmartScreen筛选器设置 - 不执行任何操作 - 确定。<br>点击可见<a href="https://zhidao.baidu.com/question/2208010216987558628.html](https://zhidao.baidu.com/question/2208010216987558628.html" target="_blank">具体操作文档指南</a>  </p>
<h2 id="点击墨刀图标没有反应">点击墨刀图标没有反应</h2>
<p>点击墨刀启动图标没有反应主要有2种可能： <br>1、电脑存在问题。您重启电脑正常即可恢复。 <br>2、杀毒软件误删了墨刀文件。您可以下载最新版的墨刀客户端重新安装。</p>
<h2 id="卡在正在打开墨刀的界面">卡在正在打开墨刀的界面</h2>
<p>打开客户端卡在「正在打开墨刀」界面，这一般是缓存问题导致的，请您用删除文件夹的方式清除一下缓存，再重新打开即可。<br>这是<a href="/hc/articles/127" target="_blank">清除缓存</a>的教程</p>
<h2 id="卡在欢迎回来的界面">卡在欢迎回来的界面</h2>
<p>打开墨刀卡在欢迎回来界面一般是网络连接问题导致的，您可以通过以下方式解决： <br>1、切换一个网络重新打开。 <br>2、如果开启了网络代理（VPN），完全关闭后重新打开。</p>
<h2 id="提示无法访问此网站">提示无法访问此网站</h2>
<p>提示无法访问此网站一般是网络连接存在问题。 <br>1、如果您开了网络代理（VPN），建议您完全关闭后再重新打开墨刀。 <br>2、如果不是上述原因导致的，请您暂时用手机开热点让电脑暂时连接或者切换另一个网络，看是否能正常进入墨刀</p>
<br>



无法连接墨刀服务器

墨刀打不开

<h2 id="创建页面">创建页面</h2>
<p>目前版本有3种方式可创建页面。<br>1.点击上方「新建页面」直接创建</p>
<img src="https://cdn.modao.cc/v8/2215331-1.png" style="width:400px">

<br>

<p>2.使用快捷键「A」快速创建。<br>3.使用快捷键 Ctrl+C、Ctrl+V 可快速复制粘贴页面。  </p>
<h2 id="设置页面组件外观">设置页面/组件外观</h2>
<p>选中整个页面画板时，您可以在右侧的外观设置面板中设置页面画板的外观（尺寸、背景色）。</p>
<img src="https://cdn.modao.cc/v8/1206331-8.png" style="width:600px">

<br>

<p>选中某个组件时，您可以在右侧的外观设置面板中设置组件的外观（如位置、大小、颜色、透明度、阴影、动效等）。 </p>
<img src="https://cdn.modao.cc/v8/1206331-9.png" style="width:600px">


<h2 id="隐藏网格线">隐藏网格线</h2>
<p>选中页面时，您可以在编辑区右侧的外观设置面板中隐藏网格线。 </p>
<p><img src="https://cdn.modao.cc/v8/120636-2.png" alt="drawing" width="600px"/>
<br>

  

<h2 id="调整页面顺序">调整页面顺序</h2>
<p>鼠标悬浮在页面上直接往上或往下拖拽即可调整页面顺序。</p>
<img src="https://cdn.modao.cc/v8/1206331-16.gif" style="width:500px">
  
<p>注：IE浏览器不支持页面拖动，建议使用谷歌浏览器/墨刀客户端</p>
<h2 id="设置页面横屏">设置页面横屏</h2>
<p>选中页面时，您可以在右侧的外观设置面板中设置页面页面为横屏或者竖屏。<br>需要注意的是，只有手机文件才可以设置横竖屏，网页尺寸文件默认横屏，无竖屏选项。</p>
<img src="https://cdn.modao.cc/v8/1206331-17.png" style="width:800px">



<h2 id="设置页面高度（长页面）">设置页面高度（长页面）</h2>
<p>选中页面后，鼠标悬浮在页面底部，按住向下拖拽即可调整页面高度（拉长页面）。如果需要精确设置页面高度的值，可以在右侧的页面外观设置中输入数值设置。<br>拉长页面高度超过一屏后，在运行时会以滚动的形式展示。</p>
<img src="https://cdn.modao.cc/v8/1206331-18.gif" style="width:800px">



<h2 id="批量导入图片生成页面">批量导入图片生成页面</h2>
<p>如果您需要批量上传图片创建页面，您可以在电脑桌面多选这些图片，然后拖拽到文件编辑区的页面列表区域，图片就会自动上传并创建页面。 上传完成后，您可以直接添加交互，进行演示。</p>
<h2 id="合并文件">合并文件</h2>
<p>把几个文件的页面合并成一个，可以通过「转移页面」功能来实现：<br>在文件A中选择所需页面，点击页面右侧的「更多」-「移动到」按钮，在弹出的面板中选择需要移入的空间-文件夹-文件B，就可以将文件A的页面转移（合并）到文件B中了。<br>需要注意的是：<br>1、文件不能没有页面，因此如果需要转移所有页面，得先新建一个一级空白页面。<br>2、移动页面时可选择「复制并移动副本」，这样原页面会保留，只会将副本移动到新文件中。</p>
<img src="https://cdn.modao.cc//hc/hbxm.png" style="width:700px">

<br>



查看更多

新建页面

<h1 id="添加交互事件">添加交互事件</h1>
<p>墨刀支持为页面或组件添加交互跳转事件，模拟用户使用产品交互时的真实体验，让你的原型“动”起来。</p>
<h2 id="创建交互事件">创建交互事件</h2>
<p>要添加一个交互事件，需要设置触发事件以及行为。
<br></p>
<h3 id="1、新建事件：">1、新建事件：</h3>
<p>选中触发的组件，右侧栏中选择【事件】→【添加事件】，即可创建新的事件。</p>
<img src="https://cdn.modao.cc/2372109-1.png" style="width:400px">

<p>或者选中触发的组件后，拖拽其周围的[闪电]按钮到目标元素上，即可快速创建新的事件。</p>
<img src="https://cdn.modao.cc/v8/230726334-1.gif" style="width:800px">

<p>-拖动至左侧页面列表中的某一页面，默认快速创建【单击切换页面】事件。<br>-拖动至目标元素组件，会弹出行为菜单，选择需要的行为即可快速创建事件；如果当前状态仅支持一种行为，则会直接创建事件。</p>
<h3 id="2、选择触发动作">2、选择触发动作</h3>
<p>选择触发动作，可使交互事件生效。
<br></p>
<img src="https://cdn.modao.cc/%2Fhc%2Fa1.png" style="width:460px">
<br>

<h3 id="3、选择事件行为：">3、选择事件行为：</h3>
<p>包括跳转页面、跳转超链接、切换页面/组件状态、滚动到和显示/隐藏。触发事件后原型会发生对应的交互行为。
<br></p>
<img src="https://cdn.modao.cc/v8/1206334-1.png" style="width:438px">

<p>设置好以上两点后，还需要进一步选择跳转/切换的目标元素，以及具体的跳转方式，另外也可以添加切换动效。<br>这样在预览时就能进行高保真的交互体验了。
<br></p>
<img src="https://cdn.modao.cc/2372109-2.png" style="width:400px">

<p>使用tips：
同一元素的同类型事件支持多个行为。如单击一个组件，可切换多个动态组件的状态。
<br></p>
<p>部分同类行为可能会产生冲突导致事件失效，请检查后重新设置。</p>
<h2 id="交互事件介绍">交互事件介绍</h2>
<h3 id="1、跳转页面返回来源页面超链接">1、跳转页面/返回来源页面/超链接</h3>
<p><strong>跳转页面</strong>：在【行为】中选择【跳转页面】及对应的页面，则可支持跳转至该原型文件内的其他页面。 </p>
<p><strong>返回来源页面</strong>：在【行为】中选择【返回来源页面】，即可支持在演示时，通过触发该事件使演示的页面返回至之前演示的页面。 </p>
<p><strong>跳转超链接</strong>：通过此事件可支持跳转至其他网页网站。</p>
<h3 id="2、切换组件状态">2、切换组件状态</h3>
<p>若页面中的某个组件具有多个状态，【切换组件状态】事件可支持触发该组件状态的切换。
ps：仅支持切换当前页面内的组件状态。
<br></p>
<img src="https://cdn.modao.cc/v8/230726334-2.png" style="width:400px">

<h3 id="3、滚动到">3、滚动到</h3>
<p>触发【滚动到】事件后，演示的页面可以滚动至目标元素所在的位置。
<br></p>
<p>使用【滚动到】交互效果时，页面内画布需拉长至超过当前原型设定屏幕长度，才能出现页面滚动的效果。
<br></p>
<img src="https://cdn.modao.cc/v8/1206334-3.png" style="width:800px">
<br>

<p>添加事件后，目标元素顶部会生成滚动参考线。可以使用鼠标上下拖动调整具体位置，也可在右侧面板设置【偏移目标】数值进行微调。</p>
<h3 id="4、显示隐藏">4、显示/隐藏</h3>
<p>【显示/隐藏】事件可以快速切换目标元素的显示状态。<br>在右侧事件面板，可选【显示/隐藏/切换】三种类型，其中切换是指多次触发可切换显示/隐藏状态。
<br></p>
<img src="https://cdn.modao.cc/v8/1206334-4.png" style="width:800px">
<br>

<p>您也可以使用动态组件来实现显示/隐藏效果。具体方法请查看<a href="https://modao.cc/hc/articles/57" target="_blank">动态组件</a></p>
<h3 id="5、定时器">5、定时器</h3>
<p>【定时器】可定时触发事件，注意：<strong>定时器仅能触发全局事件</strong>，需先在图层中选中页面。</p>
<img src="https://cdn.modao.cc/v8/230726334-4.png" style="width:400px">

<p>随后在右侧栏中选择【全局事件】——【定时器】，即可创建定时器事件。</p>
<img src="https://cdn.modao.cc/v8/230726334-5.png" style="width:400px">

<p>在事件编辑栏中选定事件及目标元素后，可选择事件的动效以及定时器的时长。</p>
<img src="https://cdn.modao.cc/v8/230726334-6.png" style="width:400px">

<h2 id="动态组件的交互事件">动态组件的交互事件</h2>
<p>墨刀可实现为动态组件中某个元素添加交互事件，如切换页面状态、其他组件状态等。能够实现丰富的动态效果。
双击动态组件即可进入编辑组件状态页面。
<br></p>
<img src="https://cdn.modao.cc/v8/20230726334-3.gif" style="width:800px">

<p>之后即可通过添加交互事件，为动态组件内某个元素添加交互事件。</p>
<img src="https://cdn.modao.cc/hc%2Fgif2.gif" style="width:800px">

<h2 id="删除交互事件">删除交互事件</h2>
<p>有两种操作方法删除已添加的交互事件。<br>1.选中已添加交互的页面/元素组件，点击右侧的设置面板-事件-删除按钮。
<br></p>
<img src="https://cdn.modao.cc/%2Fhc%2Fa10088.png" style="width:800px">
<br>

<p>2.当显示事件链接线时，选中已添加交互的页面/元素组件，点击链接线上的【剪刀】按钮，即可快速删除事件。
<br></p>
<img src="https://cdn.modao.cc/%2Fhc%2Fa10089.png" style="width:800px">

<h2 id="事件相关偏好设置">事件相关偏好设置</h2>
<p>在左上角【更多】下拉菜单-偏好设置，或【事件】面板-设置，可以打开偏好设置弹窗。
<br></p>
<img src="https://cdn.modao.cc/v8/1206334-8.png" style="width:800px">
<br>

<p>与事件相关的设置包括：<br>1.常用-链接：可以设置添加事件后，页面中的标识方式，可选择不显示/只显示角标/显示线+角标。
<br></p>
<img src="https://cdn.modao.cc/%2Fhc%2Fa10091.jfif" style="width:800px">
<br>

<p>2.动效：可设置切换页面/组件状态时的默认动效为无动效/智能动画效果。
<br></p>


如何为我的原型添加交互动效

添加交互事件

<h1 id="其他操作">其他操作</h1>
<h2 id="查找替换">查找/替换</h2>
<p>查找替换功能可以用来批量修改原型内的文字。<br>使用方法很简单，使用快捷键 <code>Ctrl+F</code> 调出查找替换面板或者在<strong>左上角点击编辑选择查找/替换</strong>，</p>
<p><img src="https://cdn.modao.cc/v8/1206335-1.png" alt="drawing" width="500px"/>

<p>输入查找关键词后点击查找即可依次查看（部分隐藏内容需要手动操作才可以显示哦），在选项出点击下拉显示替换，即可单个或全部替换为想要更改的文字。如果需要全部页面内搜索把当前页面选择更换为全部页面即可。</p>
<p><img src="https://cdn.modao.cc/v8/1206335-2.png" alt="drawing" width="500px"/>

<br>

<h1 id="连接线">连接线</h1>
<p>新增「连接线」功能，让页面流程表达更流畅，逻辑展示更流畅。<br>让不同的页面串联更加清晰，实现更加精细化的流程展示。</p>
<h2 id="添加连接线">添加连接线</h2>
<p>可在需要的任意地方添加连接线右侧外观可根据实际需求进行颜色、粗细、端点及样式的调整。</p>
<p><img src="https://cdn.modao.cc/v8/1215381-1.jpg" width="700"/>

<h2 id="标尺与参考线">标尺与参考线</h2>
<p>在原型编辑区的<strong>上方和左侧</strong>设有标尺，可以帮助您把精确调整元素组件的位置和尺寸，
从标尺上可以拖拽出参考线，能够辅助您便捷地定位图像或对齐元素。</p>
<br>

 
<h3 id="标尺">标尺</h3>
<p>上方和左侧的「标尺」分别与画布的 X、Y 值相对应，在绘制原型的过程中就能通过标尺更便捷直观地查看元素和组件的坐标位置。</p>
<p>在<strong>左上角下拉菜单</strong>，点击【偏好设置】-【标尺】，能够切换标尺的<strong>显示/隐藏状态</strong>。</p>
<p><img src="https://cdn.modao.cc/v8/1206335-3.png" width="700px"/>


<h4 id="标尺右键菜单"><strong>标尺右键菜单</strong></h4>
<p>鼠标放置在标尺区域，并<strong>单击右键</strong>弹出菜单，能够勾选设置<strong>显示标尺、显示参考线、对齐参考线</strong>，也可以<strong>批量删除横向/纵向参考线</strong>。</p>
<p><img src="https://cdn.modao.cc/hc/scaleplate/scaleplate02.jpg" width="600px"/>

<br>

 
<p><strong>需要注意的有：</strong><br>1.选择不显示标尺时，参考线也会隐藏。<br>2.开启对齐参考线功能后，页面元素靠近参考线时，可触发吸附效果；同时拖动参考线也会自动吸附附近的元素。</p>
<br>

 
<h3 id="参考线">参考线</h3>
<p>从标尺上可以拖拽出多条参考线，以辅助定位或对其元素及组件。</p>
<br>

 
<h4 id="添加参考线"><strong>添加参考线</strong></h4>
<p>将鼠标靠近标尺区，能够看到鼠标切换为拖拽样式，此时单击鼠标并向下或向右滑动，并在合适的位置松开鼠标，即可创建参考线。</p>
<p><img src="https://cdn.modao.cc/v8/1206335-4.gif" width="700px"/>
 
<br>

 
<p>同一页面中可创建<strong>多条横向及纵向的参考线</strong>，参考线<strong>不会同步至所有页面</strong>。</p>
<p><strong>操作时需要注意：</strong></p>
<ul>
<li>从上方标尺拖拽出的是 X 轴（横向）的参考线</li>
<li>从左侧标尺拖拽出的是 Y 轴（竖向）的参考线</li>
</ul>
<br>

 
<h4 id="移动参考线"><strong>移动参考线</strong></h4>
<p>有两种方式可以对参考线进行移动。</p>
<p>1.将鼠标靠近目标参考线，鼠标样式会发生改变，此时直接<strong>单击鼠标并拖动</strong>即可移动参考线。</p>
<p>2.鼠标单击目标参考线，该参考线即会切换为蓝色的选中状态，使用<strong>键盘方向键</strong>即可移动参考线，每次移动的距离为1像素；<strong>按住shift+方向键</strong>，每次移动的距离为10像素。</p>
<h4 id="穿透参考线"><strong>穿透参考线</strong></h4>
<p>按住<code>shift</code>可穿透参考线，选择参考线下方的元素。</p>
<br>

 
<h4 id="删除参考线"><strong>删除参考线</strong></h4>
<p>有两种方式可以删除参考线。</p>
<p>1.拖动参考线至上方或左侧的标尺区域，鼠标会切换至【取消】状态，此时松开鼠标，参考线即被删除。</p>
<p><img src="https://cdn.modao.cc/v8/1206335-5.gif" width="700px"/>

<br>

 
<p>2.单击选中参考线，使用键盘<code>delete</code>键即可快捷删除。</p>
<h2 id="使用、隐藏一屏线（蓝色虚线）">使用、隐藏一屏线（蓝色虚线）</h2>
<h4 id="一屏线的作用">一屏线的作用</h4>
<p>页面编辑区的蓝色虚线可以理解为「一屏线」，这条线能让您在设计页面时了解当前页面在处在第一屏（不滚动）时能呈现那些页面内容。  </p>
<img src="https://cdn.modao.cc//hc/ypx.png" alt="drawing" width="500"/>


<h4 id="隐藏一屏线">隐藏一屏线</h4>
<p>一屏线可以和网格一起隐藏。不选中页面画布中的任何组件，在编辑区右侧的外观设置面板中取消网格勾选即可。 </p>
<p><img src="https://cdn.modao.cc/v8/1206335-6.png" alt="drawing" width="500px"/>

<h2 id="测距显示测距标注">测距/显示测距标注</h2>
<p>选中组件后，按住<code>Alt</code>，即可快速查看组件的测距标注信息。</p>
<h2 id="撤销重做">撤销/重做</h2>
<p>撤销和重做可以使用快捷键操作：<br>撤销 Mac：<code>Cmd+Z</code>  / Windows：<code>Ctrl+Z</code><br>重做 Mac：<code>Cmd+Y</code> / Windows：<code>Ctrl+shift+Y</code></p>
<br>

  

<h2 id="调整图层顺序">调整图层顺序</h2>
<p>组件的图层顺序有两种调整方式：<br>1、选中组件，点击编辑区的顶部工具栏「图层」进行调整（如：置顶、置底）。<br>2、在编辑区左侧的元素列表中直接上下拖拽元素调整图层顺序。 </p>
<p><img src="https://cdn.modao.cc/v8/1206335-7.png" alt="drawing" width="500"/>



<h2 id="页面列表元素组件列表多选">页面列表/元素组件列表多选</h2>
<p>墨刀支持页面列表/元素列表多选，具体操作如下，<br>页面列表：<br>按住shift,单击首尾两个页面即可选中两页面中间的所有页面，进行统一的移动/删除操作；<br>按住<code>command</code>（Mac）/ <code>ctrl</code>（Windows），即可逐个页面进行选择。</p>
<img src="https://cdn.modao.cc/v8/1206331-10.png" style="width:400px">

<br>

<p>元素组件列表：<br>按住shift,单击首尾两个元素组件即可选中列表中两组件中间的所有元素，然后右键进行组合/图层调整等操作；<br>按住<code>command</code>（Mac）/ <code>ctrl</code>（Windows），即可逐个元素组件进行选择，然后右键进行组合/图层调整等操作。</p>
<img src="https://cdn.modao.cc/v8/1206331-11.png" style="width:400px">

<br>

  

<h2 id="怎么拖动画布">怎么拖动画布</h2>
<p>按住空格键后，鼠标拖拽即可自由拖动画布。 </p>
<h2 id="缩小、放大画布">缩小、放大画布</h2>
<p>页面画布的大小可以在编辑区的顶部工具栏中调整。<br>您也可以使用快捷方式操作：Ctrl+鼠标滚轮滚动。 </p>
<h2 id="刷新界面">刷新界面</h2>
<p>刷新界面的快捷键：<br>Windows：<code>Ctrl+R</code>   / Mac：<code>Command+R</code>
<br></p>


墨刀原型的使用小技巧

使用技巧

<h1 id="真机演示">真机演示</h1>
<p>在墨刀中为（手机）原型文件准备了设备框，能够让文件在预览的时候更加贴近真实设备。  </p>
<h2 id="电脑端直接打开演示">电脑端直接打开演示</h2>
<p>在工作台选中文件点击「预览」或者在文件编辑区的右上角点击「预览」，即可电脑端直接进行原型演示。 </p>
<p><img src="https://cdn.modao.cc//hc/ylfx.png" width="500"/>


<h2 id="手机微信扫码打开演示">手机微信扫码打开演示</h2>
<p>在工作台选中文件点击分享，在分享设置界面用微信扫描文件二维码即可进行原型演示。 <br>如需把原型发给其他人预览，您可以复制文件分享链接或者保存二维码图片发送给对方。 </p>
<h2 id="使用墨刀手机app打开">使用墨刀手机APP打开</h2>
<p>在应用宝（安卓设备）或Appstore（苹果设备）搜索「墨刀」，下载墨刀移动客户端，登录墨刀帐号，即可查看、演示在电脑端制作的墨刀文件。</p>
<h2 id="安装到手机桌面（android）">安装到手机桌面（Android）</h2>
<p>原型协作版（原企业版）付费用户可以使用APK导出功能，此功能可以让您把电脑端制作的原型文件以APK的形式安装到安卓设备的桌面进行预览和演示。 <br>APK导出有2种方式： <br>1、在电脑端编辑区界面的顶部工具栏，点击「导出」，选择导出APK文件。 </p>
<p><img src="https://cdn.modao.cc//hc/azdsj2.png" width="500px"/>
<br>

<p>2、用手机打开原型文件分享链接，点击「安卓 APK 离线导出」。 下载完成后，点击APK文件即可像安装正常APP一样安装到桌面。 </p>
<p><img src="https://cdn.modao.cc//hc/azdsj.png" width="500px"/>

<h2 id="安装到手机桌面（ios）">安装到手机桌面（iOS）</h2>
<p>ios设备可以通过safari浏览器把文件安装到桌面。<br>具体操作如下： <br>1、用微信打开文件分享链接，点击「添加到主屏幕」，选择在safari中打开。</p>
<p><img src="https://cdn.modao.cc//hc/iosazzm.jpg" width="500px"/>
<br>

<p>2、点击发送「选择添加到主屏幕」，点击添加。添加完成后，即可在ios设备的桌面看到这个文件。</p>
<p><img src="https://cdn.modao.cc//hc/iosazzm2.jpg" width="500px"/>

<h2 id="电脑端离线演示">电脑端离线演示</h2>
<p>下载HTML文件用浏览器打开，可以实现在电脑端离线演示文件的功能。HTML下载是付费功能，原型版（原个人版）付费用户和原型协作版（企业版）付费用户均可下载，免费版不支持下载。 <br>HTML文件具体使用步骤： <br>1、在电脑端编辑区界面的顶部工具栏，点击「导出」，选择下载HTML文件。</p>
<p><img src="https://cdn.modao.cc//hc/dndys.png" width="500px"/>
<br>

<p>2、下载完文件，解压文件，双击用浏览器打开index文件（建议用chrome浏览器打开）</p>
<p><img src="https://cdn.modao.cc//hc/dndys2.png" width="500px"/>

<h2 id="手机端离线演示">手机端离线演示</h2>
<p>手机端离线演示有两种方式：<br>1、墨刀APP离线演示<br>打开墨刀APP，打开需要离线演示的文件，双指点击屏幕调出设置面板，选择「开启离线」。</p>
<p><img src="https://cdn.modao.cc//hc/sjdys.png" width="500px"/>
<br>

<p>2、安装安卓APK离线演示<br>在编辑区顶栏点击「导出」，选择「安卓 APK」，下载安装到安卓设备上。</p>
<p><img src="https://cdn.modao.cc//hc/sjdys2.png" width="500px"/>


<h2 id="运行时关闭高亮链接区域">运行时关闭高亮链接区域</h2>
<p><strong>1.电脑端查看</strong>：<br>在工作台选中文件，点击「分享」，在分享设置中取消「高亮链接区域」的勾选即可关闭高亮链接区域。 </p>
<p><img src="https://cdn.modao.cc//hc/gbgl.png" width="700"/>
<br>

  
<p><strong>2.微信扫码查看</strong>：<br>设置与电脑端同步，如需关闭高亮在电脑端的分享设置中关闭即可。
<br></p>
<p><strong>3.手机APP、安卓APK查看</strong>：<br>打开文件，双指点击屏幕，在弹出的设置面板中设置取消高亮。</p>
<h2 id="运行快捷键">运行快捷键</h2>
<p>运行的快捷键是<code>Ctrl+P</code>。</p>
<h2 id="运行时隐藏页面列表">运行时隐藏页面列表</h2>
<p>在运行界面点击右上角的「全屏模式」按钮，即可隐藏文件页面列表。</p>
<p><img src="https://cdn.modao.cc//hc/ycymlb.png" width="500px"/>


<h2 id="显示、隐藏手机边框">显示、隐藏手机边框</h2>
<p>在工作台选中文件，点击「分享」，在分享页的「效果」中可以设置是否显示文件边框。 <br>如须临时设置显示隐藏文件边框，可以在运行界面右上角点击「设置」按钮来调整。</p>
<p><img src="https://cdn.modao.cc//hc/sjbk.png" width="500px"/>
<br>



如何向成员演示我的原型

演示

<h1 id="素材面板">素材面板</h1>
<p>「<strong>素材面板</strong>」功能，能够让您在绘制原型时便捷地使用官方内置素材，一键复用，减少重复工作；以及设定自制/企业设计系统的素材库内容，提高原型绘制的效率和质量。<br>素材面板共分为<strong>组件、图标、图片、页面、母版</strong>五部分，布局直观、搜索高效、收藏简单。<br>在原型工具的编辑页面中，「<strong>素材面板</strong>」支持两种布局，①放在最左侧②放在最右侧。可根据自己的实际需求选择布局页面。<br>编辑中心左下角「...」即可选择素材面板的放置方位。</p>
<p><img src="https://cdn.modao.cc/v8/1206374-1.png" width="800"/>

<br>

<p>默认您的「<strong>素材面板</strong>」位于左侧，呈现效果如下图。</p>
<p><img src="https://cdn.modao.cc/v8/1206374-2.png" width="800"/>

<br>

<p><img src="https://cdn.modao.cc/v8/1206374-3.png" width="800"/>


<h2 id="组件素材">组件素材</h2>
<p>在左侧工具栏可以打开组件素材面板，也可以使用快捷键 <code>1</code> 快速打开。<br>再次点击「<strong>组件</strong>」按钮，或再次使用快捷键 <code>1</code> 即可关闭面板。</p>
<h3 id="内置组件">内置组件</h3>
<p>在内置组件部分中，顶部有组件素材分类导航，共有常用、表单、导航、图表、多媒体五类组件。点击即可快速定位到对应位置，便捷使用组件。</p>
<p><img src="https://cdn.modao.cc/v8/1206374-4.png" width="500"/>

<br>

<p><strong>常用组件</strong>包括文字、形状、图片、按钮、占位符等，具体使用教学请查看<a href="https://modao.cc/hc/articles/14">常用组件</a>。<br><strong>表单、导航、图表等组件</strong>封装了完整的交互、支持直接编辑内容，具有高复用性。具体使用教学请查看<a href="https://modao.cc/hc/articles/25">高级组件</a>。<br><strong>多媒体组件</strong>可以帮助您在原型中快速嵌入图片、视频、音频、二维码、地图等。具体使用教学请查看<a href="https://modao.cc/hc/articles/28">多媒体组件</a>。</p>
<h3 id="我的组件">我的组件</h3>
<p>「<strong>我的组件</strong>」分为<strong>自制</strong>和<strong>收藏</strong>两类。<br>如果是<strong>企业空间</strong>的文件，还会有「<strong>企业组件</strong>」。企业素材库支持共享组件，可将现有素材一键添加，多人共同维护。<br>企业素材库是一个企业成员共享的资源库，可以帮助企业成员进行素材的快速复用，提升工作效率以及达成企业产品设计的风格统一。</p>
<h4 id="自制组件">自制组件</h4>
<p>在墨刀，你可以将任何组件（组合）创建为“我的组件”，收录到“自制组件”中，具体创建方式可以查看<a href="https://modao.cc/hc/articles/27">我的组件</a>。<br>点击右上角的「新建文件夹」按钮，可以创建文件夹，更加清晰地管理组件素材。点击并拖动文件夹栏目，还能够为文件夹排序。</p>
<p><img src="https://cdn.modao.cc/v8/120634-5.gif" width="500"/>


<h4 id="收藏组件">收藏组件</h4>
<p>「收藏」栏目中包含了您在墨刀官方素材广场收藏过的组件素材，不限制收藏数量，可以直接预览和使用。<br>点击右上角的「加号」按钮，会进入发现栏目查看更多官方推荐的组件素材内容，选中并收藏后就会在<strong>收藏栏目</strong>呈现。<br><strong>注</strong>：之前已经收藏（引用）的组件数据，也会合并至新的素材面板中。</p>
<h3 id="发现组件">发现组件</h3>
<p>「发现」部分呈现了丰富的组件素材，并在顶部进行了推荐和分类，能够一键复用素材，减少重复工作，帮助您将更多精力投入到产品创意中。<br>选择合适的一、二级分类并点击「全部」即可查看符合要求的组件并收藏使用。</p>
<h2 id="图标素材">图标素材</h2>
<p>在左侧工具栏可以打开图标素材面板，也可以使用快捷键 <code>2</code> 快速打开。<br>图标素材面板有<strong>发现</strong>和<strong>图标库</strong>两部分。</p>
<p><img src="https://cdn.modao.cc/v8/1206374-6.png" width="500"/>

<br>

<p><strong>发现</strong>栏目为您推荐了绘制原型时常用的图标内容，方便使用。<br><strong>图标库</strong>栏目包含「收藏」和「素材广场」两部分。素材广场中有风格各异的图标包，点击可以查看详情并收藏。</p>
<br>

<p>图标的具体使用方法和技巧可以查看<a href="https://modao.cc/hc/articles/37">图标组件</a>。</p>
<h2 id="图片素材">图片素材</h2>
<p>在左侧工具栏可以打开图片素材面板，也可以使用快捷键 <code>3</code> 快速打开。<br>图片素材分为<strong>我的（企业）</strong> 和<strong>发现</strong>两部分。<br>您可以从本地上传图片，这些图片将以<strong>文件夹</strong>的形式呈现，同样文件夹也支持<strong>拖拽排序</strong>。<br>企业版用户还可以选择将图片素材上传至<strong>个人素材库或者企业素材库</strong>，分别管理您的图片素材。</p>
<p><img src="https://cdn.modao.cc/hc%2Fpicture-1.jpg" width="600"/>

<br>

<p>点击<strong>发现</strong>，我们为您提供了人物、动物、美食、风景等7类图片素材，双击或拖拽都能轻松使用，帮助您更佳便捷地完成原型绘制。</p>
<p><img src="https://cdn.modao.cc/v8/1206374-7.png" width="600"/>


<h2 id="页面素材">页面素材</h2>
<p>在左侧工具栏可以打开页面素材面板，也可以使用快捷键 <code>4</code> 快速打开。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/ymmb.png" width="500"/>           

<br>

<p>页面素材面板中分为<strong>发现</strong>和<strong>收藏</strong>两部分。<br><strong>发现栏目</strong>中为您整理推荐了部分页面主题，每天我们都会为您更新海量素材以供使用。<br>点击即可查看相关的页面素材，选择<strong>收藏</strong>后就能够存放在<strong>收藏栏目</strong>中，更加便捷地复用整个页面了。</p>
<h2 id="全局搜索">全局搜索</h2>
<p>在素材面板四大栏目的顶部，都分别设置了<strong>搜索栏</strong>。<br>点击可以搜索素材关键字，还能够查看您的<strong>搜索历史</strong>以及搜索量较高的<strong>关键词推荐</strong>。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/qjss.png" width="500"/>

<br>

<p>搜索结果包含了组件、图标、图片、页面四个类目。<strong>点击切换</strong>即可快速查看其他类目的素材内容。<br>您可以通过搜索查找您创建的文件夹、创建的组件、上传的图片，以及墨刀提供的丰富素材内容。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/ssjg.png" width="500"/>

<br>

<p>如果未能搜索到您需要的相关内容，可以点击「提交反馈」联系我们优化素材内容及搜索结果。</p>
<h2 id="素材库">素材库</h2>
<p>在组件、图标、图片、页面四大栏目的右上角，点击「素材库」按钮或是使用快捷键 <code>A</code> 都能打开个人素材库。<br>素材库的具体使用请查看<a href="https://modao.cc/hc/articles/39">素材库</a>。</p>
<h2 id="最近使用">最近使用</h2>
<p>在组件、图标、图片、页面四大栏目的右上角，点击「最近使用」按钮，即可看到您最近使用过的四类素材内容，更加便捷地进行复用。<br>同时顶部也能够通过关键词搜索您使用过的符合条件的素材，更加快速地找到您需要的素材内容。</p>
<p><img src="https://cdn.modao.cc/v8/1206374-8.png" width="500"/>

如何使用内置原型素材

素材面板

<h1 id="axure导入">Axure导入</h1>
<p>Axure导入是将Axure中的HTML文件以重新建立一个文件的形式导入墨刀内，支持在墨刀内进行继续编辑等操作。<br>需要注意的是， <strong>Axure生成的HTML文件夹需要压缩为.zip格式，其他格式暂不支持（加密ZIP无法识别）</strong>。
<br></p>
<p>具体操作步骤如下：</p>
<h2 id="1、导出axure文件">1、导出Axure文件</h2>
<p>在Axure内点击发布-生成HTML文件</p>
<img src="https://cdn.modao.cc/%E7%94%9F%E6%88%90.png" style="width:800px">

<p>注意需将生成的文件全部放入<strong>同一个文件夹</strong></p>
<img src="https://cdn.modao.cc/%E5%8E%8B%E7%BC%A91.gif" style="width:800px">


<h2 id="2、压缩axure文件">2、压缩Axure文件</h2>
<p>创建文件夹，将生成的文件进行压缩，注意是<strong>压缩整个文件夹而不是某个HTML</strong>。压缩时选择压缩文件格式为ZIP并且不能加密。</p>
<img src="https://cdn.modao.cc/hc/templetpanel/axure.gif" style="width:800px">

<h2 id="3、导入到墨刀内">3、导入到墨刀内</h2>
<p>使用谷歌浏览器打开墨刀，在工作台，点击新建-Axure导入即可将Axure压缩包上传到墨刀内。<br>注意：Axure压缩包目前只支持.zip格式并且不能加密，其他格式暂时无法上传的哦~</p>
<img src="https://cdn.modao.cc/v8/2301075-1.png">
<br>

<p>点击后会出现一个弹窗，选择相应的压缩包之后点击打开<br>Tips：支持批量上传哦（每次最多导入10个文件）</p>
<img src="https://cdn.modao.cc//hc/1626.png" style="width:800px">

<br>

<p>当出现下图提示后即表示导入成功，此时工作台内会出现一个新的文件（即导入的Axure文件）然后就可以在墨刀内继续编辑Axure文件啦~</p>
<img src="https://cdn.modao.cc//hc/16261483063453.png" style="width:400px">


<h2 id="axure导入常见问题小贴士">Axure导入常见问题小贴士</h2>
<p>在导入时由于使用的电脑品牌不同，型号和配置不同，压缩工具不同甚至Axure版本不同都有可能会出现以下问题，<strong>请确保按照下面的帮助内容依次进行尝试</strong>：</p>
<h4 id="q文件格式错误压缩文件似乎有些问题"><strong>Q:文件格式错误/压缩文件似乎有些问题</strong></h4>
<p>1、Axure发布的文件，出现文件损坏或者压缩ZIP文件后删除了某些内容，建议使用Axure9重新生成一份HTML文件，再进行压缩；<br>2、ZIP加密文件会导致导入失败；<br>3、<strong>数据过大、解析超时</strong>：是由于您的文件内的数据（原型内的组件）过大，建议您将内容拆分后，再进行上传；<br>4、压缩工具导致生成的ZIP包不对，首选系统自带的压缩方式，
❗️注意：<strong>若是Windows系统，则考虑使用WinRAR</strong>；<br>a. <a href="https://support.microsoft.com/zh-cn/windows/%E5%8E%8B%E7%BC%A9%E5%92%8C%E8%A7%A3%E5%8E%8B%E7%BC%A9%E6%96%87%E4%BB%B6-8d28fa72-f2f9-712f-67df-f80cf89fd4e5" target="_blank">Windows压缩和解压缩文件</a><br>b. <a href="https://support.apple.com/zh-cn/guide/mac-help/mchlp2528/mac" target="_blank">在 Mac 上压缩和解压缩文件和文件夹</a><br>5、如果非以上问题，可联系<a href="https://msg.wondershare.cc/qidian_modao_client.html" target="_blank">在线客服</a>  </p>


查看全部

Axure导入

<h1 id="页面交互">页面交互</h1>
<h2 id="页面状态">页面状态</h2>
<p>页面状态是通过为整个页面设置多个状态，使页面在演示时能够动起来，<mark>此功能在V8原型中已经删除，</mark> 目前在原型V7中仍能使用。
在V8原型中若想实现页面状态的效果，可以通过增加动态组件来实现。V8原型动态组件操作指路：<a href="/hc/articles/398" target="_blank">动态组件</a></p>
<h3 id="页面状态添加">页面状态添加</h3>
<ul>
<li>触发页面状态<br></li>
</ul>
<p>在文件编辑区的左栏选中某个页面，设置面板的右边有若干按钮，点击第一个圆形按钮后就可以触发页面状态编辑面板，设置这个页面的状态。</p>
<p><img src="https://cdn.modao.cc/v7/230801-56-1.png" width="400px"/>

<ul>
<li>添加页面状态<br></li>
</ul>
<p>有两种方式可以添加页面状态：</p>
<p>1、点击状态面板中的「新建」，将新建一个新的空白页面状态。</p>
<p><img src="https://cdn.modao.cc/v7/230801-56-2.png" width="400px"/>

<p>2、点击「复制」按钮，即可复制某个页面的状态为新的状态。  </p>
<p><img src="https://cdn.modao.cc/v7/230801-56-3.png" width="400px"/>

<h3 id="页面状态编辑">页面状态编辑</h3>
<ul>
<li><strong>页面默认状态设置</strong></li>
</ul>
<p>页面状态编辑面板中第一个状态就是页面的<strong>默认显示状态</strong>，也就是当我们打开一个页面时，页面最开始呈现的样子（状态）。如果想要更改默认页面状态，可以通过鼠标拖拽调整页面状态顺序。</p>
<p><img src="https://cdn.modao.cc/v7/230801-56-4.gif" width="400px"/>

<h3 id="页面状态切换和页面切换的区别">页面状态切换和页面切换的区别</h3>
<p>【页面状态切换】和【页面切换】都可以实现页面内的交互动画，但【页面状态切换】会有组件平滑移动的效果，如下图，我们可以称之为<strong>智能动画</strong>。</p>
<p><img src="https://cdn.modao.cc//hc/%E9%A1%B5%E9%9D%A2%E7%8A%B6%E6%80%81.gif" width="700px"/>

<p>相比之下，<strong>页面切换</strong>没有这种平滑移动的效果，会是生硬的切换，就像这样：</p>
<p><img src="https://cdn.modao.cc//hc/%E9%A1%B5%E9%9D%A2%E5%88%87%E6%8D%A2.gif" width="700"/>

<h3 id="如何实现页面状态实现交互">如何实现页面状态实现交互</h3>
<ul>
<li><strong>1、设置页面状态</strong></li>
</ul>
<p>通过以上步骤为页面设置多个状态。</p>
<ul>
<li><strong>2、增加交互事件</strong></li>
</ul>
<p>选中某一页面或组件，在工作栏右侧选择「全局事件」/「事件」——添加事件，即可设置触发页面状态更改的事件，具体操作可参考<a href="/hc/articles/9" target="_blank">添加交互事件教程</a></p>
<ul>
<li><strong>3、实际操作演示</strong></li>
</ul>
<p>本教程在此演示通过设置页面状态，使得某个图片位置、大小发生改变的过程。</p>
<p><video poster="https://cdn.modao.cc/v7/230801-56-6.png" width="720" controls>    <source src="https://cdn.modao.cc/v7/230801-56-5.mp4" type="video/mp4"></video></p>
<h2 id="网页跳转插入外部链接">网页跳转/插入外部链接</h2>
<p>使用交互事件中的超链接功能即可实现网页跳转效果。  </p>
<ul>
<li>1、选中任意元素，添加事件，选择跳转超链接</li>
</ul>
<p><img src="https://cdn.modao.cc//hc/wytz.png" width="400"/>
<br>
  
<ul>
<li>2、选择跳转到当前页面或者新开窗口，输入允许跳转的http/https协议的地址</li>
</ul>
<p><img src="https://cdn.modao.cc//hc/wytz2.png" width="400"/>

<h2 id="定时跳转">定时跳转</h2>
<p>选中画布后，在链接设置面板中可以为页面或状态设置定时跳转的效果。</p>
<p><img src="https://cdn.modao.cc//hc/dstz.png" width="700px"/>
<br>

页面交互

<h1 id="其他操作">其他操作</h1>
<h2 id="查找替换">查找/替换</h2>
<p>查找替换功能可以用来批量修改原型内的文字。<br>使用方法很简单，使用快捷键 <code>Ctrl+F</code> 调出查找替换面板或者在<strong>左上角点击编辑选择查找/替换</strong>，</p>
<p><img src="https://cdn.modao.cc//hc/czth.png" alt="drawing" width="500px"/>

<p>输入查找关键词后点击查找即可依次查看（部分隐藏内容需要手动操作才可以显示哦），在选项出点击下拉显示替换，即可单个或全部替换为想要更改的文字。如果需要全部页面内搜索把当前页面选择更换为全部页面即可。</p>
<p><img src="https://cdn.modao.cc//hc/czth2.png" alt="drawing" width="500px"/>


<h2 id="标尺与参考线">标尺与参考线</h2>
<p>在原型编辑区的<strong>上方和左侧</strong>设有标尺，可以帮助您把精确调整元素组件的位置和尺寸，
从标尺上可以拖拽出参考线，能够辅助您便捷地定位图像或对齐元素。</p>
<br>

 
<h3 id="标尺">标尺</h3>
<p>上方和左侧的「标尺」分别与画布的 X、Y 值相对应，在绘制原型的过程中就能通过标尺更便捷直观地查看元素和组件的坐标位置。</p>
<p>在<strong>左上角下拉菜单</strong>，点击【偏好设置】-【标尺】，能够切换标尺的<strong>显示/隐藏状态</strong>。</p>
<p><img src="https://cdn.modao.cc/hc/scaleplate/scaleplate01.jpg" width="700px"/>


<h4 id="标尺右键菜单"><strong>标尺右键菜单</strong></h4>
<p>鼠标放置在标尺区域，并<strong>单击右键</strong>弹出菜单，能够勾选设置<strong>显示标尺、显示参考线、对齐参考线</strong>，也可以<strong>批量删除横向/纵向参考线</strong>。</p>
<p><img src="https://cdn.modao.cc/hc/scaleplate/scaleplate02.jpg" width="600px"/>

<br>

 
<p><strong>需要注意的有：</strong><br>1.选择不显示标尺时，参考线也会隐藏。<br>2.开启对齐参考线功能后，页面元素靠近参考线时，可触发吸附效果；同时拖动参考线也会自动吸附附近的元素。</p>
<br>

 
<h3 id="参考线">参考线</h3>
<p>从标尺上可以拖拽出多条参考线，以辅助定位或对其元素及组件。</p>
<br>

 
<h4 id="添加参考线"><strong>添加参考线</strong></h4>
<p>将鼠标靠近标尺区，能够看到鼠标切换为拖拽样式，此时单击鼠标并向下或向右滑动，并在合适的位置松开鼠标，即可创建参考线。</p>
<p><img src="https://cdn.modao.cc/hc%2Fscaleplate%2F05.gif" width="700px"/>
 
<br>

 
<p>同一页面中可创建<strong>多条横向及纵向的参考线</strong>，参考线<strong>不会同步至所有页面</strong>。</p>
<p><strong>操作时需要注意：</strong></p>
<ul>
<li>从上方标尺拖拽出的是 X 轴（横向）的参考线</li>
<li>从左侧标尺拖拽出的是 Y 轴（竖向）的参考线</li>
</ul>
<br>

 
<h4 id="移动参考线"><strong>移动参考线</strong></h4>
<p>有两种方式可以对参考线进行移动。</p>
<p>1.将鼠标靠近目标参考线，鼠标样式会发生改变，此时直接<strong>单击鼠标并拖动</strong>即可移动参考线。</p>
<p>2.鼠标单击目标参考线，该参考线即会切换为蓝色的选中状态，使用<strong>键盘方向键</strong>即可移动参考线，每次移动的距离为1像素；<strong>按住shift+方向键</strong>，每次移动的距离为10像素。</p>
<h4 id="穿透参考线"><strong>穿透参考线</strong></h4>
<p>按住<code>shift</code>可穿透参考线，选择参考线下方的元素。</p>
<br>

 
<h4 id="删除参考线"><strong>删除参考线</strong></h4>
<p>有两种方式可以删除参考线。</p>
<p>1.拖动参考线至上方或左侧的标尺区域，鼠标会切换至【取消】状态，此时松开鼠标，参考线即被删除。</p>
<p><img src="https://cdn.modao.cc/hc%2Fscaleplate%2F06.gif" width="700px"/>

<br>

 
<p>2.单击选中参考线，使用键盘<code>delete</code>键即可快捷删除。</p>
<h2 id="使用、隐藏一屏线（蓝色虚线）">使用、隐藏一屏线（蓝色虚线）</h2>
<h4 id="一屏线的作用">一屏线的作用</h4>
<p>页面编辑区的蓝色虚线可以理解为「一屏线」，这条线能让您在设计页面时了解当前页面在处在第一屏（不滚动）时能呈现那些页面内容。  </p>
<img src="https://cdn.modao.cc//hc/ypx.png" alt="drawing" width="500"/>


<h4 id="隐藏一屏线">隐藏一屏线</h4>
<p>一屏线可以和网格一起隐藏。不选中页面画布中的任何组件，在编辑区右侧的外观设置面板中取消网格勾选即可。 </p>
<p><img src="https://cdn.modao.cc//hc/ycypx.png" alt="drawing" width="500px"/>

<h2 id="测距显示测距标注">测距/显示测距标注</h2>
<p>选中组件后，按住<code>Alt</code>，即可快速查看组件的测距标注信息。</p>
<h2 id="撤销重做">撤销/重做</h2>
<p>撤销和重做可以在编辑区内的左上角点击按钮操作。 </p>
<p><img src="https://cdn.modao.cc//hc/cxcz.png" alt="drawing" width="500"/>
<br>

<p>您也可以使用快捷键操作：<br>撤销 Mac：<code>Cmd+Z</code>  / Windows：<code>Ctrl+Z</code><br>重做 Mac：<code>Cmd+Y</code> / Windows：<code>Ctrl+shift+Y</code></p>
<br>

  

<h2 id="调整图层顺序">调整图层顺序</h2>
<p>组件的图层顺序有两种调整方式：<br>1、选中组件，点击编辑区的顶部工具栏「图层」进行调整（如：置顶、置底）。<br>2、在编辑区左侧的元素列表中直接上下拖拽元素调整图层顺序。 </p>
<p><img src="https://cdn.modao.cc//hc/tztcsx.png" alt="drawing" width="500"/>

<h2 id="怎么拖动画布">怎么拖动画布</h2>
<p>按住空格键后，鼠标拖拽即可自由拖动画布。 </p>
<h2 id="缩小、放大画布">缩小、放大画布</h2>
<p>页面画布的大小可以在编辑区的顶部工具栏中调整。<br>您也可以使用快捷方式操作：Ctrl+鼠标滚轮滚动。 </p>
<h2 id="刷新界面">刷新界面</h2>
<p>刷新界面的快捷键：<br>Windows：<code>Ctrl+R</code>   / Mac：<code>Command+R</code>
<br></p>


<h1 id="文件演示">文件演示</h1>
<h2 id="电脑端直接打开演示">电脑端直接打开演示</h2>
<p>在工作台选中文件点击「预览」或者在文件编辑区的右上角点击「预览」，即可电脑端直接进行原型演示。 </p>
<p><img src="https://cdn.modao.cc//hc/ylfx.png" width="500"/>


<h2 id="手机微信扫码打开演示">手机微信扫码打开演示</h2>
<p>在工作台选中文件点击分享，在分享设置界面用微信扫描文件二维码即可进行原型演示。 <br>如需把原型发给其他人预览，您可以复制文件分享链接或者保存二维码图片发送给对方。 </p>
<h2 id="使用墨刀手机app打开">使用墨刀手机APP打开</h2>
<p>在应用宝（安卓设备）或Appstore（苹果设备）搜索「墨刀」，下载墨刀移动客户端，登录墨刀帐号，即可查看、演示在电脑端制作的墨刀文件。</p>
<h2 id="安装到手机桌面（android）">安装到手机桌面（Android）</h2>
<p>原型协作版（原企业版）付费用户可以使用APK下载功能，此功能可以让您把电脑端制作的原型文件以APK的形式安装到安卓设备的桌面进行预览和演示。 <br>APK下载有2种方式： <br>1、在电脑端编辑区界面的顶部工具栏，点击「下载」，选择下载APK文件。 </p>
<p><img src="https://cdn.modao.cc//hc/azdsj2.png" width="500px"/>
<br>

<p>2、用手机打开原型文件分享链接，点击「安卓 APK 离线下载」。 下载完成后，点击APK文件即可像安装正常APP一样安装到桌面。 </p>
<p><img src="https://cdn.modao.cc//hc/azdsj.png" width="500px"/>

<h2 id="安装到手机桌面（ios）">安装到手机桌面（iOS）</h2>
<p>ios设备可以通过safari浏览器把文件安装到桌面。<br>具体操作如下： <br>1、用微信打开文件分享链接，点击「添加到主屏幕」，选择在safari中打开。</p>
<p><img src="https://cdn.modao.cc//hc/iosazzm.jpg" width="500px"/>
<br>

<p>2、点击发送「选择添加到主屏幕」，点击添加。添加完成后，即可在ios设备的桌面看到这个文件。</p>
<p><img src="https://cdn.modao.cc//hc/iosazzm2.jpg" width="500px"/>

<h2 id="电脑端离线演示">电脑端离线演示</h2>
<p>下载HTML文件用浏览器打开，可以实现在电脑端离线演示文件的功能。HTML下载是付费功能，原型版（原个人版）付费用户和原型协作版（企业版）付费用户均可下载，免费版不支持下载。 <br>HTML文件具体使用步骤： <br>1、在电脑端编辑区界面的顶部工具栏，点击「下载」，选择下载HTML文件。</p>
<p><img src="https://cdn.modao.cc//hc/dndys.png" width="500px"/>
<br>

<p>2、下载完文件，解压文件，双击用浏览器打开index文件（建议用chrome浏览器打开）</p>
<p><img src="https://cdn.modao.cc//hc/dndys2.png" width="500px"/>

<h2 id="手机端离线演示">手机端离线演示</h2>
<p>手机端离线演示有两种方式：<br>1、墨刀APP离线演示<br>打开墨刀APP，打开需要离线演示的文件，双指点击屏幕调出设置面板，选择「开启离线」。</p>
<p><img src="https://cdn.modao.cc//hc/sjdys.png" width="500px"/>
<br>

<p>2、安装安卓APK离线演示<br>在编辑区顶栏点击「下载」，选择「安卓 APK」，下载安装到安卓设备上。</p>
<p><img src="https://cdn.modao.cc//hc/sjdys2.png" width="500px"/>


<h2 id="运行时关闭高亮链接区域">运行时关闭高亮链接区域</h2>
<p><strong>1.电脑端查看</strong>：<br>在工作台选中文件，点击「分享」，在分享设置中取消「高亮链接区域」的勾选即可关闭高亮链接区域。 </p>
<p><img src="https://cdn.modao.cc//hc/gbgl.png" width="700"/>
<br>

  
<p><strong>2.微信扫码查看</strong>：<br>设置与电脑端同步，如需关闭高亮在电脑端的分享设置中关闭即可。
<br></p>
<p><strong>3.手机APP、安卓APK查看</strong>：<br>打开文件，双指点击屏幕，在弹出的设置面板中设置取消高亮。</p>
<h2 id="运行快捷键">运行快捷键</h2>
<p>运行的快捷键是<code>Ctrl+P</code>。</p>
<h2 id="运行时隐藏页面列表">运行时隐藏页面列表</h2>
<p>在运行界面点击右上角的「全屏模式」按钮，即可隐藏文件页面列表。</p>
<p><img src="https://cdn.modao.cc//hc/ycymlb.png" width="500px"/>


<h2 id="显示、隐藏手机边框">显示、隐藏手机边框</h2>
<p>在工作台选中文件，点击「分享」，在分享页的「效果」中可以设置是否显示文件边框。 <br>如须临时设置显示隐藏文件边框，可以在运行界面右上角点击「设置」按钮来调整。</p>
<p><img src="https://cdn.modao.cc//hc/sjbk.png" width="500px"/>
<br>



文件演示

<h1 id="素材面板">素材面板</h1>
<p>在原型工具的编辑页面中，左侧工具栏设置了「<strong>素材面板</strong>」功能，能够让您在绘制原型时便捷地使用官方内置素材，一键复用，减少重复工作；以及设定自制/企业设计系统的素材库内容，提高原型绘制的效率和质量。<br>素材面板共分为<strong>组件、图标、图片、页面、母版</strong>五部分，布局直观、搜索高效、收藏简单。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/scmb.gif" width="500"/>


<h2 id="视频讲解">视频讲解</h2>
<video poster="https://cdn.modao.cc/hc/templetpanel/poster.jpg" width="720" controls>
    <source src="https://cdn.modao.cc/hc/templetpanel/scmbjc.mp4">
</video>

<p><code>00:14</code> <strong>全局搜索</strong>：在任一素材面板中可以搜索各类素材内容
<br>
<code>00:53</code> <strong>素材库</strong>：打开素材库管理您的素材
<br>
<code>01:06</code> <strong>最近使用</strong>：查看和复用已经使用过的组件
<br>
<code>01:24</code> <strong>组件面板介绍</strong>：管理和使用内置、自制及收藏的组件素材
<br>
<code>03:02</code> <strong>图标面板介绍</strong>：筛选使用墨刀内置图标素材
<br>
<code>03:30</code> <strong>图片面板介绍</strong>：上传图片至个人/企业空间并管理
<br>
<code>03:49</code> <strong>页面面板介绍</strong>：筛选和收藏丰富的页面素材模版</p>
<h2 id="组件素材">组件素材</h2>
<p>在左侧工具栏可以打开组件素材面板，也可以使用快捷键 <code>1</code> 快速打开。<br>再次点击「组件」按钮，或再次使用快捷键 <code>1</code> 即可关闭面板。</p>
<h3 id="内置组件">内置组件</h3>
<p>在内置组件部分中，顶部有组件素材分类导航，共有常用、表单、导航、图表、多媒体五类组件。点击即可快速定位到对应位置，便捷使用组件。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/nzzj.png" width="500"/>

<br>

<p><strong>常用组件</strong>包括文字、形状、图片、按钮、占位符等，具体使用教学请查看<a href="https://modao.cc/hc/articles/14">常用组件</a>。<br><strong>表单、导航、图表等组件</strong>封装了完整的交互、支持直接编辑内容，具有高复用性。具体使用教学请查看<a href="https://modao.cc/hc/articles/25">高级组件</a>。<br><strong>多媒体组件</strong>可以帮助您在原型中快速嵌入图片、视频、音频、二维码、地图等。具体使用教学请查看<a href="https://modao.cc/hc/articles/28">多媒体组件</a>。</p>
<h3 id="我的组件">我的组件</h3>
<p>「我的组件」分为<strong>自制</strong>和<strong>收藏</strong>两类。<br>如果是<strong>企业空间</strong>的文件，还会有「企业组件」。企业素材库支持共享组件，可将现有素材一键添加，多人共同维护。<br>企业素材库是一个企业成员共享的资源库，可以帮助企业成员进行素材的快速复用，提升工作效率以及达成企业产品设计的风格统一。</p>
<h4 id="自制组件">自制组件</h4>
<p>在墨刀，你可以将任何组件（组合）创建为“我的组件”，收录到“自制组件”中，具体创建方式可以查看<a href="https://modao.cc/hc/articles/27">我的组件</a>。<br>点击右上角的「新建文件夹」按钮，可以创建文件夹，更加清晰地管理组件素材。点击并拖动文件夹栏目，还能够为文件夹排序。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/wjjys.gif" width="500"/>


<h4 id="收藏组件">收藏组件</h4>
<p>「收藏」栏目中包含了您在墨刀官方素材广场收藏过的组件素材，不限制收藏数量，可以直接预览和使用。<br>点击右上角的「加号」按钮，会进入发现栏目查看更多官方推荐的组件素材内容，选中并收藏后就会在<strong>收藏栏目</strong>呈现。<br><strong>注</strong>：之前已经收藏（引用）的组件数据，也会合并至新的素材面板中。</p>
<h3 id="发现组件">发现组件</h3>
<p>「发现」部分呈现了丰富的组件素材，并在顶部进行了推荐和分类，能够一键复用素材，减少重复工作，帮助您将更多精力投入到产品创意中。<br>选择合适的一、二级分类并点击「全部」即可查看符合要求的组件并收藏使用。</p>
<h2 id="图标素材">图标素材</h2>
<p>在左侧工具栏可以打开图标素材面板，也可以使用快捷键 <code>2</code> 快速打开。<br>图标素材面板有<strong>发现</strong>和<strong>图标库</strong>两部分。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/tbmb.png" width="500"/>

<br>

<p><strong>发现</strong>栏目为您推荐了绘制原型时常用的图标内容，方便使用。<br><strong>图标库</strong>栏目包含「收藏」和「素材广场」两部分。素材广场中有风格各异的图标包，点击可以查看详情并收藏。</p>
<br>

<p>图标的具体使用方法和技巧可以查看<a href="https://modao.cc/hc/articles/37">图标组件</a>。</p>
<h2 id="图片素材">图片素材</h2>
<p>在左侧工具栏可以打开图片素材面板，也可以使用快捷键 <code>3</code> 快速打开。<br>图片素材分为<strong>我的（企业）</strong> 和<strong>发现</strong>两部分。<br>您可以从本地上传图片，这些图片将以<strong>文件夹</strong>的形式呈现，同样文件夹也支持<strong>拖拽排序</strong>。<br>企业版用户还可以选择将图片素材上传至<strong>个人素材库或者企业素材库</strong>，分别管理您的图片素材。</p>
<p><img src="https://cdn.modao.cc/hc%2Fpicture-1.jpg" width="600"/>

<br>

<p>点击<strong>发现</strong>，我们为您提供了人物、动物、美食、风景等7类图片素材，双击或拖拽都能轻松使用，帮助您更佳便捷地完成原型绘制。</p>
<p><img src="https://cdn.modao.cc/hc%2Fpictures.jpg" width="600"/>


<h2 id="页面素材">页面素材</h2>
<p>在左侧工具栏可以打开页面素材面板，也可以使用快捷键 <code>4</code> 快速打开。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/ymmb.png" width="500"/>           

<br>

<p>页面素材面板中分为<strong>发现</strong>和<strong>收藏</strong>两部分。<br><strong>发现栏目</strong>中为您整理推荐了部分页面主题，每天我们都会为您更新海量素材以供使用。<br>点击即可查看相关的页面素材，选择<strong>收藏</strong>后就能够存放在<strong>收藏栏目</strong>中，更加便捷地复用整个页面了。</p>
<h2 id="全局搜索">全局搜索</h2>
<p>在素材面板四大栏目的顶部，都分别设置了<strong>搜索栏</strong>。<br>点击可以搜索素材关键字，还能够查看您的<strong>搜索历史</strong>以及搜索量较高的<strong>关键词推荐</strong>。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/qjss.png" width="500"/>

<br>

<p>搜索结果包含了组件、图标、图片、页面四个类目。<strong>点击切换</strong>即可快速查看其他类目的素材内容。<br>您可以通过搜索查找您创建的文件夹、创建的组件、上传的图片，以及墨刀提供的丰富素材内容。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/ssjg.png" width="500"/>

<br>

<p>如果未能搜索到您需要的相关内容，可以点击「提交反馈」联系我们优化素材内容及搜索结果。</p>
<h2 id="素材库">素材库</h2>
<p>在组件、图标、图片、页面四大栏目的右上角，点击「素材库」按钮或是使用快捷键 <code>A</code> 都能打开个人素材库。<br>素材库的具体使用请查看<a href="https://modao.cc/hc/articles/39">素材库</a>。</p>
<h2 id="最近使用">最近使用</h2>
<p>在组件、图标、图片、页面四大栏目的右上角，点击「最近使用」按钮，即可看到您最近使用过的四类素材内容，更加便捷地进行复用。<br>同时顶部也能够通过关键词搜索您使用过的符合条件的素材，更加快速地找到您需要的素材内容。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/zjsy.png" width="500"/>

<h1 id="开始使用">开始使用</h1>
<h2 id="轻松入门">轻松入门</h2>
<p>墨刀设计工具的上手是简单的，可以将你在墨刀原型工具中创作的原型或者设计思想转化为高度还原的设计稿。当然，你也可以直接使用墨刀设计工具来进行创意想法的实现，高精度高性能的设计能力支持让你创意实现变得更简单。</p>
<h2 id="快速上手">快速上手</h2>
<p>墨刀设计工具在操作使用体验上，保持了业内的一流水平。这样，你在其他设计工具中迁移过来，学习成本几乎为零。设计稿编辑区的全新优化布局，让你的操作所见即所得。</p>
<h2 id="交流互动">交流互动</h2>
<p>全新的设计协作理念，让你在使用设计工具的时候能够实时同步协作成员的想法，避免了不必要的信息沟通，让团队的工作效率再提升一个台阶。</p>
<h2 id="产设研团队全流程打通">产设研团队全流程打通</h2>
<p>墨刀设计工具支持设计稿的切图导出，点击切换到开发面板，能查看效果图的参考代码，让开发还原更便捷。支持与墨刀原型工具的文件数据融合，设计工具创建的icon或者设计稿可以轻松导入原型中，丰富原型内容。</p>
<h2 id="全平台支持">全平台支持</h2>
<p>如你所见，墨刀设计工具与其他的墨刀产品一样，无论你是使用的Windows、Mac还是其他移动互联网设备，都可以使用一个墨刀账号进行登录，查看与编辑文件设计稿、实时进行团队协作和文件同步沟通。<br>你可以选择浏览器访问<a href="https://modao.cc" target="_blank">墨刀官网</a>或者
<a href="https://modao.cc/downloads" target="_blank">下载墨刀客户端</a>，进行高效率的工作，墨刀不会限制你的使用习惯。<br>更让人惊喜的是，因为墨刀是的一款云端在线工具，所以你完全不用担心更换设备带来的数据备份、数据同步等繁琐且影响工作进度的事情。一个墨刀账号，就可以在多设备上同步你的数据。  </p>


轻松入门

<h1 id="形状工具">形状工具</h1>
<p>在墨刀设计工具的设计稿文件中，形状构成了大多数的图层。<strong>那些看似复杂的图形，多是由基础的形状，比如矩形、圆以及直线搭建出来的。当然，墨刀也提供了钢笔工具，帮助你完成更加复杂的形状设计。</strong><br>你可以从顶部工具栏的形状菜单找到所有形状工具。<br>单击矩形旁边的向下箭头以查看选项：<br>然后，你可以单击列表中的形状进行选择，或使用关联的快捷键。<br>这里有三种基础形状工具可用：  </p>
<ol>
<li>矩形工具（可以使用圆角工具）。</li>
<li>线条工具（包括虚线）。</li>
<li>椭圆工具（包括半圆和扇形工具）。</li>
</ol>
<p><strong>?小技巧：</strong>  </p>
<ul>
<li>拖动创建形状时按住 <code>Shift</code> 键可创建完美的正方形，圆形和多边形。</li>
<li>按住 <code>Option</code> 键可以从中心创建形状并调整其大小。</li>
<li>按住 <code>Shift</code> 和 <code>Option</code> 可以同时执行这两项操作！</li>
</ul>
<h2 id="矩形"><strong>矩形</strong></h2>
<p>你可以使用矩形工具创建矩形和正方形：<br>1.从形状工具中选择矩形工具，或使用键盘快捷键<code>R</code>。<br>2.单击画板中的某个点，并拖动来创建矩形，矩形尺寸将在底边下方以蓝色显示。</p>
<h3 id="a移动矩形"><strong>a.移动矩形</strong></h3>
<p>鼠标移入矩形内部可以单击拖拽移动位置。</p>
<h3 id="b调整矩形大小与角度"><strong>b.调整矩形大小与角度</strong></h3>
<p>①鼠标放在四条边上可以调整长或宽；<br>②鼠标放在四个角落的手柄上，可以同时调整长与宽；<br>③鼠标在四个角落的外边缘时可以设置矩形旋转角度。</p>
<h3 id="c调整圆角半径"><strong>c.调整圆角半径</strong></h3>
<p>除常规手柄外，矩形在每个角的内侧还有四个圆形手柄。 </p>
<p><img src="https://cdn.modao.cc//hc/tzyjbj.png" width="300"/>

<p>通过操作这些手柄，你可以快速调整圆角半径：<br>1.将鼠标悬停在边角的手柄上，直到显示「圆角」；<br>2.单击并将手柄拖向对象的中心以使边角变圆。<br>你还可以使用右侧设计面板中的「半径」设置来调整圆角。   </p>
<ul>
<li>将鼠标悬停在圆角半径图标上，直到出现箭头，然后滑动改变数值。</li>
<li>单击字段并输入所需的数值。</li>
<li>要单独调整每个角，请单击该字段右侧的单角图标。</li>
</ul>
<h2 id="线"><strong>线</strong></h2>
<p>1、从形状工具中选线工具，或使用键盘快捷键 L。<br>2、单击画板中的某个点，并拖动来创建直线。</p>


设计工具如何绘制图形

形状工具

<h1 id="使用智能间距整理">使用智能间距整理</h1>
<p>使用智能间距整理，可以让你轻松快速的整理2个及以上的对象之间的排列，并且一键调整间距。<br>若要触发智能排列，对象必须：  </p>
<ul>
<li>间距相同</li>
<li>在 X（水平）或 Y（垂直）轴上重叠，或两者都重叠
智能排列中的对象不需要大小相同。<br>如果对象之间的间距不相同，可以先使用整理功能重新排列对象统一间距。</li>
</ul>
<h2 id="使用整理功能">使用整理功能</h2>
<p>如果对象之间的间距不相等，可以使用整理功能进行快速调整，它会根据最左侧对象与下一个对象的间距为准，调整其他对象之间的间距。<br>选中对象后，将鼠标hover在选区上将出现一个整理图标，会有三种情况：<br>1.归行整理水平间距</p>
<p><img src="https://cdn.modao.cc//hc/ghzl.gif" width="900"/>

<p>2.归列整理垂直间距</p>
<p><img src="https://cdn.modao.cc//hc/glzl.gif" width="900"/>

<p>3.整理矩阵的水平&amp;垂直间距</p>
<p><img src="https://cdn.modao.cc//hc/spcz.gif" width="900"/>

<h2 id="调整对象之间的间距">调整对象之间的间距</h2>
<p>将对象整理好后，你可以快速拖拽调整每个对象之间的垂直或水平间距。<br>1.将鼠标悬停在对象之间的紫色条形手柄上。<br>2.光标所在的位置会出现一个箭头，然后您可以单击并拖动手柄。  </p>
<ul>
<li>向上以减少对象之间的垂直间距。</li>
<li>向下以增加对象之间的垂直间距。</li>
<li>向左以减少对象之间的水平间距。</li>
<li>向右以增加对象之间的水平间距。<br>光标上方将指示对象之间的距离（以像素为单位）。<br>除此之外，你还可以单击拖拽对象上的原形手柄，进行位置的调换：</li>
</ul>
<p><img src="https://cdn.modao.cc//hc/tzwz.gif" width="900"/>



如何快速调整图形的间距

使用智能间距整理

<h1 id="组件（symbol）与实例">组件（symbol）与实例</h1>
<h2 id="组件">组件</h2>
<p>组件是可以在你的设计中重复使用的元素。它们可以帮助你跨文件创建和管理一致的设计。<br>您可以创建主组件并定义组件的属性。然后您可以创建主组件的实例。更新主组件时，该组件的所有实例也将更新。</p>
<h3 id="修改组件">修改组件</h3>
<p>当你修改组件后，支持自动修改实例内容。同时也支持当实例调整属性后，组件修改，实例不再同步。也就是如果你实例选择脱离symbol组件后，那么当修改组件后此实例不会同步修改。<br>目前支持13类属性同步调整（锁定、文本样式、单独圆角、透明度、统一圆角、图层效果、文本内容、名称、大小、填充、描边、阴影、模糊）。<br>此功能可以很大程度解决设计师单独修改每个实例的痛点，提高设计稿修改设计图效率。</p>
<h3 id="脱离组件">脱离组件</h3>
<p>在编辑过程中，如果需要将某个实例取消组件的同步编辑效果，可以使用脱离组件功能。<br>选中组件，在右侧属性面板中脱离symbol组件；</p>
<br>

<img src="https://cdn.modao.cc//hc/zujianyushili01.png" style="width:400px">

<br>

<p>或者选中组件，右键选择「脱离symbol组件」或直接使用快捷键<code>ctrl＋alt＋B</code>进行脱离：</p>
<img src="https://cdn.modao.cc//hc/zujianyushili02.png" style="width:400px">


<h3 id="删除复原组件">删除/复原组件</h3>
<p>目前有三种方式可以删除组件：画布内、元素列表、组件列表。<br>可以使用<strong>右键</strong>或<strong>快捷键</strong>两种方式进行删除。并且支持撤销删除，或者你也可以选择通过实例复原组件。</p>
<img src="https://cdn.modao.cc//hc/zujianyushili03.png" style="width:400px">


<h3 id="定位组件">定位组件</h3>
<p>可以通过实例查找组件，同时支持定位到组件后，再返回到实例位置。<br>目前有三种方式可以定位到组件（左侧列表右键、选中实例右键，属性面板）</p>
<img src="https://cdn.modao.cc//hc/zujianyushili04.png" style="width:400px">

<br>
<br>
<img src="https://cdn.modao.cc//hc/zujianyushili05.png" style="width:400px">


<h2 id="实例">实例</h2>
<p>实例是组件的<strong>精确副本</strong>，它具有与原始属性相同的所有属性，包括任何<strong>文本格式，样式或布局约束</strong>。<br>实例本质上是链接到主组件的，当组件本身被修改时，所有复用内容都会自动同步更改。<br>目前支持3大类图层（组件、实例、其他组件、3种组合-包含组件、包含实例、包含组件和实例）创建实例。<br>支持2类方式快速创建（Symbol组件列表-拖拽、复制Symbol组件）。<br><strong>symbol组件拖拽</strong>：<br>需要先选择组件后，按住 <code>alt键</code>/<code>⌥（option）</code>，然后在画布内拖拽组件就可以创建一个新的实例<br><strong>复制symbol组件</strong>：<br>选择组件后，鼠标右键复制/粘贴到画板，或者使用快捷键进行操作即可创建一个新的实例<br>Mac：<code>⌘ C</code>  和 <code>⌘ V</code><br>Windows：<code> ctrl C</code> 和  <code>ctrl V</code></p>
<h2 id="替换实例">替换实例</h2>
<p>设计中经常需要考虑到设计多样化的情况，经常会遇到需要将部分组件替换成另一个状态或实例的需求，那么你可以通过替换实例的功能来完成此需求。<br>有两种方法可以替换实例：<br>1、<strong>组件列表替换</strong>：<br>在左侧组件列表选中组件后，使用<code>alt/option</code>点击拖拽到实例进行替换。<br>2、<strong>属性面板替换</strong>：<br>在画布内选中组件后，在右侧属性面板中替换。  </p>


设计工具如何创建symbol

组件（symbol）与实例

<h1 id="如何导出资源">如何导出资源</h1>
<p>设计工具支持png和svg格式的图形格式。在浏览器中使用设计工具时，导出的内容将自动保存到你的默认下载文件夹中。</p>
<h2 id="选择要导出的元素">选择要导出的元素</h2>
<p>首先，选择导出的元素，你可以导出单个图层、已选择的多个图层，单个组、嵌套画板和顶级画板。</p>
<h2 id="应用导出设置">应用导出设置</h2>
<p>你可以使用“属性”面板中的“导出”功能来设置导出对象、图层或画板的方式。<br>设计工具支持以PNG、SVG格式以及各种屏幕密度倍率导出，并在文件名后添加前/后缀。</p>
<p><img src="https://cdn.modao.cc//hc/dcsz.png" width="500"/>

              



设计工具如何导出设计资源

如何导出资源

<h2 id="看板项类型说明">看板项类型说明</h2>
<p>目前协作默认看板项分别为产品prd、需求梳理、流程图、原型图、设计稿、测试用例，刀友可根据自己实际需求进行修改。</p>
<br>

<p>设计稿：支持Sketch、AdobeXD、PS上传设计稿<br>产品PRD：产品版本背景介绍、版本信息说明<br>需求梳理：产品经理使用墨刀思维导图梳理需求<br>原型图：支持axure原型和墨刀原型<br>流程梳理：使用墨刀流程图做出产品场景流程梳理<br>测试用例：测试工程师根据使用墨刀思维导图编写测试用例</p>


看板项类型说明

<h1 id="上传设计稿">上传设计稿</h1>
<h2 id="将原型导入协作">将原型导入协作</h2>
<p>墨刀支持将账号的<strong>当前所在空间内</strong>的<strong>原型文件页面</strong>导入协作中，能够轻松表达流程与逻辑，演示评审更省心省力。<br>选择【<strong>导入原型页面</strong>】后，在弹出的窗口中可以选择要导入的文件，并勾选需要导入的页面，点击确定后即可开始导入。</p>
<img src="https://cdn.modao.cc/hc%2Fdesigncanva%2Fcanva_2.png" style="width:600px">

<br>

<p>您所选中的原型页面会以图片形式呈现在画布中，不支持进行标注。</p>
<img src="https://cdn.modao.cc/hc%2Fdesigncanva%2Fcanva_3.png" style="width:600px">


<h2 id="如何上传图片至协作">如何上传图片至协作</h2>
<p>墨刀支持上传<strong>JPG、PNG、GIF格式</strong>的图片，上传后不支持标注。<br>本地图片上传到墨刀协作有两种方法：<br>1.点击编辑区顶部的小加号，选择由本地上传。<br> <img src="https://cdn.modao.cc/%2Fhc%2F961.png" style="width:800px"></p>
<br>

<p>2.将本地图片直接拖拽至画布内即可。</p>
<h2 id="sketch设计稿上传步骤">sketch设计稿上传步骤</h2>
<p>在上传sketch设计资源前，你需要先安装并完成登录<strong>sketch插件</strong>。<br>「Sketch 插件」暂时<strong>仅支持 macOS 系统</strong>。<br>安装并登录sketch插件后，通过以下步骤即可完成上传。<br>1.在sketch界面，点击顶部工具栏中的【<strong>插件</strong>】选项，选择墨刀插件后，点击【<strong>上传画板</strong>】。</p>
<img src="https://cdn.modao.cc/hc%2Fnew_canva%2F1_1.png" style="width:800px">


<br>

<p> 2.在插件面板中，选择设计图的相关信息，如设计图的画板（选中的画板or当前页面的全部画板or当前文件的全部页面）、设计稿尺寸、上传至哪个文件、上传至个人/企业空间（团队）。<br>其中<strong>智能上传</strong>可以同步画板所在的sketch页面与分组，<strong>普通上传</strong>则可以手动选择分组。</p>
<img src="https://cdn.modao.cc/hc%2Fnew_canva%2F1_2.png" style="width:800px">
<br>
<br>
<img src="https://cdn.modao.cc//hc/sketch" style="width:500px">


<br>

<p>3.当出现下图提示时，则说明已经上传完成。此时可以选择快速分享或者前往查看设计稿。</p>
<img src="https://cdn.modao.cc/hc%2Fnew_canva%2F1_3.png" style="width:400px">

<br>

<p><strong>Sketch上传常见问题</strong><br>Sketch插件点击 “上传画板” 插件面板不弹出<br>如果MacOS是13及以上版本，请升级Sketch版本到93及以上</p>
<img src="https://cdn.modao.cc/230224338-1.png" style="width:400px">
<img src="https://cdn.modao.cc/230224338-2.png" style="width:400px">
<img src="https://cdn.modao.cc/230224338-3.png" style="width:400px">


<h2 id="由xd插件上传">由XD插件上传</h2>
<p><mark>墨刀XD插件现支持XDv37及以上版本。<mark></p>
<br>

<p><strong>一、下载XD插件</strong><br>在上传XD设计资源前，你需要先下载<strong>墨刀XD插件</strong>。共有两处下载入口。<br>1.下拉弹窗下载<br>单击顶部工具栏的【<strong>加号</strong>】按钮，在弹窗中点击XD插件【<strong>下载</strong>】；<br>2.画布中下载<br>在当前页面为空时，画布视图中会显示上传设计稿方式，单击【<strong>获取插件</strong>】即可下载插件。</p>
<img src="https://cdn.modao.cc/%2Fhc%2F%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202022-09-06%20092707.png" style="width:800px">

<br>

<p><strong>二、上传XD文件</strong><br>1.在Adobe XD界面，点击顶部工具栏中的【<strong>插件</strong>】选项，选择【<strong>墨刀</strong>】，并登录墨刀账号。</p>
<img src="https://cdn.modao.cc/hc%2Fupload%20canva4.png" style="width:500px">

<br>

<p>2.在插件的上传页面，可以进行具体上传设置。<br>如所处个人/企业空间（团队）、设计稿的画板（选中的画板or全部画板）、设计尺寸、上传至具体的文件、页面、分组、等，也可以点击右上角【<strong>加号</strong>】创建新的文件或页面。<br>设置完成后，点击【<strong>上传</strong>】即可。</p>
<img src="https://cdn.modao.cc/hc%2Fupload%20canva5.jpg" style="width:500px">

<br>
<br>
<img src="https://cdn.modao.cc//hc/xd" style="width:500px">

<br>

<p>3.当出现下图提示时，则说明已经上传完成。此时可以选择快速分享或者前往查看设计稿,也可以直接通知文件成员。</p>
<img src="https://cdn.modao.cc/hc%2Fupload%20canva6.png" style="width:500px">

<br>

<p><strong>三、xd 插件使用帮助</strong><br>如您在使用Adobe XD 插件时遇到上传问题，请参考以下步骤进行操作。<br>1、xd插件无法安装<br>如果您的xd插件无法正常安装，可参考视频中的步骤进行操作解决。</p>
<video poster="https://cdn.modao.cc/hc/video/xd_poster.jpg" width="720" controls>
    <source src="https://cdn.modao.cc/hc/video/xd%E6%8F%92%E4%BB%B6%E9%97%AE%E9%A2%98%E6%BC%94%E7%A4%BA.mp4" type="video/mp4">
</video>

<br>

<p>2、xd插件显示网络异常<br>当您在登录 XD 插件提示【网络异常】，请您关闭网络代理或者 VPN，之后可以正常使用。  </p>
<ul>
<li>Mac：【系统偏好设置】-【网络】-【高级】-【代理】，关闭代理。</li>
</ul>
<img src="https://cdn.modao.cc/hc%2Fxd%2Fxd.jpg" style="width:700px">

<br>

<ul>
<li>Win10：【网络和Internet设置】-【代理】，关闭代理。</li>
</ul>
<img src="https://cdn.modao.cc/hc%2Fxd%2FXD1.jpg" style="width:700px">

<br>

<p>3、xd切图相关问题<br>1.上传文件图标尺寸与设计稿不一致<br>在 XD 中，图标的下方加上透明底图，使用剪切蒙版的方式确保图标大小与墨刀网页端导出的大小一致。</p>
<br>

<p>2.无法导出切图以及画板缩略图<br> 如果你是macOS 系统，可以点击【系统偏好设置】-【安全性与隐私】-【隐私】-【完全磁盘访问权限】。<br>点击【加号】，手动把 Adobe XD 添加进去，重启 XD 即可导出切图和画板。</p>
<img src="https://cdn.modao.cc/hc%2Fxd%2FXD3.png" style="width:600px">


<h2 id="由ps插件上传">由PS插件上传</h2>
<p><mark>墨刀PS插件现支持Photoshop CC 2021 及以上版本。<mark></p>
<p><mark>Mac（适配 M1 芯片）、Windows 均可下载。<mark></p>
<br>

<p><strong>1、下载PS插件</strong><br>在上传PS设计资源前，你需要先下载<strong>墨刀PS插件</strong>。共有两处下载入口。<br>1.下拉弹窗下载<br>单击顶部工具栏的【<strong>加号</strong>】按钮，在弹窗中点击PS插件【<strong>下载</strong>】；<br>2.画布中下载<br>在当前页面为空时，画布视图中会显示上传设计稿方式，单击【<strong>获取插件</strong>】即可下载插件。</p>
<img src="https://cdn.modao.cc/%2Fhc%2F882.png" style="width:800px">
<br>

<p><strong>2、安装PS插件</strong><br>你需要安装并登录了 <strong>Creative Cloud</strong>，并且 PS 版本是<strong>2021及其以上</strong>。<br>如果 PS 版本低于 2021，将会出现下图：</p>
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%B2%A1%E6%9C%89%E5%AE%89%E8%A3%85.png" style="width:800px">
<br>

  
<p>下载好墨刀PS插件后，双击文件打开：</p>
<img src="https://cdn.modao.cc/%2Fhc%2F%E9%8E%B4%EE%81%84%E7%9D%862022-09-01%2019.32.03.png" style="width:800px">
<br>

<p>双击后会自动打开 Creative Cloud，点击【<strong>本地安装</strong>】：</p>
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%9C%AC%E5%9C%B0%E5%AE%89%E8%A3%852.png" style="width:800px">
<br>

  
<p>出现下图状态，代表安装成功：</p>
<img src="https://cdn.modao.cc/%2Fhc%2F%E9%8E%B4%EE%81%84%E7%9D%862022-09-01%2019.33.11.png" style="width:800px">
<br> 

<p><strong>PS插件无法安装</strong></p>
<p>如果您的PS插件无法正常安装，可参考视频中的步骤进行操作解决。</p>
<p>MAC安装视频如下，</p>
<video poster="https://cdn.modao.cc/230406338-1.jpg" width="720" controls>
    <source src="https://cdn.modao.cc/MAC%20PS.mov" type="video/mp4">
</video>

<p>Windows安装视频如下，</p>
<video poster="https://cdn.modao.cc/230406338-1.jpg" width="720" controls>
    <source src="https://cdn.modao.cc/WIN%20PS.mov" type="video/mp4">
</video>


<br>
<br>

<p>如您在使用墨刀PS插件时遇到上传问题，请参考以下步骤进行操作。 </p>
<p>打开<strong>2021 或以上版本</strong>的 PS ，即显示墨刀PS插件登陆页面。  </p>
<p>输入万兴/墨刀账号及密码即可登录。  </p>
<img src="https://cdn.modao.cc/%2Fhc%2F%E9%A3%9E%E4%B9%A620220906-091459.png" style="width:500px">
<br>

<p><strong>3、智能标记切图</strong>  </p>
<p>【<strong>选中</strong>】需要切图的图层或编组，点击【<strong>智能标记切图</strong>】。  </p>
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%99%BA%E8%83%BD%E6%A0%87%E8%AE%B0%E5%88%87%E5%9B%BE1.png" style="width:800px">
<br>

<p>当图层或编组名称前增加【**-s-<strong>】，【</strong>智能标记切图<strong>】变为【</strong>取消切图标记**】，此时切图操作便完成了。  </p>
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%99%BA%E8%83%BD%E6%A0%87%E8%AE%B0%E5%88%87%E5%9B%BE2.png" style="width:800px">
<br>

  
<p><strong>4、上传PS文件</strong><br>1.在Adobe PS界面，是否已经出现墨刀PS插件，若未出现，点击顶部工具栏中的【<strong>增效工具</strong>】选项，选择【<strong>墨刀</strong>】，并登录墨刀账号。</p>
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%89%93%E5%BC%80%E6%8F%92%E4%BB%B6.png" style="width:800px">
<br>

<p>2.在插件的上传页面，可以进行具体上传设置。<br>如所处个人/企业空间（团队）、设计稿的画板（选中的画板or全部画板）、设计尺寸、上传至具体的文件、页面、分组等，也可以点击右上角【<strong>加号</strong>】创建新的文件或页面。<br>设置完成后，点击【<strong>上传</strong>】即可。</p>
<img src="https://cdn.modao.cc/%2Fhc%2Fps%E6%8F%92%E4%BB%B6%E4%B8%8A%E4%BC%A0%E9%A1%B5%E9%9D%A22.png" style="width:500px">

<br>
<br>
<img src="https://cdn.modao.cc//hc/ps" style="width:500px">

<br>

<p>3.当出现下图提示时，则说明已经上传完成。此时可以选择快速分享或者前往查看设计稿,也可以直接通知文件成员。</p>
<img src="https://cdn.modao.cc/%2Fhc%2Fps%E6%8F%92%E4%BB%B6%E4%B8%8A%E4%BC%A0%E6%88%90%E5%8A%9F.png" style="width:500px">

<br>

<h2 id="插件上传小贴士">插件上传小贴士</h2>
<p><strong>1、设备说明：</strong><br>iPhone、iPad、Apple Watch这三种设备界面设计属于ios;<br>安卓系统界面设计属于Android;<br>网页类型的界面设计属于web。</p>
<br>

<p><strong>2、 尺寸与倍数关系的说明：</strong><br>iOS 类型的倍数：375 x 667 属于 iOS 1x；750 x 1334 属于 iOS 2x；1242 x 2208 属于 iOS 3x。<br>1920 x 1080 尺寸的手机界面建议选 Android-xxhdpi；网页选 Web-1x。<br>Web 类型的倍数：1x 为网页常用尺寸；2x 为特定屏幕尺寸，如 4k 屏，通常该尺寸会是正常网页的 2 倍。</p>


如何上传设计稿至设计协作工具

上传设计稿

<h2 id="查看自动标注">查看自动标注</h2>
<p>进入<a href="https://lc.dev.modao.cc/hc/articles/176">开发模式</a>后，<br>单击设计图中的图层对象，即可在右侧打开设计图<strong>标注信息面板</strong>，查看该设计图元素位置、尺寸、不透明度、颜色、阴影、代码等信息。<br><img src="https://cdn.modao.cc//hc/image%20%282%29.png" alt="p"></p>
<br>

<p>还可通过鼠标左键进行<strong>图层穿透</strong>，此时左侧会出现【图层列表】，在列表中可以快速选中图层；<br>或鼠标右键<strong>查看图层树</strong>的形式，查看不同图层的标注信息。<br><img src="https://cdn.modao.cc/hc/canva-1.jpg" alt="p"></p>
<h3 id="切换平台倍率">切换平台倍率</h3>
<p>点击标注面板左上角的【<strong>平台</strong>】，可展开设置界面，按需选择平台、单位、自定义倍率、和数字格式。<br>该像素单位是指在设计图尺寸不改变的情况下更换不同的设备显示的设计尺寸。<br><strong>注</strong>：若原设计稿宽度为 375，自定义倍率设置为 2 时，标注面板的宽度为 750<br><img src="https://cdn.modao.cc//hc/image%20%284%29.png" alt="p"></p>
<h3 id="复制标注信息">复制标注信息</h3>
<p>设置完成平台倍率后，选择目标图层对象，在右侧的<strong>标注面板</strong>，即可查看相应的开发代码信息，单击【<strong>复制</strong>】即可。<br><strong>注</strong>：支持<strong>单击复制单行代码</strong>，及鼠标划选部分代码，【command/ctrl + c 】也可以复制哦。<br><img src="https://cdn.modao.cc//hc/%E6%A0%87%E6%B3%A8%E4%BB%A3%E7%A0%81%E5%A4%8D%E5%88%B6.gif" alt="p">  </p>
<br>

  

<h2 id="切图下载">切图下载</h2>
<p>设计师在对设计图进行<strong>切图标记</strong>后，上传至墨刀协作，工程师即可<strong>一键下载所有切图</strong>。</p>
<h3 id="单个切片对象">单个切片对象</h3>
<p>在画板中，切图会以<strong>灰色虚线框</strong>显示，选中切图后，在【<strong>标注信息</strong>】面板，会显示该切片信息，可以<strong>直接导出</strong>。</p>
<img src="https://cdn.modao.cc//hc/image%20%285%29.png" style="width:800px">



<h3 id="画板切图">画板切图</h3>
<p>选择某画板后，在右侧的标注面板，切换至【<strong>画板切图</strong>】，这里显示的就是这个画板中所包含的<strong>全部切图</strong>，选择所需的图像类型和倍数，即可一键下载。<br><img src="https://cdn.modao.cc//hc/image%20%286%29.png" alt="p"></p>
<h3 id="文件全部切图">文件全部切图</h3>
<p>选择顶部工具栏的【<strong>全局切图</strong>】按钮，此时<strong>右侧切片面板</strong>显示的是当前文件中的全部切图，选择平台和图像类型，勾选需要的倍数，即可一键下载。<br><img src="https://cdn.modao.cc//hc/image%20%287%29.png" alt="p"></p>
<h2 id="吸管取色">吸管取色</h2>
<h3 id="取色">取色</h3>
<p>点击顶部工具栏的【<strong>吸管</strong>】按钮，滑动至想要查看的颜色区域并单击，即可临时在画板中取色。</p>
<h3 id="复制颜色信息">复制颜色信息</h3>
<p>单击色值框即可<strong>复制颜色信息</strong>。
<img src="https://cdn.modao.cc//hc/%E5%90%B8%E7%AE%A1%E5%8F%96%E8%89%B2.gif" alt="p"></p>
<h2 id="切图置顶设置">切图置顶设置</h2>
<h3 id="切图置顶选项">切图置顶选项</h3>
<p>在左上角下拉菜单可以找到【<strong>切图置顶</strong>】，<strong>默认勾选状态</strong>。<br>勾选后，在画板中查看标注时，<strong>切图会在最顶层</strong>，切图下的图层将不会被选中。</p>
<img src="https://cdn.modao.cc/hc%2Fnew_canva%2F3_1.png" style="width:500px">



开发如何查看自动标注

开发模式

<h2 id="分享文件">分享文件</h2>
<p>要将文件共享给他人，可以单击顶部工具栏右上方的【<strong>分享</strong>】按钮  。</p>
<h3 id="访问权限">访问权限</h3>
<p>分享弹框中可以<strong>设置访问权限</strong>，包括所有人可见或企业成员可见（企业版专属）；</p>
<h3 id="密码保护">密码保护</h3>
<p>此外可以<strong>开启密码保护</strong>，注意填入自定义密码后<strong>需要点击保存密码</strong>。</p>
<br>

<p>设置完成后，复制文件链接并发送就可以分享文件给他人了。</p>
<img src="https://cdn.modao.cc//hc/%E6%88%AA%E5%B1%8F2022-02-15%20%E4%B8%8A%E5%8D%8811.45.26.png" style="width:500px">


<h2 id="评论模式">评论模式</h2>
<h3 id="添加评论">添加评论</h3>
<p>在设计和开发模式中，点击顶部工具栏的【<strong>评论</strong>】按钮，或是使用快捷键【<strong>M</strong>】，即可进入<strong>评论模式</strong>，在操作区<strong>点击或拖拽</strong>可以创建评论。  </p>
<p>1.能够访问文件的成员，都可以在设计稿上<strong>打点标记、创建评论</strong>。  </p>
<p>2.评论中支持输入文字和表情，还可以@<strong>企业成员</strong>，被@的成员会在墨刀站内收到消息提示。评论下方可以<strong>添加回复</strong>。</p>
<img src="https://cdn.modao.cc//hc/image%20%288%29.png" style="width:500px">
  
<p>3.点击评论右上方的【<strong>更多</strong>】按钮，可以对自己发布的评论进行<strong>编辑或删除</strong>；点击【<strong>完成</strong>】按钮，可以将评论标记为<strong>已完成状态</strong>。<br><strong>注</strong>：当一条评论被删除时，其相关的回复也会被删除。<br>4.处于评论模式时，画布右侧会出现<strong>标记看板</strong>，可以在右上角<strong>筛选评论类别</strong>。
<img src="https://cdn.modao.cc//hc/image%20%289%29.png" style="width:800px"></p>
<h3 id="退出评论模式">退出评论模式</h3>
<p>再点击一次【<strong>评论</strong>】按钮，或使用快捷键【<strong>esc</strong>】可以退出评论模式。</p>
<h3 id="评论列表">评论列表</h3>
<p>在工作区右上角点击「评论列表」按钮，会展示常驻评论列表，无论是否处于评论模式，评论列表始终存在，再次单击按钮即可关闭。<br>在评论列表中单击一条评论，即可快速定位至该条评论并展开评论内容。<br>评论列表右上角同样支持分类筛选，便捷查找需要查看的评论类型。</p>
<img src="http://cdn.modao.cc/hc%2Fpllb.jpg" style="width:700px">


<h2 id="添加协作者（企业版专属）">添加协作者（企业版专属）</h2>
<h3 id="协作者管理">协作者管理</h3>
<p>在<strong>企业版</strong>中，点击右上角的【<strong>成员</strong>】按钮能够进行<strong>文件协作者管理</strong>；<br>可以<strong>搜索成员</strong>、<strong>添加或移除协作者</strong>。
<br></p>
<h3 id="修改权限">修改权限</h3>
<p>能够<strong>设置成员权限</strong>为可编辑、仅查看、禁止查看等。</p>
<img src="https://cdn.modao.cc//hc/3.png" style="width:500px">
<br>



设计协作工具可以评论吗

团队协作

<h2 id="看板项更改">看板项更改</h2>
<p>看板项默认为产品prd、需求梳理、流程图、原型图、设计稿、测试用例。
<br></p>
<p>如需修改默认看板项，具体步骤如下：</p>
<br>

 <img src="https://cdn.modao.cc/sjxz/230104383-1.png" style="width:600px">

<br>
<br>
<img src="https://cdn.modao.cc/sjxz/230104383-2.png" style="width:600px">

<br>
<br>
<img src="https://cdn.modao.cc/sjxz/230104383-3.png" style="width:600px">

<br>



如何设置看板项

<h1 id="工作台">工作台</h1>
<p>工作台是您登录墨刀的起始界面，从这里您可以进入个人工作台或者团队中的协作空间。</p>
<img src="https://cdn.modao.cc//hc/dashboard_main.jpg" width="800px"/>

<h2 id="最近文件、我的收藏">最近文件、我的收藏</h2>
<p>支持您所加入的各个团队及个人空间最近文件、收藏文件查阅。
<br></p>
<p>让您的文件管理更加高效，文件查阅更加便捷。</p>
<h2 id="素材广场">素材广场</h2>
<p>海量素材资源供您参考使用。
<br></p>
<h2 id="团队">团队</h2>
<h3 id="支持创建多个团队">支持创建多个团队</h3>
<p>多种团队类型，满足您不同团队的产品协作需求。</p>
<h3 id="支持团队下的空间创建及切换">支持团队下的空间创建及切换</h3>
<p>您可以以各种灵活形式创建空间来管理文件。
<br></p>
<ul>
<li>以人来区分空间</li>
<li>以产品线来区分空间
（如 ：前台 中台 后台；工具组、平台组；移动端、PC端等）</li>
</ul>


工作台

<h1 id="团队沟通与协作">团队沟通与协作</h1>
<p>免费版、团队版、企业版享受不同功能权益，详情请查看<a href="https://modao.cc/downloads" target="_blank">版本对比与介绍</a>。  </p>
<p>为了使团队内的多个文件管理更加清晰有效，为了使团队中的文件协作更加完整高效，墨刀在团队空间中为您开辟了空间。</p>
<h2 id="团队空间">团队空间</h2>
<p>团队空间是墨刀针对团队用户的专属空间，与个人空间无法协作不同，团队空间的主旨是帮助团队成员间以各种形式进行协作。<br>您可以将小组划为不同的空间、也可将不同产线划为不同空间。<br>如“前台”、“中台”、“后台”；<br>“电商组”、“营销组”、“商业化组”；<br>“移动端”、“PC端”等。<br>团队内可以建立不同的空间对应公司实际的业务需求，团队成员也可加入多个团队内空间。</p>
<h2 id="多人协作">多人协作</h2>
<p>墨刀团队空间支持<strong>多人协同编辑文件</strong>，协作成员需位于<strong>同一团队</strong>。</p>
<h2 id="审阅成员">审阅成员</h2>
<p>免费版、团队版、企业版在协作成员以外设置了<strong>审阅成员席位</strong>，致力于以更低的成本、更高的安全性，助力团队实现全员协作，全面提升评审效率。  </p>
<p>与协作成员不同，审阅成员<strong>不能够参与文件编辑</strong>，而是专为团队内的评审需求设置的。</p>
<br>

<p><strong>审阅成员的查看权限分为以下两种情况：</strong><br>1.在进行需求评审、文件评估时，分享文件链接时默认<strong>仅限团队内成员查看</strong>，这时审阅成员可以直接查看和评论。<br>2.在文件中添加审阅成员，设置其权限为<strong>仅查看</strong>，这一审阅成员就可以在工作台中预览此团队文件了。点击查看<a href="https://https://modao.cc/hc/articles/86" target="_blank">文件夹/文件权限</a>。<br>审阅席位的价格相对协作席位较低，可以合理分配成员职责与权限，节省团队成本。</p>
<h2 id="团队素材库">团队素材库</h2>
<p>团队素材库是一个可以协作共享的空间，所有素材均可在团队文件中使用，方便成员快速复用团队产品的设计标准。<br>你可以随时更新素材库内容，素材库会永久保存，无需担心同步问题。<br>具体管理使用方法请查看 <a href="https://modao.cc/hc/articles/203" target="_blank">团队素材库</a>。</p>


了解团队

团队沟通与协作

<h1 id="团队协作版本划分">团队协作版本划分</h1>
<p>墨刀团队协作包含原型工具、设计协作、设计工具、思维导图、流程图五大产品，串联产设研团队，解决沟通协作难题。</p>
<p><img src="https://cdn.modao.cc/hc/enterprise/qybb1.png" width="800px"/>

<br>

<p>目前墨刀团队协作共分为<strong>免费版</strong>、<strong>团队版</strong>以及<strong>企业版</strong>三大类，具体功能价格详情请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。</p>
<h2 id="免费版">免费版</h2>
<p><strong>免费版</strong>面向所有团队用户永久免费开放协作权益，协助初创型团队，颠覆传统产品设计模式。</p>
<h3 id="什么是免费版">什么是免费版</h3>
<p>免费版能够满足您的基本协作需求，能够使用5大工具，完善协作闭环；<br>核心功能：
<img src="https://cdn.modao.cc/tuanduikongjian/%E5%85%8D%E8%B4%B9%E7%89%88%E5%8A%9F%E8%83%BD.png" width="800px"/></p>
<p>具体功能权限请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。</p>
<h3 id="如何使用免费版">如何使用免费版</h3>
<p>共有3种路径可以使用免费版：<br>路径1：新用户登陆墨刀，系统将自动为其创建团队空间（免费版）<br>路径2：用户可通过工作台左侧栏创建新团队<br>路径3：用户创建新的团队，可点击头像，点击「切换空间」，而后点击创建新团队<br>⚠️注意：1.到期团队转为免费版，最多支持10个协作席位、1个团队。转为免费版后如果成员、文件数等其他权益超限，功能使用会受限。为了您的正常使用，请您把协作成员减少到不多于10人，文件数不多于3个。<br>2.每位用户只能够选择一个团队空间使用永久免费权益。</p>
<h2 id="团队版">团队版</h2>
<p>团队版适用于小微团队，小投入，高效率，助力中小型团队，提升产品设计协作体验。</p>
<h3 id="什么是团队版">什么是团队版</h3>
<p>核心功能：
<img src="https://cdn.modao.cc/tuanduikongjian/%E5%9B%A2%E9%98%9F%E7%89%88%E5%8A%9F%E8%83%BD.png" width="800px"/></p>
<p>除去核心功能，团队版还提供<strong>资产容灾快速响应机制</strong>和<strong>专属客服服务</strong>。<br>此版本能够满足<strong>中小型团队</strong>协作需求，在团队管理方面也更专业。<br>具体功能权限与价格请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。<br>⚠️注意：企业版降级为团队版时，请将您的内容转移到一个统一的空间进行保留，保留的文件数须不超过100个。</p>
<h2 id="企业版">企业版</h2>
<p>企业版适用于<strong>大型团队或企业</strong>，是大型企业的文件管家，无限创作，安全无忧。</p>
<h3 id="什么是企业版">什么是企业版</h3>
<p>核心功能：
<img src="https://cdn.modao.cc/tuanduikongjian/%E4%BC%81%E4%B8%9A%E7%89%88%E5%8A%9F%E8%83%BD.png" width="800px"/></p>
<p>除去核心功能，企业版还提供<strong>180天操作日志查看</strong>、<strong>专属域名</strong>、<strong>离职数据移交</strong>、<strong>资产容灾快速响应机制</strong>和<strong>专属客服服务</strong>。<br>具体功能权限与价格请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。</p>


墨刀团队协作都有哪些种类

团队版本划分

<h1 id="文件交接">文件交接</h1>
<p>离职了该如何交接？员工离职，交接给公司主要存在几种情况。</p>
<h2 id="交接内容在公司帐号创建的「团队」中">交接内容在公司帐号创建的「团队」中</h2>
<p>交接操作步骤：<br>切换到相应的团队内，点击左下角「成员管理」，在「成员管理」界面，选择需要交接的成员，点击「移除并交接」；<br>免费版中，文件默认交接给企业所有者。<br>企业版中，可点击修改选择需要交接的文件及被交接人，点击确定即可完成交接。</p>
<p><img src="https://cdn.modao.cc//hc/org_owner_change.png" width="800px"/>

<br>

<p><img src="https://cdn.modao.cc/leave_trans.png" width="800px"/>
<br>

<p>Tips：团队空间中的文件属于团队空间所有者，因此移除团队成员后，成员移入团队空间或者在团队空间里创建的文件不会消失。</p>
<h2 id="交接文件在离职人员帐号创建的「团队」中">交接文件在离职人员帐号创建的「团队」中</h2>
<p>这种情况有2种交接方式。<br>交接方式1:<br>Tips：本方法仅限文件，不支持文件夹。<br>1）离职人员将需要交接的文件先转移到公司账号创建的团队。</p>
<p><img src="https://cdn.modao.cc/tuanduikongjian/2212225-1.png" width="400px"/>

<br>

<p><img src="https://cdn.modao.cc/tuanduikongjian/2212225-2.png" width="600px"/>

<br>

<p>2）由团队空间管理员进行离职交接操作。（操作办法见上一节）<br>交接方式2：<br>1）离职人员把团队的「所有者」权限转让给管理员帐号。<a href="https://modao.cc/hc/articles/83#%E8%BD%AC%E8%AE%A9%E4%BC%81%E4%B8%9A%E7%A9%BA%E9%97%B4%EF%BC%88%E6%89%80%E6%9C%89%E8%80%85%EF%BC%89" target="_blank">点击了解如何转让团队</a><br>2）切换到离职人员创建的团队内，点击左下角「团队管理」。<br>在跳出的界面中，点击「成员管理」，选择需要交接的成员，点击「移除并交接」；<br>选择需要交接的文件及被交接人，点击确定即可完成交接。</p>
<p><img src="https://cdn.modao.cc//hc/org_owner_change.png" width="800px"/>

<br>


<h2 id="交接文件在离职人员帐号「个人空间」中">交接文件在离职人员帐号「个人空间」中</h2>
<p>若需交接离职人员在个人空间中的文件，首先需将离职人员添加到当前的团队中。
若离职人员不在当前团队，可按如下步骤操作：
1）管理者帐号切换到当前公司创建的的团队<br>2）管理者帐号添加离职人员到团队中</p>
<p><a href="https://modao.cc/hc/articles/188#%E9%82%80%E8%AF%B7%E5%8A%A0%E5%85%A5%E4%BC%81%E4%B8%9A%E7%A9%BA%E9%97%B4" target="_blank">点击了解如何邀请团队成员</a></p>
<p><a href="https://modao.cc/hc/articles/88#%E6%B7%BB%E5%8A%A0%E6%96%87%E4%BB%B6%E5%A4%B9%E6%88%90%E5%91%98" target="_blank">点击了解如何添加为文件夹成员</a><br>3）离职人员把文件从个人空间移到团队下的文件夹中</p>
<p><a href="https://modao.cc/hc/articles/94#%E4%B8%AA%E4%BA%BA%E9%A1%B9%E7%9B%AE%E8%BD%AC%E7%A7%BB%E8%87%B3%E4%BC%81%E4%B8%9A%E7%A9%BA%E9%97%B4" target="_blank">点击了解如何将个人文件转移到团队空间</a><br>4）帐号（所有者）把离职人员移出团队</p>
<p><a href="https://modao.cc/hc/articles/188#%E5%88%A0%E9%99%A4%E4%BC%81%E4%B8%9A%E7%A9%BA%E9%97%B4%E6%88%90%E5%91%98" target="_blank">点击了解如何删除团队成员</a>
<br></p>
<h2 id="外包原型文件交付">外包原型文件交付</h2>
<p>因外包原型文件交付场景较为特殊，建议以这样的方式操作：</p>
<h4 id="方案一">方案一</h4>
<p>1.乙方与甲方先确认、约定使用墨刀制作原型。<br>2.由甲方注册账号，创建团队，添加乙方账号加入团队。<br>3.乙方在甲方创建的团队中为甲方制作原型，项目结束后退出团队。</p>
<h4 id="方案二">方案二</h4>
<p>1.乙方与甲方先确认、约定使用墨刀制作原型。<br>2.乙方替甲方注册一个墨刀账号，创建团队，添加乙方账号加入团队。<br>3.乙方在创建的团队中为甲方制作原型，项目结束后退出团队，将帐号交给甲方。
<br></p>


成员离职后，项目如何交接

文件交接

<h1 id="操作日志">操作日志</h1>
<p>操作日志可帮助更好的管理成员及文件，清晰的了解到团队空间内的变动。<br>目前只有<strong>所有者和超级管理员</strong>可以查看哦~<br>操作日志可查询到的内容包括<strong>团队成员变更、团队信息变更、团队权限变更和团队文件变更</strong>，并且会提示是空间内的哪个账号进行操作的。</p>
<h2 id="查看操作日志">查看操作日志</h2>
<p>团队空间所有者或超级管理员登录账号后，在团队空间点击「管理后台」。<br>在跳转后的页面中打开「操作日志」即可查看。</p>
<p><img src="https://cdn.modao.cc/tuanduikongjian/221290-1.png" width="800px"/>

<br>

<p><img src="https://cdn.modao.cc/tuanduikongjian/221290-3.png" width="800"/>

<br>

<p>ps：操作日志为企业版专享权益。点击查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>  </p>


如何查看团队操作日志

操作日志

<h1 id="素材广场使用指南">素材广场使用指南</h1>
<p><a href="https://modao.cc/community" target="_blank">素材广场</a>目前素材分为原型图、设计资源、流程图、图标、组件及设计规范，后续会上线思维导图，图片，下面将分别讲述一下现有的几类素材如何使用。</p>
<h2 id="1、原型项目">1、原型项目</h2>
<p>素材广场中的「原型项目」为一整个原型项目的素材。
<br></p>
<p>（1）在素材广场中，选择「原型项目」，即可浏览素材广场中的原型项目素材。</p>
<p><img src="https://cdn.modao.cc/v8/230804-98-1.png" width="600"/>

<p>（2）选择您需要的原型项目，点开并点击【立即使用】，将会出现弹窗让您选择将该素材保存在哪个空间的位置中。</p>
<p><img src="https://cdn.modao.cc/v8/230804-98-2.png" width="800"/>

<p>（3）保存后，打开您刚刚所选择的空间及位置，则能找到保存的原型项目素材。</p>
<p><img src="https://cdn.modao.cc/v8/230804-98-3.png" width="600"/>

<h2 id="2、原型页面">2、原型页面</h2>
<p>「原型页面」素材为原型中的各个页面素材，保存某个「原型页面」素材后，可在个人原型文件中，选中素材中的某一个页面使用。
<br></p>
<p>（1）进入素材广场后，选择「原型页面」这一个分类。</p>
<p><img src="https://cdn.modao.cc/230803-98-1.png" width="600"/>

<p>（2）点击选择进入自己喜欢的原型后，点击【立即使用】，这个时候会让你选择文件的保存空间和位置。</p>
<p><img src="https://cdn.modao.cc/230803-98-2.png" width="600"/>

<p>（3）保存素材之后，打开原型，在左侧选择【页面】——【收藏】，即可看到保存的原型页面。</p>
<p><img src="https://cdn.modao.cc/230803-98-3.png" width="400"/>

<h2 id="3、组件及图标">3、组件及图标</h2>
<p>（1）进入素材广场后，选择「组件」或「图标」</p>
<p><img src="https://cdn.modao.cc/v8/230804-98-4.png" width="600"/>

<p>（2）点击进入自己喜欢的素材后，点击【立即使用】，这个时候会让你选择素材的保存空间和位置。</p>
<p><img src="https://cdn.modao.cc/v8/230804-98-5.png" width="800"/>
  
<p>（3）保存素材之后，打开原型，在左侧选择【组件】——【我的】——【收藏】，即可看到保存的组件。</p>
<p><img src="https://cdn.modao.cc/v8/230804-98-6.png" width="400"/>

<h2 id="4、设计工具">4、设计工具</h2>
<p>「设计工具」为一整个设计文件的素材。
<br></p>
<p>（1）进入素材广场后，选择「设计工具」这一个分类</p>
<p><img src="https://cdn.modao.cc/v8/230804-98-7.png" width="600"/>

<p>（2）点击选择进入自己喜欢的素材后，点击【立即使用】，这个时候会让你选择文件的保存空间和位置，保存之后就可以回到工作区进行编辑文件。</p>
<p><img src="https://cdn.modao.cc//hc/sjzy2.png" width="900"/>

<h2 id="5、流程图">5、流程图</h2>
<p>「流程图」为一整个流程图文件的素材。
<br></p>
<p>（1）进入素材广场后，选择「流程图」这一个分类</p>
<p><img src="https://cdn.modao.cc/v8/230804-98-8.png" width="600"/>

<p>（2）点击选择进入自己喜欢的流程图后，点击【立即使用】，这个时候会让你选择文件的保存空间和位置，保存之后就可以回到工作区进行编辑文件。</p>
<p><img src="https://cdn.modao.cc//hc/lctsc2.png" width="900"/>

<h2 id="6、达人作品">6、达人作品</h2>
<p>「达人作品」为达人设计的某个作品。
<br></p>
<p>（1）进入素材广场后，选择「达人作品」这一个分类</p>
<p><img src="https://cdn.modao.cc/v8/230804-98-9.png" width="600"/>

<p>（2）点击选择进入自己喜欢的达人作品后，点击【立即使用】，这个时候会让你选择文件的保存空间和位置，保存之后就可以回到工作区进行编辑文件。</p>
<p><img src="https://cdn.modao.cc//hc/lctsc2.png" width="900"/>



素材广场使用指南

<h1 id="墨刀素材版权说明">墨刀素材版权说明</h1>
<h2 id="官方整理素材">官方整理素材</h2>
<p><strong>使用声明：</strong><br>1.本素材由墨刀收集、整理，仅供墨刀用户学习与参考（功能流程、页面布局、组件样式），不可直接下载（不做任何改动地）用于产品设计、开发及其它用途；<br>2.用户使用素材内容（界面、组件、图片、字体）应遵守相关法律、法规，不得侵犯本网站及权利人的合法权利；<br>3.墨刀认为或权利人举报构成侵权的，墨刀有权删除相关内容；<br>4.因用户非法使用素材内容构成侵权或引起法律纠纷，相应责任由用户自行承担，墨刀不承担任何责任。由此给墨刀造成损失的，墨刀有权根据情节严重程度依法追究责任方的法律责任。<br><strong>权利声明：</strong><br>若您发现本素材侵害了您的权利，请将您的权属证明等信息（具体包括：a.权利人的姓名或名称、联系方式和地址；b.要求删除的侵权素材名称；c.构成侵权的初步证明材料，如权属证明、在先使用证明等）发送至：<a href="mailto:customer_service@wondershare.com">customer_service@wondershare.com</a>，我们将尽快与您沟通处理。 </p>
<h2 id="官方自制素材">官方自制素材</h2>
<p><strong>使用声明：</strong><br>1.本素材可以用于原型设计和墨刀许可的其他用途，但不得授权非墨刀用户使用；<br>2.用户使用素材内容（界面、组件、图片、字体）应遵守相关法律、法规；<br>3.因用户非法使用素材内容构成侵权或引起法律纠纷，相应责任由用户自行承担，墨刀不承担任何责任。由此给墨刀造成损失的，墨刀有权根据情节严重程度依法追究责任方的法律责任。<br><strong>权利声明：</strong><br>1.本素材由墨刀制作、上传、所有；<br>2.若您发现本素材侵害了您的权利，请将您的权属证明等信息（具体包括：a.权利人的姓名或名称、联系方式和地址；b.要求删除的侵权素材名称；c.构成侵权的初步证明材料，如权属证明、在先使用证明等）发送至：<a href="mailto:customer_service@wondershare.com">customer_service@wondershare.com</a>，我们将尽快与您沟通处理。</p>
<h2 id="用户上传素材">用户上传素材</h2>
<p><strong>使用声明：</strong><br>1.本素材经权利人许可可以用于原型及设计，仅供学习交流，如需商用请联系素材作者获取授权，未经授权而使用产生的一切后果由使用者承担。<br>2.用户使用素材内容（界面、组件、图片、字体）应遵守相关法律、法规，不得侵犯本网站及权利人的合法权利；<br>3.若墨刀认为用户使用素材内容过程中有侵犯第三方权利的嫌疑，有权要求用户提供相关权利证明；<br>4.墨刀认为或权利人举报构成侵权的，墨刀有权删除相关内容；<br>5.因用户非法使用素材内容构成侵权或引起法律纠纷，相应责任由用户自行承担，墨刀不承担任何责任。由此给墨刀造成损失的，墨刀有权根据情节严重程度依法追究责任方的法律责任。<br><strong>权利声明：</strong><br>1.本素材由用户制作、上传和所有，墨刀仅提供原型设计工具、展示平台和网络服务；<br>2.对于用户在使用墨刀平台服务过程中自行上传的素材，墨刀仅能在形式上对其是否存在侵权进行初步审查；<br>3.若您发现自己的权利被侵害，请将您的权属证明等信息（具体包括：a.权利人的姓名或名称、联系方式和地址；b.要求删除的侵权素材名称；c.构成侵权的初步证明材料，如权属证明、在先使用证明等）发送至：<a href="mailto:&#x63;&#117;&#x73;&#116;&#111;&#x6d;&#101;&#x72;&#x5f;&#x73;&#101;&#x72;&#118;&#x69;&#99;&#101;&#64;&#x77;&#111;&#x6e;&#100;&#x65;&#x72;&#x73;&#x68;&#x61;&#x72;&#x65;&#46;&#x63;&#111;&#x6d;">&#x63;&#117;&#x73;&#116;&#111;&#x6d;&#101;&#x72;&#x5f;&#x73;&#101;&#x72;&#118;&#x69;&#99;&#101;&#64;&#x77;&#111;&#x6e;&#100;&#x65;&#x72;&#x73;&#x68;&#x61;&#x72;&#x65;&#46;&#x63;&#111;&#x6d;</a>，我们将尽快与您沟通处理。</p>


墨刀所有素材的商用版权说明

墨刀原型素材版权说明

<h1 id="如何发布素材">如何发布素材</h1>
<h2 id="发布素材">发布素材</h2>
<p>有三种方式可以在素材广场中发布素材。</p>
<h3 id="1、素材广场页发布素材">1、素材广场页发布素材</h3>
<p>点击顶部导航【素材广场】，进入到【素材广场】页面，点击【发布作品】进入到发布素材页面，填写素材相关信息，点击【确认发布】即可发布素材。发布素材并审核通过后素材将展示在素材广场。</p>
<p><img src="https://cdn.modao.cc/230804-103-1.png" width="600"/>

<h3 id="2、工作台发布素材【仅支持个人空间文件】">2、工作台发布素材【仅支持个人空间文件】</h3>
<p>进入到工作台，选中文件，单击右键，弹出下拉菜单中，选择【发布到素材广场】，即可进入到发布素材页，填写素材相关信息，点击【确认发布】即可发布素材。发布素材并审核通过后素材将展示在素材广场。</p>
<p><img src="https://cdn.modao.cc//hc/fbsc2.png" width="400"/>

<h3 id="3、分享弹窗可发布素材（仅支持个人空间文件）">3、分享弹窗可发布素材（<strong>仅支持个人空间文件</strong>）</h3>
<p>进入工作区页面，文件已绘制完成，点击右上角【分享】，分享窗口左下角，点击【分享至材广场】，即可进入发布素材页，填写素材相关信息，点击【确认发布】即可发布素材。发布素材并审核通过后素材将展示在素材广场。  </p>
<p><img src="https://cdn.modao.cc/230804-103-2.png" width="400"/>
  
<h2 id="发布素材审核状态查看">发布素材审核状态查看</h2>
<p>进入素材广场，点击个人头像，选择【个人主页】，即可进入个人主页，个人主页的【作品】栏可查看自己所发素材的审核状态。</p>
<p><img src="https://cdn.modao.cc/230804-103-3.png" width="400"/>
<br>

<p><img src="https://cdn.modao.cc/230804-103-4.png" width="800"/>

<h2 id="发布素材价格设置">发布素材价格设置</h2>
<p>在发布素材时，可以设置发布素材的价格，若您发布的素材被他人使用时，您可按比例获得收益，可参考文章<a href="/hc/articles/210" target="_blank">收益与提现规则</a></p>
<p><img src="https://cdn.modao.cc/230804-103-5.png" width="800"/>


如何将素材上传到素材广场

如何发布素材

如何找到想要的素材

<h1 id="如何保存和查看素材">如何保存和查看素材</h1>
<p>素材广场内，文件支持<strong>收藏和下载</strong>两种操作(收藏按钮位于文件素材详情页面的上方工具栏）。<br>其他组件、页面、图标素材仅支持<strong>收藏</strong>。<br>保存并使用素材的操作方法详见<a href="https://modao.cc/hc/articles/98#1%E3%80%81%E5%8E%9F%E5%9E%8B%E5%9B%BE">保存并使用文件素材</a>。</p>
<h2 id="如何查看已收藏的素材">如何查看已收藏的素材</h2>
<p><strong>素材广场内</strong>收藏的素材会保存在素材广场「头像-我的主页-收藏」内，您可以在<strong>素材广场首页</strong>右上角的头像处点击进入查看。</p>
<p><img src="https://cdn.modao.cc//hc/ckscdsc.png" width="900"/>
<br>

<p><strong>除文件以外</strong>，组件、页面、图标等素材还可以在编辑区内的素材库查找并使用，点击工具栏内「组件」、「图标」、「图片」或「页面」按钮，找到右上角「<strong>素材库</strong>」按钮即可进入管理。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/ybcdsc.png" width="300"/>
<br>

<p><img src="https://cdn.modao.cc/hc/templetpanel/sck.png" width="900"/>

<h2 id="如何查看已下载的文件素材">如何查看已下载的文件素材</h2>
<p>对于文件素材，在素材广场首页以及查看文件素材详情页的右上角都可以下载文件（即创建副本）.<br>下载后，回到您的工作区工作台即可找到刚刚下载的文件。</p>
<h2 id="如何关注素材作者">如何关注素材作者</h2>
<p>素材广场内点击进入任意素材界面，下拉至页面底部素材介绍点击「作者头像或名字」进入到其个人主页内，点击页面内「关注」键，即可关注成功。</p>
<p><img src="https://cdn.modao.cc//hc/gzsczz.png" width="900"/>
<br>

<p><img src="https://cdn.modao.cc//hc/gzzzz2.png" width="900"/>

<h2 id="如何查看已关注的素材作者">如何查看已关注的素材作者</h2>
<p>点击素材广场右上角「头像-我的主页-关注」就可以查看到已关注的作者。<br>点击切换至「关注我的人」也可查看到关注您的用户。</p>
<p><img src="https://cdn.modao.cc//hc/ckgz1.png" width="900"/>

<br>

  


如何保存素材到我的素材库

如何保存和查看素材

<h1 id="如何注册墨刀账号？">如何注册墨刀账号？</h1>
<h2 id="注册方式">注册方式</h2>
<p>注册墨刀账号的方法有三种：「手机注册」、「邮箱注册」和「微信注册」。
可以直接<a href="https://modao.cc/embed/auth_box?type=signup" target="_blank">点击此处进行注册</a>或者访问<a href="https://modao.cc/" target="_blank">官网</a>点击免费使用即可注册。
<br></p>
<img src="https://cdn.modao.cc//hc/zhuce/01image.png" style="width:800px">
<br>

<p>系统会为您默认创建团队空间，您也可以通过左侧边栏或右上角头像的空间列表随时切换
<img src="https://cdn.modao.cc/v8/zhuce2.png" style="width:800px">
<img src="https://cdn.modao.cc/v8/zhuce3.png" style="width:800px">
<br></p>


如何注册墨刀账号？

如何注册墨刀账号

<h1 id="注销与找回账号">注销与找回账号</h1>
<h2 id="注销账号">注销账号</h2>
<p>如需注销账号，请您用帐号对应邮箱发送邮件到我们的官方邮箱，我们会帮您进行处理。 
<br></p>
<p>（为了您的账号安全，邮件来信需要包含完整四条内容，谢谢您的配合。）<br>邮件标题：注销墨刀帐号 <br>收件邮箱：<a href="mailto:&#99;&#x75;&#x73;&#116;&#x6f;&#109;&#101;&#x72;&#x5f;&#x73;&#x65;&#114;&#x76;&#105;&#99;&#101;&#x40;&#x77;&#x6f;&#x6e;&#x64;&#x65;&#x72;&#115;&#x68;&#x61;&#114;&#x65;&#46;&#x63;&#x6f;&#109;">&#99;&#x75;&#x73;&#116;&#x6f;&#109;&#101;&#x72;&#x5f;&#x73;&#x65;&#114;&#x76;&#105;&#99;&#101;&#x40;&#x77;&#x6f;&#x6e;&#x64;&#x65;&#x72;&#115;&#x68;&#x61;&#114;&#x65;&#46;&#x63;&#x6f;&#109;</a><br>邮件内容： <br>1）要注销的墨刀帐号（邮箱/手机号/UID，点击右上角头像进入「账户设置」查询）</p>
<p><img src="https://cdn.modao.cc/hc/enterprise/zhzx3.png" width="900"/>

<p>2）工作区账号显示截图（需要展现出账号的具体信息）</p>
<p><img src="https://cdn.modao.cc/hc/enterprise/zxzh4.png" width="900"/>

<p>3）注销原因 <br>4）确认注销帐号后您的所有文件、协作关系、购买记录将被清除且不可恢复。（包含所有万兴产品）</p>
<h2 id="绑定、换绑手机号">绑定、换绑手机号</h2>
<p>点击工作台右上角的个人头像，在下拉菜单中选择「账户设置」，即可绑定/换绑手机号。</p>
<h2 id="忘记帐号找回">忘记帐号找回</h2>
<p>如忘记墨刀帐号，建议您发送邮件到我们的官方邮箱，提供帐号相关信息，我们会帮您查找。 <br>邮件标题：忘记帐号找回 <br>收件邮箱：<a href="mailto:&#x63;&#x75;&#115;&#x74;&#111;&#x6d;&#101;&#114;&#x5f;&#x73;&#101;&#x72;&#118;&#x69;&#99;&#x65;&#x40;&#x77;&#111;&#x6e;&#100;&#x65;&#x72;&#115;&#104;&#97;&#114;&#x65;&#46;&#99;&#x6f;&#x6d;">&#x63;&#x75;&#115;&#x74;&#111;&#x6d;&#101;&#114;&#x5f;&#x73;&#101;&#x72;&#118;&#x69;&#99;&#x65;&#x40;&#x77;&#111;&#x6e;&#100;&#x65;&#x72;&#115;&#104;&#97;&#114;&#x65;&#46;&#99;&#x6f;&#x6d;</a><br>邮件内容： <br>1）绑定的手机号 <br>2）之前分享过的文件分享链接 <br>3）2至3个文件的文件名称（文件名称最好相对特殊，不容易有重复） </p>
<h2 id="注册时输错邮箱">注册时输错邮箱</h2>
<p>注册时输错邮箱，可以在账户设置中修改邮箱，具体请查看下方教程：[ 更换绑定邮箱帐号]<br>如果您注册时输错了邮箱且忘记了密码，请您用错误邮箱所对应的正确邮箱发送邮件到我们的官方邮箱，我们会帮您特殊操作重置密码，让您更改邮箱。 <br>邮件标题：注册时输错邮箱且忘记密码 <br>收件邮箱：<a href="mailto:&#x63;&#117;&#115;&#x74;&#x6f;&#109;&#x65;&#x72;&#x5f;&#115;&#x65;&#x72;&#118;&#105;&#x63;&#101;&#x40;&#x77;&#111;&#110;&#x64;&#101;&#114;&#x73;&#104;&#97;&#114;&#101;&#x2e;&#99;&#x6f;&#109;">&#x63;&#117;&#115;&#x74;&#x6f;&#109;&#x65;&#x72;&#x5f;&#115;&#x65;&#x72;&#118;&#105;&#x63;&#101;&#x40;&#x77;&#111;&#110;&#x64;&#101;&#114;&#x73;&#104;&#97;&#114;&#101;&#x2e;&#99;&#x6f;&#109;</a><br>邮件内容：<br>注册时输错邮箱且忘记密码，需要重置密码修改邮箱。<br>错误邮箱：（注册时输错的邮箱）<br>正确邮箱：（需要更换的正确邮箱）</p>
<h2 id="手机号注册后绑定邮箱操作指南">手机号注册后绑定邮箱操作指南</h2>
<p>手机号注册后，如需绑定邮箱账号，具体操作如下：<br>点击工作台个人头像-账户设置，找到「绑定邮箱」一栏进行相关的验证操作即可。</p>
<h2 id="更换绑定邮箱账号">更换绑定邮箱账号</h2>
<p>点击工作台右上角的个人头像，在下拉菜单中选择「账户设置」，在「绑定邮箱」一栏可更改邮箱。 <br>注：修改后的邮箱<strong>不能是已注册墨刀的邮箱</strong>，否则会有数据冲突，无法成功更改。</p>
<h2 id="绑定、解绑微信号">绑定、解绑微信号</h2>
<p>点击工作台右上角的个人头像，在下拉菜单中选择「账户设置」-「账号绑定」-「绑定微信」。<br>如需解绑微信，需要设置密码后，才可进行解绑。</p>
<h2 id="把帐号转让给别人">把帐号转让给别人</h2>
<p>帐号可以通过更新邮箱的方式进行转让。转让具体操作：<br>点击工作台右上方的头像，在「账户设置」的「绑定邮箱」中即可更改邮箱。<br>更改邮箱后，您把邮箱帐号和密码给到对方即可。如账号内还有绑定其他信息，可以让被转让人进行换绑修改。</p>
<h2 id="在其他人电脑上登录了帐号怎么退出">在其他人电脑上登录了帐号怎么退出</h2>
<p>在别人电脑上登录了帐号需要退出，直接修改密码即可，修改完您的帐号将在对方的电脑上自动退出登录。</p>
<h2 id="【墨刀app】修改账号信息">【墨刀app】修改账号信息</h2>
<p>请使用电脑访问web版<a href="https://modao.cc/" target="_blank">墨刀</a>，访问、管理您的个人信息。<br>如您使用墨刀中遇到了个人信息安全受到侵犯的问题，可以发送主题为「个人信息安全侵犯投诉」的邮件到<a href="mailto:&#99;&#x75;&#x73;&#x74;&#111;&#109;&#x65;&#114;&#x5f;&#115;&#101;&#x72;&#x76;&#x69;&#99;&#x65;&#64;&#119;&#x6f;&#110;&#x64;&#101;&#114;&#x73;&#x68;&#x61;&#114;&#101;&#x2e;&#99;&#111;&#x6d;">&#99;&#x75;&#x73;&#x74;&#111;&#109;&#x65;&#114;&#x5f;&#115;&#101;&#x72;&#x76;&#x69;&#99;&#x65;&#64;&#119;&#x6f;&#110;&#x64;&#101;&#114;&#x73;&#x68;&#x61;&#114;&#101;&#x2e;&#99;&#111;&#x6d;</a>，并在邮件中提供相关能证明您被侵权的资料以及您的联系方式，我们会在15个工作日内为您妥善处理。<br>如还有其他问题，您可以联系<a href="https://msg.wondershare.cc/qidian_modao_client.html" target="_blank">客服</a>，帮您进行处理解决。  </p>


怎么找回墨刀账号

注销与找回账号

<h1 id="忘记密码与修改">忘记密码与修改</h1>
<h2 id="忘记密码">忘记密码</h2>
<p>忘记密码请您在墨刀登陆界面，点击底部的「忘记密码」重置密码。</p>
<p><img src="https://cdn.modao.cc//hc/wjmm.png" width="500"/>

<h2 id="修改密码">修改密码</h2>
<p>点击工作台右上方的头像，在「账户设置」中选择更换「登录密码」，即可修改密码。</p>


如何修改墨刀密码

忘记密码与修改

<h1 id="数据不见了">数据不见了</h1>
<h2 id="页面不见了">页面不见了</h2>
<p>页面不见了<strong>有可能是因为页面被折叠了或误删了</strong>。<br>1、请您先在页面列表顶部搜索一下此页面的页面关键词。<br>2、请您在文件编辑区上方的标题——下拉——页面回收站中检查一下（可以先按Ctrl+R刷新界面再检查页面回收站）。<br>如果上述两种方式都找不到文件，请发送邮件到我们官方邮箱，我们会尽快帮您查找。<br>邮件标题：页面不见了<br>收件邮箱：<a href="mailto:&#x63;&#x75;&#x73;&#116;&#111;&#109;&#101;&#x72;&#x5f;&#x73;&#x65;&#x72;&#118;&#x69;&#99;&#x65;&#x40;&#x77;&#111;&#110;&#x64;&#x65;&#x72;&#x73;&#104;&#97;&#x72;&#x65;&#46;&#99;&#x6f;&#109;">&#x63;&#x75;&#x73;&#116;&#111;&#109;&#101;&#x72;&#x5f;&#x73;&#x65;&#x72;&#118;&#x69;&#99;&#x65;&#x40;&#x77;&#111;&#110;&#x64;&#x65;&#x72;&#x73;&#104;&#97;&#x72;&#x65;&#46;&#99;&#x6f;&#109;</a><br>邮件内容：<br>1）墨刀帐号</p>
<p>2）文件分享链接</p>
<p>3）不见了的页面的准确名称</p>
<h2 id="文件不见了文件找不到了">文件不见了/文件找不到了</h2>
<p>文件不见了存在几种可能：<br>1、被自己或协作成员误删了。您可以检查一下文件右下角的文件回收站检查一下。  </p>
<p>2、查看的位置或者空间有误。您在工作台左上角切换空间，并在顶栏搜索关键词查找。  </p>
<p>3、登错帐号了。如果您的帐号中一个文件都没有或者文件全都是很长时间没有编辑过的，那很有可能是这种情况。<br>如果是第三种情况或者不是上述情况，请发送邮件到我们官方邮箱，我们会尽快帮您查找。<br>邮件标题：文件不见了<br>收件邮箱：<a href="mailto:&#x63;&#x75;&#115;&#116;&#111;&#x6d;&#x65;&#114;&#x5f;&#115;&#x65;&#114;&#118;&#105;&#99;&#x65;&#64;&#119;&#111;&#x6e;&#100;&#x65;&#x72;&#115;&#x68;&#x61;&#x72;&#101;&#46;&#99;&#x6f;&#109;">&#x63;&#x75;&#115;&#116;&#111;&#x6d;&#x65;&#114;&#x5f;&#115;&#x65;&#114;&#118;&#105;&#99;&#x65;&#64;&#119;&#111;&#x6e;&#100;&#x65;&#x72;&#115;&#x68;&#x61;&#x72;&#101;&#46;&#99;&#x6f;&#109;</a><br>邮件内容：<br>1）文件对应的墨刀帐号<br>2）之前分享过的文件分享链接<br>3）文件准确名称 
<br></p>


数据不见了

墨刀上的数据丢失了

我的项目打不开了

打开项目白屏了

无法连接服务器

<h1 id="申请发票">申请发票</h1>
<h2 id="开票时间、类型、税点、样例">开票时间、类型、税点、样例</h2>
<p>以下是购买墨刀产品后开具发票的相关说明： </p>
<h3 id="开票时间">开票时间</h3>
<p>无特殊或不可抗力情况下，我司将在5个工作日内为您开票，发票开出后可在「发票历史」中查看、下载。 <br>注：我司每月开票数量有限制，如急需开具发票，可发送邮件至<a href="mailto:&#99;&#x75;&#x73;&#x74;&#111;&#x6d;&#101;&#114;&#x5f;&#115;&#101;&#114;&#x76;&#x69;&#x63;&#101;&#x40;&#119;&#x6f;&#x6e;&#100;&#101;&#114;&#115;&#104;&#x61;&#114;&#101;&#x2e;&#99;&#111;&#x6d;">&#99;&#x75;&#x73;&#x74;&#111;&#x6d;&#101;&#114;&#x5f;&#115;&#101;&#114;&#x76;&#x69;&#x63;&#101;&#x40;&#119;&#x6f;&#x6e;&#100;&#101;&#114;&#115;&#104;&#x61;&#114;&#101;&#x2e;&#99;&#111;&#x6d;</a>与我们沟通处理，以免因当月开票量太大，发票限额用尽，耽误或延迟为您开票。</p>
<h3 id="开票类型">开票类型</h3>
<p>我司默认开票类型为 <strong>增值税普通发票（电子）</strong> 。如有特殊开票要求，可发送邮件至<a href="mailto:&#x63;&#117;&#115;&#116;&#111;&#109;&#x65;&#114;&#x5f;&#x73;&#x65;&#x72;&#118;&#x69;&#x63;&#x65;&#x40;&#119;&#111;&#110;&#x64;&#101;&#x72;&#115;&#104;&#x61;&#x72;&#x65;&#46;&#x63;&#111;&#109;">&#x63;&#117;&#115;&#116;&#111;&#109;&#x65;&#114;&#x5f;&#x73;&#x65;&#x72;&#118;&#x69;&#x63;&#x65;&#x40;&#119;&#111;&#110;&#x64;&#101;&#x72;&#115;&#104;&#x61;&#x72;&#x65;&#46;&#x63;&#111;&#109;</a>与我们沟通处理。 <br>注：电子发票与纸质发票具有同等法律效力，都可作为单位报销凭证。 </p>
<h3 id="服务名称">服务名称</h3>
<p>我司开出的发票「货物或应税劳务、服务名称」一栏填写的是 <em>软件</em>墨刀在线产品原型设计软件，详见下方发票样例 。 <br>注：我司不能开<em>办公用品</em>等其他类别发票。 </p>
<p><img src="https://cdn.modao.cc/hc/receipt.png" width="700px"/>


<h3 id="开票税率">开票税率</h3>
<p>我司开出的发票金额均为含税价格，税率 13%。</p>
<h2 id="申请普通电子发票">申请普通电子发票</h2>
<h3 id="申请发票入口">申请发票入口</h3>
<p>1、团队空间可以在团队空间的「管理后台」-「费用中心」-「订单管理」订单管理中查看订单以及申请发票。
您也可以直接在团队空间的「管理后台」-「费用中心」-「发票管理」查看历史发票记录及申请发票。<br>2、个人空间可以在「右上角头像」-「订单管理」-「订单记录」中查看订单以及申请发票。
您也可以直接在「右上角头像」-「订单管理」-「发票历史」查看历史发票记录及申请发票。<br>3、可在左侧列表团队头像，或右上角头像「切换空间」中切换个人或团队空间。（如图）</p>
<p><img src="https://cdn.modao.cc/v8/fapiao1.PNG" width="700px"/>
<p><img src="https://cdn.modao.cc/v8/fapiao2.PNG" width="700px"/>

<br>

<p>！！！注意：以上方式所开具的发票都默认为<span style="color:red">增值税普通发票（电子）</span>。
                       发票开出后可在「发票历史」中查看、下载。 </p>
<h3 id="提交开票信息">提交开票信息</h3>
<p>开票信息一般填写企业抬头和税号即可。<br>注：请您联系财务同事确认开票信息再提交开票，以免开票出错影响您报销；<mark>购买个人版或企业版均可开企业抬头发票</mark>。</p>
<h2 id="申请增值税专用发票">申请增值税专用发票</h2>
<h3 id="开票须知">开票须知</h3>
<p>1.增值税专用发票税率为13%，含税；<br>2.开具增值税专用发票须正确完整提供购买方单位的全称、纳税人识别号、单位地址及电话、单位开户行及账号；<br>3.增值税专用发票的货物或应税劳务、服务名称一栏填写的是<em>软件</em>墨刀在线产品原型设计软件，无法开具其他类别；<br>4.支付实际金额须与开票金额一致。</p>
<h3 id="付款说明">付款说明</h3>
<p>目前操作流程下，寄送发票会产生额外23元费用（发票寄送需支付快递费23元）。<br>您如需开具增值税专用发票，须承担此部分费用。因此，您所需支付费用=所购买版本金额+23元。<br>注：额外支付的23元费用可以开到发票当中；如需顺丰到付或开具增值税普通发票（电子）不需要支付此费用，顺丰到付请在邮件中说明。</p>
<h3 id="支付费用">支付费用</h3>
<p>1、如果您已经购买产品需要开具专票，请您通过手机银行APP直接转账23元到我司对公银行账号。<br>2、如果您还没购买产品想要开具专票，请您用公对公支付的方式或者手机银行转账的方式转账 版本金额+23元 到我司对公银行账号。<br>对公账号信息如下：<br>开户全称：北京磨刀刻石科技有限公司<br>开户银行：招商银行北京分行三里屯支行 <br>开户账号：110913548610601<br>注：如有特殊说明请在备注栏标注，支付实际金额须与开票金额一致</p>
<h3 id="申请发票-1">申请发票</h3>
<p>支付完成后请您发送邮件至我们的官方邮箱。<br>收件邮箱：<a href="mailto:&#x63;&#117;&#x73;&#116;&#111;&#109;&#101;&#x72;&#x5f;&#115;&#101;&#114;&#118;&#x69;&#x63;&#101;&#64;&#119;&#111;&#110;&#x64;&#x65;&#x72;&#x73;&#104;&#x61;&#114;&#x65;&#x2e;&#x63;&#x6f;&#109;">&#x63;&#117;&#x73;&#116;&#111;&#109;&#101;&#x72;&#x5f;&#115;&#101;&#114;&#118;&#x69;&#x63;&#101;&#64;&#119;&#111;&#110;&#x64;&#x65;&#x72;&#x73;&#104;&#x61;&#114;&#x65;&#x2e;&#x63;&#x6f;&#109;</a><br>邮件标题：申请增值税专用发票<br>邮件内容： <br>1）完整的开票信息<br>公司抬头、纳税人识别号、单位地址及电话、开户行及开户账号<br>2）快递接收信息<br>联系人、手机号、快递接收地址<br>3）墨刀帐号（邮箱/手机号/UID）<br>4）订单金额<br>5）支付电子回执截图（如顺丰到付无需提供）</p>
<h2 id="补充、更改开票信息">补充、更改开票信息</h2>
<h3 id="补充开票信息">补充开票信息</h3>
<p>为了节省大家的发票申请时间，开票信息填写时我们省略了公司地址、电话、开户行、开户账号这些信息（非必填项，不填写也可用于正常报销） 。 如果您公司的财务同事强制要求开票需要开出此信息，请您发送邮件到我们的官方邮箱，我们收到您的请求之后，会帮您特殊处理。 <br>邮件标题：补充开票信息 收件邮箱：<a href="mailto:&#99;&#x75;&#115;&#116;&#111;&#109;&#x65;&#x72;&#x5f;&#x73;&#101;&#x72;&#118;&#x69;&#x63;&#101;&#64;&#x77;&#x6f;&#x6e;&#x64;&#x65;&#114;&#115;&#104;&#97;&#x72;&#x65;&#46;&#x63;&#x6f;&#x6d;">&#99;&#x75;&#115;&#116;&#111;&#109;&#x65;&#x72;&#x5f;&#x73;&#101;&#x72;&#118;&#x69;&#x63;&#101;&#64;&#x77;&#x6f;&#x6e;&#x64;&#x65;&#114;&#115;&#104;&#97;&#x72;&#x65;&#46;&#x63;&#x6f;&#x6d;</a><br>邮件内容： <br>1、开票墨刀帐号 <br>2、完整的开票信息 <br>3、是否已经开出发票（如已开出，请提供发票文件，我们需要帮您注销重新开票） </p>
<h3 id="更改开票信息">更改开票信息</h3>
<p>如果您在申请发票时填错了开票信息，请您发送邮件到我们的官方邮箱，我们收到您的邮件之后，会帮您备注修改。 <br>邮件标题：修改开票信息 <br>收件邮箱：<a href="mailto:&#x63;&#x75;&#115;&#116;&#111;&#109;&#x65;&#114;&#x5f;&#115;&#101;&#x72;&#118;&#x69;&#x63;&#101;&#x40;&#x77;&#111;&#110;&#x64;&#x65;&#114;&#x73;&#x68;&#x61;&#x72;&#x65;&#x2e;&#99;&#x6f;&#x6d;">&#x63;&#x75;&#115;&#116;&#111;&#109;&#x65;&#114;&#x5f;&#115;&#101;&#x72;&#118;&#x69;&#x63;&#101;&#x40;&#x77;&#111;&#110;&#x64;&#x65;&#114;&#x73;&#x68;&#x61;&#x72;&#x65;&#x2e;&#99;&#x6f;&#x6d;</a><br>邮件内容： <br>1）开票墨刀帐号 <br>2）正确的开票信息 <br>3）是否已经开出发票（如已开出，请提供发票文件，我们需要帮您注销重新开票） </p>
<h2 id="申请发票失败">申请发票失败</h2>
<p>发票申请失败存在3种可能： <br>1、申请发票的入口有误。个人空间和企业空间的发票申请入口目前做了区分，如果在错误的入口查看，看不到可申请发票的订单。<br>2、发票已经提交申请。开票申请不可重复提交，如果您已经提交申请，可以在发票申请界面看到「待开票」的申请记录。 <br>3、开票信息内有空格或者特殊字符。 开票信息内有这些信息会导致申请失败。可以检查后重新输入信息后再开具试一下。
<br></p>


个人版能开企业抬头发票吗

申请发票

如何开发票

<h1 id="购买--付费">购买 / 付费</h1>
<h2 id="如何为团队空间付费">如何为团队空间付费</h2>
<p>请查看<a href="/hc/articles/84" target="_blank">为团队空间付费</a>。</p>
<h2 id="怎么购买个人版">怎么购买个人版</h2>
<p>购买个人版有2种方式：<br>1、登录墨刀账号后，在<a href="https://modao.cc/pricing" target="_blank">墨刀价格页</a>选择个人版-标准版或终身版，点击「立即购买」跳转到购买方案信息界面，选择相应的方案和时长进行付费即可。<br>2、在工作区点击头像，点击「订单管理」，跳转到方案信息界面，然后在跳转的界面中点击「升级个人版」或「立即续费」，选择相应的方案和时长进行付费即可。</p>
<p><img src="https://cdn.modao.cc/230130119-1.png" width="450"/>
<br>

<p><img src="https://cdn.modao.cc/v8/goumai2.png" width="700"/>

<br>

 
<h2 id="个人版升级团队版和企业版的退补金额说明">个人版升级团队版和企业版的退补金额说明</h2>
<p>算法：</p>
<p><mark>购买个人版在有效期内升级为团队版及企业版，会根据个人版剩余时长进行抵扣价格。需要注意的是，个人终身版不支持升级方案。</mark></p>
<p>? 举例：<br>个人年费会员，还剩100天方案到期，当时订单的实付金额为199元，此时，您想升级为团队版或企业版的会员方案，购买1人席位，时长1年，不使用优惠券。则您这笔订单的应付金额为：<br>团队版：  </p>
<blockquote>
<p><strong>订单总额=新方案的单价<em>新时长</em>新席位</strong>，即：订单总额= 349元/人/年<em>1年</em>1人=349<br>企业版：
<strong>订单总额=新方案的单价<em>新时长</em>新席位</strong>，即：订单总额= 599元/人/年<em>1年</em>1人=599<br>使用【结算个人方案】，则产生退补金额：<br><strong>退补金额=上笔订单实付金额/366*剩余天数</strong>，即：退补金额=199元/年/366天*100天=54.37<br>（备注：可以抵扣的金额为<strong>上笔实付金额</strong>，即剔除优惠金额、活动折扣后的实付价格）<br>那么最终的应付金额应是：<br>团队版：<br><strong>应付金额=订单总额-退补金额-优惠券</strong>，即：应付金额=349-54.37-0=294.63<br>企业版：<br><strong>应付金额=订单总额-退补金额-优惠券</strong>，即：应付金额=599-54.37-0=544.63  </p>
</blockquote>
<ul>
<li>Tips：1.当您的个人版剩余时长较长时，在升级团队版或企业版时可能会出现折算时长。
      这是因为退补金额已超过当前方案的费用，系统会自动增加当前方案的时长。<br>P.S：升级后的企业订单不支持退款。详情可咨询<a href="https://msg.wondershare.cc/qidian_modao_client.html" target="_blank">在线客服</a></li>
</ul>
<h2 id="版本升降级限制">版本升降级限制</h2>
<p>当您的团队空间要在团队版与企业版之间转换时，需要参考以下的规则。<br>当您目前为团队版时：</p>
<p><img src="http://cdn.modao.cc/hc/enterprise/bbzh1.jpg" width="700"/>

<br>

<p>当您目前为企业版时：</p>
<p><img src="http://cdn.modao.cc/hc/enterprise/bbzh2.jpg" width="700"/>

<br>

<p>如果有更多付费时的疑问，可以联系<a href="https://msg.wondershare.cc/qidian_modao_client.html" target="_blank">在线客服</a>。</p>
<h2 id="墨刀对公账号信息">墨刀对公账号信息</h2>
<p>以下是我们的对公账号信息：  </p>
<p><strong>帐号名称</strong>：北京磨刀刻石科技有限公司<br><strong>银行账号</strong>：110913548610601<br><strong>开户银行</strong>：招商银行北京分行三里屯支行<br><strong>税        号</strong>：911101053180287834</p>
<h2 id="怎么对公支付">怎么对公支付</h2>
<p>对公支付购买墨刀分为几个步骤： </p>
<h3 id="1、确定支付金额">1、确定支付金额</h3>
<p>-如需开具普通发票-请直接在购买界面确认所需支付的购买金额<br>-如需开具专用发票-请在购买界面确认所需支付的购买金额，在此基础上增加23元发票寄送费用。  </p>
<p><a href="/hc/articles/120" target="_blank">申请专票费用解释</a>  </p>
<h3 id="2、线上提交订单后确定支付金额，对公转账">2、线上提交订单后确定支付金额，对公转账</h3>
<p>我们的对公账号信息：<br><strong>帐号名称</strong>：  北京磨刀刻石科技有限公司<br><strong>银行账号</strong>：110913548610601<br><strong>开户行</strong>：招商银行北京分行三里屯支行<br><strong>税号</strong>：911101053180287834</p>
<h3 id="3升级墨刀帐号">3.升级墨刀帐号</h3>
<p>请在转账完成后，联系在线客服提供订单号及银行盖章回执单，我们在确认收到汇款后尽快为您升级账号。</p>
<p><img src="https://cdn.modao.cc/MicrosoftTeams-image%20%2855%29.png" width="700"/>

<p>如订单在升级过程中遇到问题，可以在工作日时间 9:00-12:00，13:30-18:00 联系订单页下方在线客服或<a href="https://modao.cc/pricing">价格页右侧在线客服</a>提供以下信息，在线客服会及时为您处理升级。<br>1）带有银行公章的转账回执<br>2）订单号（转账时系统自动生成）<br>3）购买的版本以及席位数情况</p>
<h2 id="购买续费最低需要x个人">购买/续费最低需要X个人</h2>
<p>付费界面的席位数在购买页面的「席位」一栏可以点击减少。<br>如果无法减少，通常是因为您的企业本身已经有对应数量的成员，可以在企业空间左侧「管理」-「成员」中移除成员（<a href="/hc/articles/188" target="_blank">删除企业成员</a>），再点击购买更少席位的企业版。 </p>
<h2 id="申请销售合同">申请销售合同</h2>
<p>购买<strong>年付版本</strong>都可以签订销售合同，墨刀默认提供<a href="https://cdn.modao.cc/%E5%A2%A8%E5%88%80%E9%94%80%E5%94%AE%E5%90%88%E5%90%8C_%E6%A8%A1%E6%9D%BF.pdf" target="_blank">电子版销售合同</a>。<br>如需签订销售合同，需要您提供以下信息：  </p>
<ul>
<li>企业名称：  </li>
<li>授权代表：  </li>
<li>联系电话：  </li>
<li>联系邮箱：  </li>
<li>通信地址：  </li>
<li>墨刀订单号：<br>您可以提前填写<a href="https://jinshuju.net/f/D542r7" target="_blank">表单</a>，然后与我们销售人员取得联系400-659-9879。</li>
</ul>
<h2 id="电子销售合同验签">电子销售合同验签</h2>
<p>墨刀提供的电子合同的电子签可以通过<strong>法大大电子合同查验功能</strong>验证签名的有效性。<br>合同验签是对电子合同的有效性进行验证，帮助您确定电子合同的真实性和有效性，具体可参考<a href="https://www.fadada.com/product/check" target="_blank">链接</a>（点击查看）。<br><strong>签名有效</strong>：</p>
<p><img src="https://cdn.modao.cc/fadada_check_success.png" width="700"/>

<br>

<p><strong>签名无效</strong>：</p>
<p><img src="https://cdn.modao.cc/fadada_check_failed.png" width="700"/>

<br>

<p><img src="https://cdn.modao.cc/fadada_check_failed2.png" width="700"/>


<h2 id="过期还能编辑查看文件吗">过期还能编辑/查看文件吗</h2>
<p><strong>付费个人版过期</strong><br>将暂时无法使用个人版付费相关功能（可续费解除限制）。<br>文件数据：您已有的文件数据不受影响（不会被自动删除）。<br>使用限制：<br>如果您的个人文件数量不超过3个，您可以继续编辑这些文件（但页面数量如果超过20个，您将无法再新建）。<br>如果您的个人文件数量超过了3个，您需要将文件删除至 3个以内才可继续新建或编辑。<br>注：个人文件数量计算包含当前文件和锁定文件。<br><strong>付费企业过期</strong><br>您可以通过续费解除过期企业空间的相关功能限制。<br>可以选择一个企业空间转化为<strong>企业免费版</strong>并继续使用。具体请查看企业版本划分（链接）<br>其他无法使用<strong>企业免费版</strong>的过期企业空间：<br>文件数据：您已有的企业文件数据不受影响（不会被自动删除）。<br>使用限制：您仍可正常预览文件，但无法编辑企业文件、设置企业文件相关权限。 </p>
<h2 id="买错退款">买错退款</h2>
<p>根据用户协议，用户若主动、自愿购买墨刀产品，购买后不支持退款。<br>考虑到实际购买过程中部分用户可能存在买错版本、买错帐号等情况，如用户购买存在异常情况，可以在购买后3个工作日内通过邮件与我们沟通解决。<br>（个人会员抵扣升级的，不支持退款）</p>
<p>邮件标题：购买错版本/购买错帐号<br>收件邮箱：<a href="mailto:&#99;&#117;&#115;&#x74;&#111;&#x6d;&#x65;&#114;&#95;&#x73;&#x65;&#x72;&#x76;&#105;&#99;&#101;&#64;&#x77;&#111;&#x6e;&#x64;&#101;&#114;&#x73;&#x68;&#97;&#114;&#101;&#46;&#x63;&#111;&#x6d;">&#99;&#117;&#115;&#x74;&#111;&#x6d;&#x65;&#114;&#95;&#x73;&#x65;&#x72;&#x76;&#105;&#99;&#101;&#64;&#x77;&#111;&#x6e;&#x64;&#101;&#114;&#x73;&#x68;&#97;&#114;&#101;&#46;&#x63;&#111;&#x6d;</a><br>邮件内容：<br>1）已购买的墨刀帐号（邮箱）<br>2）所购买的版本及所支付的金额<br>3）购买错版本/购买错帐号的情况简要说明</p>
<h2 id="购买错版本了">购买错版本了</h2>
<p>如购买存在异常情况，可以在购买后3个工作日内通过邮件与我们沟通解决。<br>邮件标题：购买错版本/购买错帐号<br>收件邮箱：<a href="mailto:&#99;&#x75;&#115;&#116;&#x6f;&#109;&#x65;&#114;&#95;&#x73;&#x65;&#114;&#118;&#x69;&#x63;&#x65;&#x40;&#x77;&#x6f;&#x6e;&#x64;&#x65;&#x72;&#115;&#x68;&#x61;&#x72;&#x65;&#x2e;&#99;&#111;&#x6d;">&#99;&#x75;&#115;&#116;&#x6f;&#109;&#x65;&#114;&#95;&#x73;&#x65;&#114;&#118;&#x69;&#x63;&#x65;&#x40;&#x77;&#x6f;&#x6e;&#x64;&#x65;&#x72;&#115;&#x68;&#x61;&#x72;&#x65;&#x2e;&#99;&#111;&#x6d;</a><br>邮件内容：<br>1.已购买的墨刀帐号（邮箱）<br>2.所购买的版本及所支付的金额<br>3.购买错版本/购买错帐号的情况简要说明</p>
<h2 id="账号到期">账号到期</h2>
<h3 id="企业付费到期后会怎么样？">企业付费到期后会怎么样？</h3>
<p>您的企业将处于过期状态，暂时无法使用企业版付费相关功能（可续费解除限制）。<br>文件数据：您已有的企业文件数据不受影响（不会被自动删除）。<br>使用限制：您仍可正常预览文件，但<strong>无法编辑企业文件、设置企业文件相关权限、将文件移动到个人空间。</strong><br>tips：可以选择一个企业空间转化为<strong>企业免费版</strong>并继续使用。具体请查看企业版本划分（链接）</p>
<h3 id="个人版付费到期后会怎么样？">个人版付费到期后会怎么样？</h3>
<p>您的版本将变为免费版，暂时无法使用个人版付费相关功能（可续费解除限制）。<br>文件数据：您已有的文件数据不受影响（不会被自动删除）。<br>使用限制：  </p>
<ul>
<li>如果您的个人文件数量不超过3个，您可以继续编辑这些文件（但页面数量如果超过20个，您将无法再新建）。  </li>
<li><strong>如果您的个人文件数量超过了3个，您需要将文件删除至 3 个以内才可继续新建或编辑。</strong><br>注：个人文件数量计算包含当前文件和锁定文件。<br></li>
</ul>


设计师

桌面客户端

手机移动端

行业方案

圆通×墨刀

联想×墨刀

创业邦×墨刀

设计师

桌面客户端

手机移动端