<h1 id="版本介绍">版本介绍</h1>
<h2 id="个人空间介绍">个人空间介绍</h2>
<p>个人空间分为免费、订阅会员和终身会员。免费空间只能创建3个文件，每个文件20个页、300个组件且导出PNG时会带有墨刀水印。</p>
<p>个人空间适用于一个人自己编辑/管理文件。</p>
<p>如果想了解更多个人空间的功能权限以及价格信息，建议您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a></p>
<h2 id="个人会员可以导出apk吗">个人会员可以导出APK吗</h2>
<p>个人会员不支持导出APK。</p>
<p>个人会员支持导出PNG/PDF/HTML，</p>
<p>个人终身会员支持导出PNG/PDF/HTML/墨刀源文件</p>
<p>团队/企业会员支持导出PNG/PDF/HTML/APK/墨刀源文件</p>
<p>如需了解、购买团队/企业会员，请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a></p>
<h2 id="个人会员可以协作吗">个人会员可以协作吗</h2>
<p>个人会员是单人使用版本，不支持协作。</p>
<p>协作是基于团队空间的功能，用户只有在团队空间才可以邀请其他人协作进行共同编辑。</p>
<p>如需了解、购买团队/企业会员，请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a></p>
<h2 id="个人使用与团队使用有什么区别">个人使用与团队使用有什么区别</h2>
<p>个人使用为在个人空间的权益，包括免费空间、订阅会员和终身会员。</p>
<p>团队使用为在团队空间中权益，包括免费空间、团队会员与企业会员。</p>
<p>个人空间和团队空间主要区别：</p>
<p>1、个人空间内不支持协作，无法共同编辑文件，适合单人使用。</p>
<p>2、个人空间不支持导出APK。</p>
<p>3、团队空间有更高级的成员管理、版本记录等功能，便于协作。</p>
<p>更多具体的功能对比及价格说明请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a></p>
<h2 id="免费和付费空间有什么区别">免费和付费空间有什么区别</h2>
<p>免费空间只能创建三个文件，每个文件20页，超出则需要付费。
免费空间导出PNG时会带有墨刀水印。
付费空间不受以上限制，付费空间到期后会恢复为免费空间。</p>
<p>免费空间和付费空间的具体区别请您查看<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>


墨刀版本有什么区别

版本介绍

<h1 id="文件打不开解决方案">文件打不开解决方案</h1>
<p>在使用墨刀时，有时可能会遇到文件打不开的情况，您可以参考以下可能出现的问题及解决方法。</p>
<h2 id="1打开文件一直在读取文件数据">1.打开文件一直在读取文件数据</h2>
<p>如果打开文件时一直在读取文件数据，可能是文件数据量过大或网络代理导致的问题。您可以尝试以下方法解决：</p>
<ul>
<li><strong>关闭网络代理：</strong> 如果您开启了网络代理（VPN），请关闭后重新打开文件。</li>
<li><strong>联系客服支持：</strong> 如果以上方法无法解决问题，请发送邮件至官方邮箱 <a href="mailto:&#115;&#117;&#112;&#x70;&#x6f;&#114;&#116;&#64;&#109;&#111;&#100;&#x61;&#111;&#x2e;&#x63;&#x63;">&#115;&#117;&#112;&#x70;&#x6f;&#114;&#116;&#64;&#109;&#111;&#100;&#x61;&#111;&#x2e;&#x63;&#x63;</a>，我们将尽快为您解决问题。<br>  邮件标题：打开文件一直在读取文件数据 <br>  邮件内容： <br>  1）文件对应墨刀帐号<br>  2）文件分享链接</li>
</ul>
<h2 id="2打开文件加载一段时间后自动退回到工作台">2.打开文件加载一段时间后自动退回到工作台</h2>
<p>如果打开文件加载一段时间后自动退回到工作台，可能是文件数据异常导致的。您可以通过以下步骤解决：</p>
<ul>
<li><strong>联系客服支持：</strong> 请发送邮件至官方邮箱 <a href="mailto:&#x73;&#117;&#x70;&#112;&#111;&#114;&#x74;&#x40;&#109;&#111;&#x64;&#x61;&#111;&#46;&#99;&#x63;">&#x73;&#117;&#x70;&#112;&#111;&#114;&#x74;&#x40;&#109;&#111;&#x64;&#x61;&#111;&#46;&#99;&#x63;</a>，我们会尽快帮您排查、解决问题。     </li>
<li>邮件标题：打开自动退回到工作台    </li>
<li>邮件内容： <br>  1）文件对应墨刀帐号<br>  2）文件分享链接</li>
</ul>
<p> </p>
<h2 id="3打开文件白屏">3.打开文件白屏</h2>
<p>如果遇到打开文件白屏的情况，您可以尝试以下操作：</p>
<ul>
<li><strong>刷新页面：</strong> 您可以尝试使用快捷键 Ctrl+R 刷新页面。</li>
<li><strong>清空缓存：</strong> 查看 <a href="https://modao.cc/hc/articles/127">清除缓存操作指南</a> 进行操作。</li>
</ul>
<h2 id="4打开文件提示「正在连接同步服务器，请稍候」">4.打开文件提示「正在连接同步服务器，请稍候」</h2>
<p>如果提示「正在连接同步服务器，请稍候」，可能是内网或者网络代理导致的问题，建议您先关闭网络或切换网络，看是否能正常打开文件。</p>
<ul>
<li><p><strong>切换网络：</strong> 尝试切换到其他网络环境，重新打开文件。</p>
</li>
<li><p><strong>关闭网络代理：</strong> 如果使用了网络代理（VPN），请关闭后重新打开文件。</p>
</li>
<li><p><strong>联系客服支持：</strong> 如果以上方法无法解决问题，请发送邮件至官方邮箱 <a href="mailto:&#x73;&#x75;&#x70;&#112;&#111;&#x72;&#x74;&#64;&#x6d;&#111;&#x64;&#97;&#x6f;&#x2e;&#x63;&#x63;">&#x73;&#x75;&#x70;&#112;&#111;&#x72;&#x74;&#64;&#x6d;&#111;&#x64;&#97;&#x6f;&#x2e;&#x63;&#x63;</a> 寻求帮助。</p>
<p>  邮件标题：打开文件提示「正在连接同步服务器，请稍候」<br>  邮件内容： <br>  1）文件分享链接 <br>  2）问题界面截图</p>
</li>
</ul>
<h2 id="5设计文件一直加载中无法打开">5.设计文件一直加载中/无法打开</h2>
<p>如果设计文件一直加载中或无法打开，可能是浏览器或系统环境问题。您可以尝试以下解决方法：</p>
<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>1）如果看不到的话需要升级显卡驱动：</p>
<ul>
<li><strong>升级显卡驱动：</strong> Nvidia 用户可访问 <a href="https://www.nvidia.cn/geforce/drivers/">Nvidia 官网</a>，AMD 用户可访问 <a href="https://www.amd.com/zh-hans/support">AMD 官网</a>。</li>
</ul>
<p>2）如果升级显卡还是看不到的话，可能需要升级自己的系统(windows)。</p>
<p>3）如果可以看到旋转的立方体，但是设计工具依然打不开，您可以尝试在浏览器中调整设置，具体操作请参考以下步骤：    </p>
<ul>
<li><strong>浏览器设置调整：</strong>      <ol>
<li>在浏览器地址栏中输入 <code>chrome://flags</code> 并按 Enter 进入设置页面。      </li>
<li>找到“Override software rendering”设置，并将其切换为“Enabled”。      </li>
<li>找到“WebGL Draft Extensions”设置，并将其切换为“Enabled”。      </li>
<li>单击立即重新启动按钮以重新启动浏览器。</li>
</ol>
</li>
</ul>
<h2 id="6-弹窗提示「文件加载超时，请刷新页面或检查网络后重试」">6. 弹窗提示「文件加载超时，请刷新页面或检查网络后重试」</h2>
<p>如果出现「文件加载超时」的提示，您可以尝试以下操作：</p>
<p><img src="https://cdn.modao.cc/%2Fhc%2F%E9%A3%9E%E4%B9%A620220826-150533.png" width="500"/>

<ul>
<li><strong>检查网络连接：</strong> 确保网络连接正常，尝试保持稳定的网络环境。</li>
<li><strong>清理磁盘空间：</strong> 确保 C 盘剩余空间不低于 5G，如需清理磁盘空间，请参考 <a href="https://support.microsoft.com/zh-cn/windows/%E7%A3%81%E7%9B%98%E6%B8%85%E7%90%86windows-8a96ff42-5751-39ad-23d6-434b4d5b9a68">磁盘清理操作指南</a> 进行操作。使用C盘磁盘清理工具清理后，可重新打开文件。</li>
</ul>
<p>希望以上解决方案能够帮助您解决文件打不开的问题。</p>


页面白屏了

文件打不开

<h1 id="墨刀打不开">墨刀打不开</h1>
<p>当您遇到无法打开墨刀的情况时，可以参考以下步骤进行检查。</p>
<h2 id="无法连接到服务器">无法连接到服务器</h2>
<p>1.<strong>本地与服务器连接不稳定：</strong> 有时候可能是因为本地网络不稳定导致无法连接到服务器。请尝试用浏览器（推荐使用Chrome）打开墨刀网页版，如果能正常打开，可能是网络问题。您可以先使用浏览器操作，并在20分钟后再次尝试打开客户端。</p>
<p>2.<strong>网络代理导致连接异常：</strong> 如果您正在使用网络代理（VPN），请完全关闭代理后再尝试打开墨刀客户端。</p>
<p>3.<strong>网络设置存在问题：</strong> 尝试将您的DNS设置修改为 <code>114.114.114.114</code> 。
具体操作步骤请参考<a href="https://knowledge.ipason.com/ipKnowledge/knowledgedetail.html/1261">Windows系统</a>或<a href="https://jingyan.baidu.com/article/4dc40848081204c8d946f184.html">Mac系统</a>的指南。</p>
<p>4.<strong>Windows客户端白屏：</strong> 如果在Windows系统中，可能会因为Windows SmartScreen的阻止而无法打开。您可以尝试关闭此功能。具体操作步骤为：按下快捷键 <code>Win+X</code>，选择“控制面板” -&gt; “操作中心” -&gt; “更改Windows SmartScreen筛选器设置” -&gt; 选择“不执行任何操作” -&gt; 确定。更详细的操作文档可查阅<a href="https://zhidao.baidu.com/question/2208010216987558628.html">此链接</a>。</p>
<h2 id="点击墨刀图标没有反应">点击墨刀图标没有反应</h2>
<p>1.<strong>电脑存在问题：</strong> 尝试重启电脑，有时候可能只是临时的系统问题导致的。</p>
<p>2.<strong>杀毒软件误删了墨刀文件：</strong> 如果您使用的杀毒软件将墨刀客户端文件误删，请尝试下载最新版墨刀客户端并重新安装。</p>
<h2 id="卡在正在打开墨刀的界面">卡在正在打开墨刀的界面</h2>
<p>如果打开客户端时卡在“正在打开墨刀”界面，可能是缓存问题导致的。</p>
<p>您可以尝试清除缓存，然后重新打开客户端。具体操作请参考<a href="/hc/articles/127">清除缓存教程</a>。</p>
<h2 id="卡在欢迎回来的界面">卡在欢迎回来的界面</h2>
<p>如果墨刀客户端在“欢迎回来”界面卡住，可能是网络连接问题导致的。您可以尝试以下解决方法：</p>
<p>1.<strong>切换网络：</strong> 尝试连接另一个网络，如使用热点等，看是否能够正常打开墨刀客户端。</p>
<p>2.<strong>关闭网络代理：</strong> 如果您正在使用网络代理（VPN），请完全关闭代理后重新打开墨刀客户端。</p>
<h2 id="提示无法访问此网站">提示无法访问此网站</h2>
<p>如果提示无法访问墨刀网站，可能是网络连接存在问题。您可以尝试以下解决方法：</p>
<p>1.<strong>关闭网络代理：</strong> 如果您正在使用网络代理（VPN），建议您完全关闭代理后重新打开墨刀。</p>
<p>2.<strong>切换网络：</strong> 如果不是因为代理导致的问题，请尝试切换至另一个网络，或者使用手机热点连接电脑，看是否能够正常访问墨刀网站。</p>
<h2 id="dns解析问题">DNS解析问题</h2>
<p>有时候墨刀无法正常打开可能是因为DNS解析不正确或被劫持。您可以尝试手动设置DNS为 <code>114.114.114.114</code> 或 <code>8.8.8.8</code>。以下是具体操作步骤：</p>
<ul>
<li><strong>Windows系统：</strong> <a href="https://knowledge.ipason.com/ipKnowledge/knowledgedetail.html/1261">如何在win11上修改DNS</a></li>
<li><strong>Mac系统：</strong> <a href="https://jingyan.baidu.com/article/4dc40848081204c8d946f184.html">如何在Mac上修改DNS</a></li>
</ul>
<p>希望以上解决方案能够帮助您解决墨刀打不开的问题。</p>


无法连接墨刀服务器

墨刀打不开

<h1 id="新建页面">新建页面</h1>
<h2 id="创建页面">创建页面</h2>
<p>您可以通过以下三种方式创建页面：</p>
<p>1.点击上方<strong>新建页面</strong>直接创建页面</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/331/1.png" width="700"/>

<p>2.使用快捷键<strong>A</strong>快速创建页面。</p>
<p>3.使用快捷键 Ctrl+C、Ctrl+V 可快速复制粘贴页面。</p>
<ul>
<li>点击页面左上角的名称，即可选中该页面；</li>
<li>使用快捷键 Ctrl+C复制该页面，并使用Ctrl+V快速粘贴该页面；</li>
<li>完成后，即可将粘贴页面添加至与原页面水平位置。</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/331/2.png" width="700"/>

<h2 id="页面右侧属性面板">页面右侧属性面板</h2>
<h3 id="设置页面外观">设置页面外观</h3>
<ol>
<li><p>在右侧的外观设置面板中设置页面画板的外观（尺寸、背景色）。</p>
</li>
<li><p>在编辑区右侧的外观设置面板中选择显示/隐藏网格线。</p>
</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/331/3%E6%96%B0.png" width="700"/>


<h3 id="设置页面横屏">设置页面横屏</h3>
<p>选中页面时，您可以在右侧的外观设置面板中设置页面为横屏或者竖屏。</p>
<p>需要注意的是，只有手机文件才可以设置横竖屏，网页尺寸文件默认横屏，无竖屏选项。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/331/4.png" width="700"/>


<h3 id="设置页面高度（长页面）">设置页面高度（长页面）</h3>
<p>选中页面后，鼠标悬浮在页面底部，按住向下拖拽即可调整页面高度（拉长页面）。如果需要精确设置页面高度的值，可以在右侧的页面外观设置中输入数值设置。</p>
<p>拉长页面高度超过一屏后，在运行时会以滚动的形式展示。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/331/5.gif" width="700"/>

<h3 id="页面裁切功能">页面裁切功能</h3>
<p>选中页面后，右侧可以选择是否<strong>裁切</strong>，启用裁切后，超出页面范围的部分将不再显示，而取消裁切后，这些部分会再次展示。裁切功能可以帮助您更好地管理页面内容，并确保预览或输出时符合预期效果。</p>
<ol>
<li><strong>启用裁切：</strong> 启用页面裁切功能，页面中超出边界的部分不显示，适用于需要控制页面尺寸或确保最终输出符合规定大小的场景。</li>
<li><strong>取消裁切：</strong> 取消裁切，这样可以查看整个页面上的内容，并在需要时进行调整。</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/331/6.gif" width="700"/>

<h3 id="设置屏幕固定区域">设置屏幕固定区域</h3>
<p>在页面中，<strong>固定区域功能</strong>允许您将页面的一部分内容固定在页面中，确保该区域在页面滑动时保持不动。固定区域的主要作用是帮助用户在滑动页面时保留关键内容，适用于长页面的设计场景。</p>
<ol>
<li><p><strong>选择固定区域：</strong> 选中页面，左侧出现两个可以拉动的标志，您可以通过拉动选择页面中需要固定的部分，该区域将被锁定，不随页面的滑动而移动。这种功能适用于顶部导航、底部菜单等需要始终显示的部分。</p>
</li>
<li><p><strong>直接输入数值：</strong> 您也可以在右侧屏幕固定区域处直接输入数值，选择您想要固定的部分。</p>
</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/331/7.gif" width="700"/>

<h2 id="页面左侧工具面板">页面左侧工具面板</h2>
<h3 id="调整页面顺序">调整页面顺序</h3>
<p>鼠标悬浮在页面上直接往上或往下拖拽即可调整页面顺序。</p>
<img src="https://cdn.modao.cc/v8/1206331-16.gif" style="width:500px">

<p>注：IE浏览器不支持页面拖动，建议使用谷歌浏览器/墨刀客户端</p>
<h3 id="页面锁定解锁">页面锁定/解锁</h3>
<p>在左侧工具栏，选择您想要进行操作的页面，右键单击后选择<strong>锁定/解锁</strong>，您可以确保关键设计不被意外更改。</p>
<ol>
<li><strong>锁定页面：</strong> 在左侧的页面列表中，右键单击页面，选择“锁定”，即可锁定该页面。一旦锁定，画布中的任何操作都无法改变该页面的内容。</li>
<li><strong>解锁页面：</strong> 若要恢复对页面的编辑权限，您可以在同样的位置选择“解锁”。解锁后，您可以对该页面进行编辑、调整和其他操作。</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/331/8.png" width="700"/>

<h3 id="页面显示隐藏">页面显示/隐藏</h3>
<p>在左侧工具栏，选择您想要进行操作的页面，右键单击后选择<strong>显示/隐藏</strong>，您可以控制画布上展示的页面，从而使设计界面更加简洁。</p>
<ol>
<li><strong>隐藏页面：</strong> 在左侧的页面列表中，右键单击页面，选择“隐藏”，该页面将在画布中消失，但不会被删除。隐藏页面适用于简化画布界面，或者避免干扰其他页面设计。</li>
<li><strong>显示页面：</strong> 如果您需要重新查看隐藏的页面，右键单击页面列表的其他位置，选择“显示”，然后选择需要显示的页面。这样，隐藏的页面会重新出现。</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/331/9.png" width="700"/>


  



查看更多

新建页面

<h1 id="添加交互事件">添加交互事件</h1>
<p>墨刀支持为组件或页面添加交互跳转事件，模拟用户使用产品交互时的真实体验，让你的原型“动”起来。 </p>
<h2 id="创建交互事件">创建交互事件</h2>
<p>要添加一个交互事件，需要设置触发事件以及行为。</p>
<h3 id="1新建交互事件">1.新建交互事件</h3>
<p>可通过两种方式为组件或页面添加交互事件，包括通过右侧面板添加及通过组件右侧[闪电]按钮添加。</p>
<p>1.1  通过右侧面板添加
选中触发交互的组件或页面，右侧栏中选择【交互】→【添加交互】，即可创建新的交互事件。
<img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E4%BA%A4%E4%BA%92%E5%8F%B3%E4%BE%A7%E6%B7%BB%E5%8A%A0.jpg" style="width:600px"></p>
<p>1.2 通过组件右侧[闪电]按钮添加
选中需要触发交互的组件后，拖拽其周围的[闪电]按钮到目标元素上，即可快速创建新的事件。 </p>
<ul>
<li>拖动至左侧页面列表中的某一页面，默认快速创建【单击切换页面】事件。</li>
<li>拖动至目标元素组件，会弹出行为菜单，选择需要的行为即可快速创建事件；如果当前状态仅支持一种行为，则会直接创建事件。</li>
</ul>
<img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E9%97%AA%E7%94%B5%E6%8C%89%E9%92%AE%E6%B7%BB%E5%8A%A0.png" style="width:600px">

 

<h3 id="2选择触发动作">2.选择触发动作</h3>
<p>选择触发动作，可使交互事件生效。</p>
<p><img src="  
https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E4%BA%A4%E4%BA%92%E8%A7%A6%E5%8F%91.png" style="width:600px"></p>
<h3 id="3选择交互行为">3.选择交互行为</h3>
<p>包括跳转页面、跳转超链接、切换页面/组件状态、滚动到和显示/隐藏。触发事件后原型会发生对应的交互行为。</p>
<img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E4%BA%A4%E4%BA%92%E8%A1%8C%E4%B8%BA.png" style="width:600px">

 

<h3 id="4选择切换的目标元素">4.选择切换的目标元素</h3>
<p>当您选择的事件行为为<strong>滚动到</strong>或<strong>显示/隐藏</strong>时，还需要进一步选择跳转/切换的目标元素，以及具体的跳转方式，另外也可以添加切换动效。</p>
<p>这样在预览时就能进行高保真的交互体验了。</p>
<p><strong>请注意：</strong></p>
<ul>
<li>同一元素的同类型事件支持多个行为。如单击一个组件，可切换多个动态组件的状态。</li>
<li>部分同类行为可能会产生冲突导致事件失效，请检查后重新设置。</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E9%80%89%E6%8B%A9%E5%85%83%E7%B4%A0.png" width="600"/>


  

<h2 id="交互事件介绍">交互事件介绍</h2>
<p><strong>1.跳转页面/返回来源页面/超链接</strong></p>
<ul>
<li><p>跳转页面：在【行为】中选择【跳转页面】及对应的页面，则可支持跳转至该原型文件内的其他页面。</p>
</li>
<li><p>返回来源页面：在【行为】中选择【返回来源页面】，即可支持在演示时，通过触发该事件使演示的页面返回至之前演示的页面。</p>
</li>
<li><p>跳转超链接：通过此事件可支持跳转至其他网页网站。</p>
</li>
</ul>
<p><strong>2.切换组件状态</strong></p>
<ul>
<li><p>若页面中的某个组件具有多个状态，【切换组件状态】事件可支持触发该组件状态的切换。</p>
</li>
<li><p>请注意：仅支持切换当前页面内的组件状态。</p>
</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/2.gif" width="600"/>

  

  

<p><strong>3.滚动到</strong></p>
<ul>
<li><p>触发【滚动到】事件后，演示的页面可以滚动至目标元素所在的位置。</p>
</li>
<li><p>使用【滚动到】交互效果时，页面内画布需拉长至超过当前原型设定屏幕长度，才能出现页面滚动的效果。</p>
</li>
<li><p>添加事件后，目标元素顶部会生成滚动参考线。可以使用鼠标上下拖动调整具体位置，也可在右侧面板设置【偏移目标】数值进行微调。</p>
</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/3.gif" width="600"/>

  

  

<p><strong>4.显示/隐藏</strong></p>
<ul>
<li><p>显示/隐藏可以快速切换目标元素的显示状态。</p>
</li>
<li><p>在右侧事件面板，可选【显示/隐藏/切换】三种类型，其中切换是指多次触发可切换显示/隐藏状态。</p>
</li>
<li><p>您也可以使用动态组件来实现显示/隐藏效果。具体方法请查看<a href="https://modao.cc/hc/articles/57" target="_blank">动态组件</a>。</p>
</li>
</ul>
<img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E9%80%89%E6%8B%A9%E5%85%83%E7%B4%A0.png" style="width:600px">

  

<p><strong>5.载入时</strong></p>
<ul>
<li><p>页面及元素载入时可以通过“载入时”触发交互事件，即加载这个页面或页面上的元素时，触发交互事件。</p>
</li>
<li><p>随后在右侧栏中选择【交互】——【添加交互】——【触发方式-选择“载入时”】，即可创建页面载入时触发的交互事件。</p>
</li>
<li><p>在事件编辑栏中选定事件及目标元素后，可通过【延迟】设置载入时触发交互事件的时间。</p>
</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E8%BD%BD%E5%85%A5%E6%97%B6.png" width="600"/>

  

<ul>
<li>动态组件添加定时器组件时，需要先选中某个状态，才能添加定时器事件。</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6%E8%BD%BD%E5%85%A5%E6%97%B6.png" width="600"/>

  

  

  

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

  

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

  

  

<h2 id="删除交互事件">删除交互事件</h2>
<p>有两种操作方法删除已添加的交互事件。</p>
<ol>
<li>选中已添加交互的页面/元素组件，点击右侧的设置面板-事件-删除按钮。</li>
</ol>
<img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E5%8F%B3%E4%BE%A7%E5%88%A0%E9%99%A4.png" style="width:600px">

  

<ol start="2">
<li>当显示事件链接线时，选中已添加交互的页面/元素组件，点击链接线上的【编辑】按钮，即可快速编辑及删除事件。</li>
</ol>
<img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E5%88%A0%E9%99%A42.png" style="width:600px">

  

  

<h2 id="事件相关偏好设置">事件相关偏好设置</h2>
<p>在左上角【更多】下拉菜单-偏好设置，或【交互】面板-设置，可以打开偏好设置弹窗。</p>
<img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/334/334%E8%AE%BE%E7%BD%AE.png" style="width:600px">

  

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

  

  

<ol start="3">
<li>动效：可设置切换页面/组件状态时的默认动效为无动效/智能动画效果。</li>
</ol>


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

添加交互事件

<h1 id="使用技巧">使用技巧</h1>
<p>在墨刀中，有丰富的便捷操作来提高您的工作效率，帮助您更轻松地进行原型设计、团队协作以及项目管理。</p>
<h2 id="便捷操作">便捷操作</h2>
<h3 id="查找替换">查找/替换</h3>
<p>查找替换功能可以用来批量修改原型内的文字。</p>
<p>使用快捷键 <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"/>

<h3 id="撤销重做">撤销/重做</h3>
<p>撤销和重做可以使用快捷键操作：</p>
<p>撤销 Mac：<code>Cmd+Z</code> / Windows：<code>Ctrl+Z</code></p>
<p>重做 Mac：<code>Shift+Cmd+Z</code> / Windows：<code>Shift+Ctrl+Z</code></p>
<h3 id="缩小、放大画布">缩小、放大画布</h3>
<p>页面画布的大小可以在编辑区的顶部工具栏中调整。</p>
<p>您也可以使用快捷方式操作：Ctrl+鼠标滚轮滚动。</p>
<h3 id="刷新界面">刷新界面</h3>
<p>刷新界面的快捷键：</p>
<p>Windows：<code>Ctrl+R</code> / Mac：<code>Command+R</code></p>
<h3 id="怎么拖动画布">怎么拖动画布</h3>
<p>按住空格键后，鼠标拖拽即可自由拖动画布。</p>
<h2 id="标尺与参考线">标尺与参考线</h2>
<h3 id="连接线">连接线</h3>
<p>新增「连接线」功能，让页面流程表达更流畅，逻辑展示更流畅。</p>
<p>让不同的页面串联更加清晰，实现更加精细化的流程展示。</p>
<p><strong>1.添加连接线</strong></p>
<p>可在需要的任意地方添加连接线右侧外观可根据实际需求进行颜色、粗细、端点及样式的调整。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/335/1.png" width="700"/>


<h3 id="标尺">标尺</h3>
<p>在原型编辑区的<strong>上方和左侧</strong>设有标尺，可以帮助您把精确调整元素组件的位置和尺寸。</p>
<p>从标尺上可以拖拽出参考线，能够辅助您便捷地定位图像或对齐元素。</p>
<p>1.<strong>定位坐标位置：</strong> 上方和左侧的「标尺」分别与画布的 X、Y 值相对应，在绘制原型的过程中就能通过标尺更便捷直观地查看元素和组件的坐标位置。</p>
<p>2.<strong>显示/隐藏标尺：</strong> 在<strong>左上角下拉菜单</strong>，点击【偏好设置】-【标尺】，能够切换标尺的<strong>显示/隐藏状态</strong>。</p>
<p><img src="https://cdn.modao.cc/v8/1206335-3.png" width="700px"/>

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

<p><strong>需要注意的是：</strong> 选择不显示标尺时，参考线也会隐藏；开启对齐参考线功能后，页面元素靠近参考线时，可触发吸附效果；同时拖动参考线也会自动吸附附近的元素。</p>
<h3 id="参考线">参考线</h3>
<p>从标尺上可以拖拽出多条参考线，以辅助定位或对其元素及组件。</p>
<p>1.<strong>添加参考线：</strong> 将鼠标靠近标尺区，能够看到鼠标切换为拖拽样式，此时按住鼠标左键并向下或向右滑动，并在合适的位置松开鼠标，即可创建参考线。</p>
<p>2.<strong>创建多条参考线：</strong> 同一页面中可创建<strong>多条横向及纵向的参考线</strong>，参考线<strong>不会同步至所有页面</strong>。</p>
<p>3.<strong>移动参考线：</strong> 有两种方式可以对参考线进行移动。</p>
<ul>
<li>将鼠标靠近目标参考线，鼠标样式会发生改变，此时直接<strong>单击鼠标并拖动</strong>即可移动参考线。</li>
<li>鼠标单击目标参考线，该参考线即会切换为蓝色的选中状态，使用<strong>键盘方向键</strong>即可移动参考线，每次移动的距离为1像素；<strong>按住shift+方向键</strong>，每次移动的距离为10像素。</li>
</ul>
<p>4.<strong>穿透参考线：</strong> 按住<code>shift</code>可穿透参考线，选择参考线下方的元素。</p>
<p>5.<strong>删除参考线：</strong> 有两种方式可以删除参考线。</p>
<ul>
<li>拖动参考线至上方或左侧的标尺区域，鼠标会切换至【取消】状态，此时松开鼠标，参考线即被删除。</li>
<li>单击选中参考线，使用键盘<code>delete</code>键即可快捷删除。</li>
</ul>
<p><strong>操作时需要注意：</strong> 从上方标尺拖拽出的是 X 轴（横向）的参考线；从左侧标尺拖拽出的是 Y 轴（竖向）的参考线。</p>
<h3 id="一屏线（蓝色虚线）">一屏线（蓝色虚线）</h3>
<p>页面编辑区的蓝色虚线可以理解为「一屏线」，这条线能让您在设计页面时了解当前页面在处在第一屏（不滚动）时能呈现那些页面内容。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/335/3.png" width="400"/>


<h2 id="测距显示测距标注">测距/显示测距标注</h2>
<p>选中组件后，按住<code>Alt</code>，即可快速查看组件的测距标注信息。</p>
<h2 id="调整图层顺序">调整图层顺序</h2>
<p>组件的图层顺序有两种调整方式：</p>
<ol>
<li>选中组件，点击编辑区的顶部工具栏「图层」进行调整（如：置顶、置底）。</li>
<li>在编辑区左侧的元素列表中直接上下拖拽元素调整图层顺序。</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/335/335%E8%B0%83%E6%95%B4%E5%9B%BE%E5%B1%82.png" width="700"/>


<h2 id="页面列表元素组件列表多选">页面列表/元素组件列表多选</h2>
<p>墨刀支持页面列表/元素列表多选，具体操作如下：</p>
<p><strong>1.页面列表</strong></p>
<ul>
<li>按住shift,单击首尾两个页面即可选中两页面中间的所有页面，进行统一的移动/删除操作；</li>
<li>按住<code>command</code>（Mac）/ <code>ctrl</code>（Windows），即可逐个页面进行选择。</li>
</ul>
<p><strong>2.元素组件列表</strong></p>
<ul>
<li>按住shift,单击首尾两个元素组件即可选中列表中两组件中间的所有元素，然后右键进行组合/图层调整等操作；</li>
<li>按住<code>command</code>（Mac）/ <code>ctrl</code>（Windows），即可逐个元素组件进行选择，然后右键进行组合/图层调整等操作。</li>
</ul>
<h2 id="文本默认样式">文本默认样式</h2>
<p>墨刀设置文本默认样式，有2种方式：</p>
<p>1、文本样式继承，新建组件将自动继承上一次编辑的同类型组件的文本样式。</p>
<p>2、文本默认值，每次新建组件时使用固定的文本样式，需要关闭文本样式继承功能。</p>
<p>具体操作如下：</p>
<p>-点击左上角系统按钮，选择偏好设置，选择文本。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/335/335%E6%96%87%E6%9C%AC%E7%BB%A7%E6%89%BF.png" width="700"/>


<h2 id="常见问题">常见问题</h2>
<p><strong>1.为什么我对组件进行了置顶/置底的操作，但依然没有实现置顶/置底？</strong></p>
<p>不在组合内的置顶是在页面中置顶，但是在组合内的组件置顶只能在组合内生效。当您置顶或置底操作不生效时，请检查您的组件是否在组合内。</p>


墨刀原型的使用小技巧

使用技巧

<h1 id="预览">预览</h1>
<h2 id="预览类型">预览类型</h2>
<p>目前墨刀提供两种预览模式：<strong>总览</strong>和<strong>演示</strong>。</p>
<ul>
<li><strong>总览</strong>：在总览模式下，您可以查看整个页面的内容，包括原型中的所有元素和组件。总览模式适用于查看全局效果，调整页面布局。</li>
<li><strong>演示</strong>：演示模式模拟真实设备的显示效果。演示时，以实际设备的屏幕尺寸进行展示，可以查看页面的交互和动画效果。</li>
</ul>
<p>真机演示是墨刀中用于模拟真实设备显示效果的功能。通过真机演示，您可以查看原型在实际设备上的显示效果，包括手机、平板等，并进行交互测试。</p>
<h2 id="进入预览">进入预览</h2>
<p>在工作台中，选中文件后，点击右上角的「演示」按钮，或按快捷键 <code>Ctrl + P</code>，即可进入演示。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/347/1.gif" width="600"/>

<h2 id="预览的功能和设置">预览的功能和设置</h2>
<p>在预览界面的右上角，您可以看到多个功能按钮，帮助您调整预览界面的显示效果和操作方式。</p>
<h3 id="视图设置">视图设置</h3>
<p>点击视图图标，您可以选择是否显示左侧面板、右侧面板、批注、评论等内容。您可以根据需求调整演示界面的布局。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/347/2.png" width="400"/>

<h3 id="缩放和最大化">缩放和最大化</h3>
<p>在视图图标的右侧，您可以调整页面的缩放比例，以便查看细节。右侧是最大化的图标，点击可以切换全屏模式。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/347/3.png" width="400"/>

<h3 id="评论和标注">评论和标注</h3>
<p>在预览页面下方有评论和标注按钮。</p>
<p>您可以通过点击评论按钮创建和查看评论，并支持筛选评论为全部、我创建的、提到我的、已完成等类型。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/347/4.png" width="600"/>

<p>标注模式可以查看元素属性和CSS代码，也可以切换代码格式，包括Swift、Android、Less、Sass、Stylus等。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/347/5.png" width="600"/>



<h2 id="使用真机演示的其他方法">使用真机演示的其他方法</h2>
<h3 id="电脑端直接打开演示">电脑端直接打开演示</h3>
<p>在工作台选中文件，在编辑区右上角点击「演示」，即可在电脑端直接进行原型演示。</p>
<h3 id="手机微信扫码打开演示">手机微信扫码打开演示</h3>
<p>在工作台选中文件点击「分享」，在分享设置界面用微信扫描文件二维码，即可在手机上查看原型演示，手机预览支持自动适配尺寸。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/347/6.png" width="400"/>

<h3 id="使用墨刀手机app">使用墨刀手机APP</h3>
<p>在手机官网下载“墨刀”移动客户端，登录您的墨刀账号，即可在手机上查看和演示原型文件，手机预览文件可以自动适配尺寸。</p>
<h3 id="安装到手机桌面">安装到手机桌面</h3>
<p><strong>安卓设备</strong>：</p>
<ul>
<li>原型团队版/企业版付费用户可以使用APK导出功能，此功能可以让您把电脑端制作的原型文件以APK的形式安装到安卓设备的桌面进行预览和演示。</li>
</ul>
<p> </p>
<ol>
<li>在电脑端编辑区界面的顶部工具栏，点击「导出」，选择导出APK文件。</li>
</ol>
<p> </p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/347/7.png" width="400"/>

<ol start="2">
<li>用手机打开原型文件分享链接，点击「安卓 APK 离线导出」。 下载完成后，点击APK文件即可像安装正常APP一样安装到桌面。</li>
</ol>
<p> </p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/347/8.jpg" width="400"/>

<p><strong>iOS设备</strong>：</p>
<ul>
<li>微信打开文件分享链接，点击右上角三个点图标「...」，选择在safari中打开。使用Safari浏览器打开原型文件分享链接，选择「添加到主屏幕」，即可将文件添加到iOS设备的桌面。</li>
</ul>
<ol>
<li>用微信打开文件分享链接，点击右上角三个点图标「...」，选择在safari中打开。</li>
</ol>
<p><img src="https://cdn.modao.cc//hc/iosazzm.jpg" width="400px"/>

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

<h3 id="电脑端离线演示">电脑端离线演示</h3>
<p>下载HTML文件用浏览器打开，可以实现在电脑端离线演示文件的功能。HTML下载是付费功能，个人版付费用户和团队版/企业版付费用户均可下载，免费版不支持下载。 </p>
<p>HTML文件具体使用步骤： </p>
<ol>
<li>在电脑端编辑区界面的顶部工具栏，点击「导出」，选择下载HTML文件。</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/347/9.png" width="400"/>

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


<h2 id="常见问题与注意事项">常见问题与注意事项</h2>
<ul>
<li><strong>隐藏页面列表</strong>：在运行界面点击右上角的“全屏模式”按钮，即可隐藏页面列表.。</li>
<li><strong>显示/隐藏手机边框</strong>：在演示界面右上角点击“视图”按钮来调整。</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/347/10.png" width="400"/>



如何向成员演示我的原型

预览

<h1 id="素材面板">素材面板</h1>
<p>在墨刀中，丰富的<strong>素材面板</strong>，能够让您在绘制原型时便捷地使用官方内置素材，一键复用，减少重复工作；以及设定自制/企业设计系统的素材库内容，提高原型绘制的效率和质量。</p>
<h2 id="素材概述">素材概述</h2>
<h3 id="素材分类">素材分类</h3>
<p>素材面板共分为 <strong>组件、图标、图片、页面、母版</strong> 五部分，布局直观、搜索高效、收藏简单。</p>
<ul>
<li><strong>组件</strong>：包括各种预置组件和您个人的组件及团队组件，包括流程图及脑图组件；</li>
<li><strong>图标</strong>：提供各种图标素材，支持搜索和快速插入；</li>
<li><strong>图片</strong>：您可以上传或从库中选择图片素材；</li>
<li><strong>页面</strong>：可以选择不同的页面模板进行复用；</li>
<li><strong>母版</strong>：管理和选择母版，方便在不同页面间复用。</li>
</ul>
<h3 id="素材布局">素材布局</h3>
<p>在原型工具的编辑页面中，<strong>素材面板</strong>支持两种布局，可根据自己的实际需求选择布局页面。通过编辑中心左下角「...」即可选择素材面板的放置方位。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/3.png" width="300"/>

<ol>
<li>「<strong>素材面板</strong>」默认位于左侧，呈现效果如下图。</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E7%BB%84%E4%BB%B6%E5%B1%85%E5%B7%A6.png" width="300"/>

<ol start="2">
<li>您可以点击左下角「...」将素材面板之于最右侧。</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E7%BB%84%E4%BB%B6%E5%B1%85%E5%8F%B3.png" width="300"/>


<h2 id="组件素材">组件素材</h2>
<p>组件部分共有三种类型，为发现、我的、团队，您在左侧工具栏可以打开组件素材面板，也可以使用快捷键 <code>1</code> 快速打开。再次点击「<strong>组件</strong>」按钮，或再次使用快捷键 <code>1</code> 即可关闭面板。</p>
<h3 id="发现组件">发现组件</h3>
<p>墨刀提供丰富的内置组件，满足常见的设计需求。这些组件可以直接拖拽到画布上使用。在内置组件部分中，顶部有组件素材分类导航，共有基础、表单、导航、多媒体、图表、形状、流程七类组件。</p>
<p><strong>基础组件</strong>包括文字、形状、按钮、占位符、脑图等，具体使用教学请查看<a href="https://modao.cc/hc/articles/14">常用组件</a>。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6.png" width="300"/>

<p><strong>表单、导航、图表等组件</strong>封装了完整的交互、支持直接编辑内容，具有高复用性。具体使用教学请查看<a href="https://modao.cc/hc/articles/25">高级组件</a>。</p>
<p><strong>多媒体组件</strong>可以帮助您在原型中快速嵌入图片、视频、音频、二维码、地图等。具体使用教学请查看<a href="https://modao.cc/hc/articles/28">多媒体组件</a>。</p>
<p><strong>流程组件</strong>可以帮助您在原型中快速绘制流程图。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E7%BB%84%E4%BB%B6%E5%85%A5%E5%8F%A3.png" width="300"/>

<p>您可以选择适用于您页面的组件，在导航栏顶部进行切换即可。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E7%BB%84%E4%BB%B6%E5%9C%BA%E6%99%AF.png" width="300"/>

<h3 id="我的组件">我的组件</h3>
<p>您可以将自定义组件保存到“我的组件”，方便在多个项目中重复使用，具体创建方式可以查看<a href="https://modao.cc/hc/articles/27">我的组件</a>。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/6.png" width="300"/>

<p>点击右上角的「新建文件夹」按钮，可以创建文件夹，更加清晰地管理组件素材。点击并拖动文件夹栏目，还能够为文件夹排序。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E7%BB%84%E4%BB%B6%E6%88%91%E7%9A%84.png" width="300"/>

<h3 id="团队组件">团队组件</h3>
<p>如果是<strong>团队空间</strong>的文件，还会有「<strong>团队组件</strong>」。团队素材库支持共享组件，可将现有素材一键添加，多人共同维护。</p>
<p>团队素材库是一个团队成员共享的资源库，可以帮助团队成员进行素材的快速复用，提升工作效率以及达成团队产品设计的风格统一。</p>
<h3 id="收藏组件">收藏组件</h3>
<p><strong>收藏</strong>栏目中包含了您在墨刀官方素材广场收藏过的组件素材，不限制收藏数量，可以直接预览和使用。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E6%94%B6%E8%97%8F%E7%BB%84%E4%BB%B6.png" width="400"/>


<h2 id="图标素材">图标素材</h2>
<p>在左侧工具栏可以打开图标素材面板，也可以使用快捷键 <code>2</code> 快速打开。</p>
<ul>
<li><strong>全局搜索</strong>：图标支持全局搜索，输入关键词即可快速找到相关图标。</li>
<li><strong>最近使用</strong>：素材面板会记录您最近使用过的图标，方便快速访问。</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/347%E5%9B%BE%E6%A0%87%E6%9C%80%E8%BF%91.png" width="300"/>

<p>图标素材面板有<strong>发现</strong>和<strong>图标库</strong>两部分。图标的具体使用方法和技巧可以查看<a href="https://modao.cc/hc/articles/37">图标组件</a>。</p>
<ul>
<li><strong>发现</strong>栏目为您推荐了绘制原型时常用的图标内容，方便使用。</li>
<li><strong>图标库</strong>栏目包含「收藏」和「素材广场」两部分。素材广场中有风格各异的图标包，点击可以查看详情并收藏。</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E5%9B%BE%E6%A0%87%E5%BA%93.png" width="300"/>


<h2 id="图片素材">图片素材</h2>
<p>在左侧工具栏可以打开图片素材面板，也可以使用快捷键 <code>3</code> 快速打开。</p>
<p>图片素材分为<strong>发现</strong>和<strong>我的、团队</strong>三部分。</p>
<ul>
<li>点击<strong>发现</strong>，墨刀为您提供了人物、动物、美食、风景等7类图片素材，双击或拖拽都能轻松使用，帮助您更佳便捷地完成原型绘制。</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E5%9B%BE%E7%89%87%E5%85%A5%E5%8F%A32.png" width="300"/>

<ul>
<li><p>点击<strong>我的</strong>，您可以从本地上传图片，这些图片将以<strong>文件夹</strong>的形式呈现，同样文件夹也支持<strong>拖拽排序</strong>。</p>
</li>
<li><p>点击<strong>团队</strong>，您可以选择将图片素材上传至团队，方便团队成员共同使用。</p>
</li>
</ul>
<h2 id="页面素材">页面素材</h2>
<p>在左侧工具栏可以打开页面素材面板，也可以使用快捷键 <code>4</code> 快速打开。页面素材可以让您选择不同的页面模板，帮助您快速创建新的页面。</p>
<p>页面素材面板中分为<strong>发现</strong>和<strong>页面库</strong>两部分。</p>
<ul>
<li><p><strong>发现：</strong> 为您整理推荐了部分页面主题，每天都会为您更新海量素材以供使用，点击即可查看相关的页面素材。</p>
</li>
<li><p><strong>页面库：</strong> 页面库可以查看素材广场中丰富的页面素材，提高您的创作效率。</p>
</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E9%A1%B5%E9%9D%A2%E5%85%A5%E5%8F%A3.png" width="300"/>


<h2 id="母版素材">母版素材</h2>
<p>母版是模板化设计的一部分，您可以在不同页面中重复使用。素材面板提供了母版的管理和选择功能，方便您在不同页面间保持一致性。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E6%AF%8D%E7%89%88%E5%85%A5%E5%8F%A3.png" width="300"/>


<h2 id="全局搜索">全局搜索</h2>
<p>在素材面板四大栏目的顶部，都分别设置了<strong>搜索栏</strong>。</p>
<p>点击可以搜索素材关键字，还能够查看您的<strong>搜索历史</strong>以及搜索量较高的<strong>关键词推荐</strong>。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/374/374%E6%90%9C%E7%B4%A2.png" width="300"/>




如何使用内置原型素材

素材面板

<h1 id="了解-axure-文件在线分享">了解 Axure 文件在线分享</h1>
<p>墨刀作为一款简单易用的在线原型设计工具，不仅拥有强大的原型设计功能，还为用户提供了 Axure 文件托管功能，简化了文件分享和协同的流程，为产品经理、设计师和团队带来极大便利。</p>
<p><strong>Axure 文件托管的优势</strong></p>
<ul>
<li><p><strong>云端共享</strong>：通过将 Axure 文件上传到墨刀，您可以轻松生成一个可分享的链接，该链接可以直接被团队成员或合作方访问，无需担心文件大小或传输问题，实现快速协同。</p>
</li>
<li><p><strong>实时更新</strong>：如果您在 Axure 文件中做了修改并重新上传至墨刀，所有通过已生成链接访问该文件的人都会看到最新的版本，确保信息的同步和实时性。</p>
</li>
<li><p><strong>评论与反馈</strong>：墨刀平台支持在原型上直接添加评论，团队成员可以针对特定页面或元素提出意见和建议，促进更高效的沟通和讨论。</p>
</li>
<li><p><strong>权限管理</strong>：您可以灵活设置不同的访问权限或加密分享，确保信息的安全性和团队协作的有序性。</p>
</li>
<li><p><strong>转换成墨刀原型</strong>：墨刀支持将 Axure 文件转换成其可编辑的原型文件，这意味着您可以在墨刀平台上进行进一步的编辑和优化，利用墨刀提供的更丰富的交互功能和组件素材，提升原型的品质和用户体验。</p>
</li>
</ul>
<p><strong>使用场景</strong></p>
<ul>
<li><p><strong>团队协同</strong>：团队成员可以基于同一个 Axure 文件进行讨论和修改，确保设计的准确性和一致性。</p>
</li>
<li><p><strong>客户展示</strong>：将 Axure 文件转换为链接后，可以方便地向客户展示设计稿，收集反馈并快速迭代。</p>
</li>
<li><p><strong>设计迁移</strong>：如果您原本使用 Axure 进行设计，但希望尝试墨刀的更多功能或更流畅的在线协作体验，这一功能将是理想的过渡方案。</p>
</li>
</ul>


查看全部

了解在线分享文件

了解Axure文件在线分享功能

<h1 id="新建托管文件">新建托管文件</h1>
<p>墨刀 Axure 托管文件支持两种形式创建：<strong>ZIP 包格式上传</strong>与<strong>插件形式上传</strong></p>
<p><strong>ZIP 包格式上传</strong></p>
<p><strong>1.导出 Axure 文件</strong></p>
<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">


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


<p><strong>3. 新建墨刀托管文件</strong></p>
<p>打开墨刀工作台，点击右上角新建按钮，选择 Axure 托管，上传 ZIP 压缩包。</p>
<img src="https://cdn.modao.cc/axure%E6%89%98%E7%AE%A1/%E6%96%B0%E5%BB%BAAxure%E6%89%98%E7%AE%A1%E6%96%87%E4%BB%B6.png" style="width:800px">


<p><strong>插件上传</strong></p>
<p><strong>1. 安装浏览器插件</strong></p>
<p>在墨刀官网插件下载页面下载安装浏览器插件，插件下载地址：<a href="https://modao.cc/feature/downloads.html#part3">https://modao.cc/feature/downloads.html#part3</a></p>
<p><strong>2. 在 Axure 内进行文件预览或打开保存至本地的HTML文件</strong></p>
<img src="https://cdn.modao.cc/axure%E6%89%98%E7%AE%A1/axure%E9%A2%84%E8%A7%88.png" style="width:800px">

<p><strong>3. 点击浏览器预览界面右上角同步按钮</strong></p>
<img src="https://cdn.modao.cc/axure%E6%89%98%E7%AE%A1/%E6%8F%92%E4%BB%B6%E4%B8%8A%E4%BC%A0.png" style="width:800px">

<p><strong>4. 选择新建/更新原型文件，上传成功后点击查看文件即可</strong></p>
<img src="https://cdn.modao.cc/axure%E6%89%98%E7%AE%A1/%E6%8F%92%E4%BB%B6%E4%B8%8A%E4%BC%A0%E5%88%B0%E7%A9%BA%E9%97%B4.png" style="width:800px">

<img src="https://cdn.modao.cc/axure%E6%89%98%E7%AE%A1/%E6%8F%92%E4%BB%B6%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0%E6%88%90%E5%8A%9F.png" style="width:800px">


新建Axure在线分享文件

<h1 id="如何下载安装插件">如何下载安装插件</h1>
<p>如果您选择使用插件路径上传 Axure 托管文件，需先下载安装相关插件。</p>
<p><strong>下载插件</strong></p>
<p>通过官网下载，登录墨刀官网，在导航栏中点击进入下载页：<a href="https://modao.cc/feature/downloads.html#part3">https://modao.cc/feature/downloads.html#part3</a> ，选择 Axure 插件下载。</p>
<img src="https://cdn.modao.cc/%E4%B8%8B%E8%BD%BD%E6%8F%92%E4%BB%B6.gif" style="width:800px">


<p><strong>安装插件</strong></p>
<ul>
<li><p>打开您的浏览器（建议使用 Chrome 浏览器）。</p>
</li>
<li><p>前往浏览器的扩展程序管理页面。</p>
</li>
<li><p>启用“开发者模式”。</p>
</li>
<li><p>将您下载的插件压缩包拖放到浏览器中以完成安装。</p>
</li>
</ul>
<img src="https://cdn.modao.cc/%E5%AE%89%E8%A3%85%E6%8F%92%E4%BB%B6.gif" style="width:800px">

<ul>
<li><p>启用插件</p>
</li>
<li><p>完成安装后，将 Axure 插件启用并固定在浏览器显示即可。</p>
</li>
</ul>


如何下载安装插件

<h1 id="文件上传失败">文件上传失败</h1>
<p>如您在上传文件过程中遇到上传失败的问题，可能是以下几个原因，建议进行排查。</p>
<h4 id="q：文件格式错误">Q：文件格式错误</h4>
<p>A：由于使用的电脑品牌、型号、配置不同，压缩工具不同或是Axure版本不同，在导入时有可能会出现以下问题，请确保按照下面的帮助内容依次尝试：</p>
<p>1、Axure发布的文件出现了文件损坏或者压缩ZIP文件时没有包含发布的全部内容，此时，建议您使用Axure重新发布一份HTML文件，压缩后再导入，保证压缩包内文件完整；<br>2、ZIP加密文件会导致导入失败，在压缩时请不要加密；<br>3、压缩工具导致生成的ZIP包格式错误，建议您首选系统自带的压缩方式，❗️注意：若是Windows系统，则考虑使用WinRAR；<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">Windows压缩和解压缩文件</a></p>
<p>b. <a href="https://support.apple.com/zh-cn/guide/mac-help/mchlp2528/mac">在 Mac 上压缩和解压缩文件和文件夹</a></p>
<h4 id="q：数据导入失败">Q：数据导入失败</h4>
<p>A：您的文件数据过大（原型内的组件过多）时可能会出现数据导入失败的情况，此时建议您将内容拆分后，再分别进行上传；</p>
<h4 id="q：不支持导入axure源文件">Q：不支持导入Axure源文件</h4>
<p>A：使用Axure直接保存时，会保存一份后缀为.rp的源文件在本地，将源文件打包后导入到墨刀是无法解析的，此时，需要您使用Axure打开源文件，点击上方菜单栏【发布】-【生成HTML文件...】，<strong>把发布的文件全部打包压缩后</strong>，再次导入。</p>
<h4 id="q：不支持导入墨刀离线演示包">Q：不支持导入墨刀离线演示包</h4>
<p>A：使用墨刀的过程中，您可能会将墨刀中的文件以离线演示包的形式下载到本地，导入墨刀离线演示包是无法进行解析的，此时，如果您本地有Axure文件的话，可以参照导入步骤使用Axure9将其发布后打包再尝试导入。</p>
<h4 id="q：网络连接超时，请重试">Q：网络连接超时，请重试</h4>
<p>A: 上传压缩包的过程中出现断网的情况，此时工作台中可能会出现一个不完整的文件，您可以在网络恢复后删除这个文件，重新导入。</p>


Axure文件上传失败如何处理

文件上传失败

<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>JPG、PNG、GIF格式</strong>的图片，上传后不支持标注。<br>本地图片上传到墨刀协作有两种方法：<br>1.点击左侧工具栏的小加号，选择由本地上传。<br> <img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/%E8%AE%BE%E8%AE%A1%E5%8D%8F%E4%BD%9C/xiezuo01.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>
<h2 id="工作台概述">工作台概述</h2>
<p>工作台是您登录墨刀的起始界面，从这里您可以进入个人工作台或者团队中的协作空间。</p>
<p>团队工作台是墨刀为用户提供的一个集中管理团队文件和团队协作的平台，旨在帮助团队成员高效地创建、编辑和管理团队与文件，促进团队间的协作和沟通。</p>
<p><strong>主要功能和特点：</strong></p>
<ul>
<li><strong>文件管理：</strong> 团队成员可以在工作台中创建包括原型、白板等文件，并能够查看现有文件、编辑文件信息等。</li>
<li><strong>权限管理：</strong> 工作台支持权限管理，团队管理员可以设置成员角色和权限，保护项目的安全。</li>
<li><strong>席位分配：</strong> 工作台支持分配席位，团队管理员可以设置成员的可编辑席位类型，拥有对应席位后可新建与编辑对应的文件类型。</li>
<li><strong>回收记录：</strong> 团队成员可以查看和恢复已被删除的文件。但注意，当文件被删除超过30天后，将不可恢复。</li>
</ul>
<h2 id="工作台界面介绍">工作台界面介绍</h2>
<p>进入工作台的起始界面，您会看到一个直观而功能丰富的布局。</p>
<ul>
<li><strong>顶部导航栏：</strong> 提供快速访问空间内的团队、新建团队等功能；</li>
<li><strong>左侧侧边栏：</strong> 包含最近文件、我的收藏、素材库、素材广场、团队列表等工具的快捷链接；</li>
<li><strong>侧边栏底部：</strong> 包含切换空间、成员管理、权限设置等核心功能的入口。<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/%E5%9B%A2%E9%98%9F%E8%AF%B4%E6%98%8E/%E5%B7%A5%E4%BD%9C%E5%8F%B0.png" width="700"/></li>
</ul>
<h2 id="集成和扩展功能">集成和扩展功能</h2>
<h3 id="最近文件">最近文件</h3>
<ul>
<li>最近文件记录了您最近访问或编辑过的文件，您可以快速找到最近工作过的项目，方便继续编辑或查看。让您的文件管理更加高效，文件查阅更加便捷。</li>
<li>您可以通过点击最近文件列表中的文件，直接进入编辑界面进行操作。</li>
</ul>
<h3 id="我的收藏">我的收藏</h3>
<ul>
<li>在浏览文件/文件夹时，点击收藏按钮将其添加到我的收藏列表中。</li>
<li>您可以收藏自己经常使用的文件/文件夹，便于日后快速访问和使用。</li>
</ul>
<h3 id="素材库">素材库</h3>
<ul>
<li>素材库是一个企业成员共享的资源库，可以帮助团队成员进行素材的快速复用，提升工作效率以及达成团队产品设计的风格统一；</li>
<li>您可在素材库界面查看、管理团队素材库内的组件、图片，也可在此处管理素材权限。</li>
</ul>
<h3 id="素材广场">素材广场</h3>
<ul>
<li>素材广场是一个集中展示各类素材资源的平台，团队成员可以在这里浏览、搜索和使用各种素材，如原型文件、原型页面、组件、图表等模板。</li>
<li>您可以通过素材广场的分类标签或搜索功能，快速找到所需的素材资源。点击素材即可预览并将其添加到当前项目中使用。</li>
</ul>
<h3 id="团队管理">团队管理</h3>
<ul>
<li>您可以创建多个企业空间，满足您不同企业的产品协作需求。</li>
<li>同时，您也可以在企业空间里创建多个团队，对不同成员设置不同团队的访问权限，实现高效管理。例如：<ul>
<li>以成员职能创建不同的团队，如行政组、运营者、招聘组等；</li>
<li>以产品线创建不同团队，如前台、中台、后台等；</li>
<li>以承担职责创建不同团队，如工具组、平台组等。</li>
</ul>
</li>
</ul>
<h2 id="常见问题">常见问题</h2>
<p>1.<strong>为什么我无法查看他人收藏的文件？</strong></p>
<p>团队工作台中的“我的收藏”功能是设计为个人使用的工具，每个团队成员只能查看和管理自己收藏的文件。这是为了保护团队成员的个人隐私和文件安全。因此，您无法直接查看其他团队成员收藏的文件。</p>
<p>2.<strong>为什么企业空间里有多个团队，我只能查看其中一个，其他的都看不到？</strong></p>
<p>这种情况通常是因为在邀请您加入到企业时，管理员只申请了您访问其中一个团队的权限。在工作台中，每个团队都有独立的权限设置，管理员在邀请您加入企业时，可能只选择了某个具体团队的权限。因此，您只能查看和访问被邀请的那个空间。</p>
<p>如果您需要访问其他团队，您可以联系管理员，请求他们重新邀请您并申请访问其他团队的权限。管理员可以根据您的需求重新发送邀请，并设置相应的团队成员权限，以便您可以访问和管理其他团队的内容。</p>
<p>请注意，工作台中的每个团队都可以设置独立的权限和访问控制，这样可以确保团队成员只能访问其需要的内容，保护团队的安全和隐私。</p>


工作台

<h1 id="团队沟通与协作">团队沟通与协作</h1>
<h2 id="团队沟通与协作功能概述">团队沟通与协作功能概述</h2>
<p>墨刀为用户提供便捷的团队沟通与协作功能，旨在促进团队成员之间的信息交流、项目合作和工作协同。</p>
<p>您可以通过墨刀实现：</p>
<ul>
<li><strong>文件共享与协作</strong>: 支持团队成员共享文件、图片、组件等资源，多人同时在线编辑文档，实现实时协作和文件管理。</li>
<li><strong>项目讨论与反馈</strong>: 墨刀提供批注功能和评论功能，团队成员可以针对空间内文件进行讨论、提出建议和反馈意见，促进项目进展和改进。</li>
<li><strong>成员管理</strong>：在团队内您可以创建多个团队，每个团队您都可以单独邀请成员加入并设置权限，方便成员管理。</li>
</ul>
<p>免费版、团队会员、企业会员享受不同功能权益，详情请查看<a href="https://modao.cc/downloads" target="_blank">版本对比与介绍</a>。</p>
<h2 id="团队">团队</h2>
<p><strong>团队</strong>是墨刀针对企业用户的专属空间，与个人空间无法协作不同，企业所有者可以创建多个团队，每个团队可以单独邀请成员和设置权限，从而实现针对不同文件或工作内容的灵活管理。帮助团队成员之间进行高效的沟通、协作和文件管理。</p>
<p><strong>主要功能和特点：</strong></p>
<ol>
<li><strong>多团队创建与加入：</strong> 团队所有者可以根据项目或工作内容的不同需求，创建多个独立的团队。企业内可以建立不同的团队对应公司实际的业务需求，企业成员也可加入多个团队。</li>
<li><strong>独立成员邀请和权限设置：</strong> 每个团队都可以单独邀请成员，并设置成员的访问权限和编辑权限。</li>
<li><strong>灵活文件管理：</strong> 在团队中，团队成员可以共享和管理文件，实现团队文件的统一管理和共享。</li>
</ol>
<h2 id="多人协作">多人协作</h2>
<p>墨刀团队支持<strong>多人协同编辑文件</strong>，协作成员需位于<strong>同一团队</strong>。旨在促进团队成员之间的协作和合作，实现项目的共同开发和管理。通过多人协作功能，团队成员可以实时共享、编辑和讨论文件，从而实现团队的高效沟通和协作。</p>
<p><strong>使用场景：</strong></p>
<ol>
<li><strong>团队项目开发：</strong> 多人协作功能适用于团队的项目开发和协作，包括需求讨论、设计评审、开发实现等阶段。</li>
<li><strong>文件共享与编辑：</strong> 用于团队成员之间的文件共享和协作，实现多人同时编辑和讨论文件，提高工作效率。</li>
<li><strong>问题解决与反馈：</strong> 用于团队成员之间的问题解决和反馈，提出建议和改进建议，促进项目的持续改进和优化。</li>
</ol>
<h2 id="审阅成员">审阅成员</h2>
<p>免费版、团队会员、企业会员在协作成员以外设置了<strong>审阅成员席位</strong>，致力于以更低的成本、更高的安全性，助力团队实现全员协作，全面提升评审效率。</p>
<p>与协作成员不同，审阅成员<strong>不能够参与文件编辑</strong>，而是专为团队内的评审需求设置的。</p>
<p>审阅席位的价格相对协作席位较低，可以合理分配成员职责与权限，节省团队成本。</p>
<p><strong>审阅成员的查看权限分为以下两种情况：</strong></p>
<ol>
<li>在进行需求评审、文件评估时，分享文件链接时默认<strong>仅限团队内成员查看</strong>，这时审阅成员可以直接查看和评论。</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/189%E5%9B%A2%E9%98%9F%E6%B2%9F%E9%80%9A%E4%B8%8E%E5%8D%8F%E4%BD%9C/1.png" width="700"/>

<ol start="2">
<li>在文件中添加审阅成员，设置其权限为<strong>仅查看</strong>，审阅成员就可以在工作台中预览此团队文件了。</li>
</ol>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/189%E5%9B%A2%E9%98%9F%E6%B2%9F%E9%80%9A%E4%B8%8E%E5%8D%8F%E4%BD%9C/3.png" width="700"/>


<h2 id="素材库">素材库</h2>
<p><strong>素材库</strong>是一个可以协作共享的空间，所有素材均可在企业文件中使用，方便成员快速复用团队产品的设计标准。</p>
<p>您可以随时更新素材库内容，素材库会永久保存，无需担心同步问题。</p>
<p><strong>主要功能和特点：</strong></p>
<ol>
<li><strong>素材资源集中管理：</strong> 企业成员可以将项目所需的图片、图标、组件等素材资源上传至素材库，并进行分类管理，方便成员查找和使用。</li>
<li><strong>多人共享与协作：</strong> 企业成员可以共享和协作管理素材库中的资源，多人同时在线编辑和更新素材信息，确保素材库的实时性和准确性。</li>
</ol>
<p>具体管理使用方法请查看 <a href="https://modao.cc/hc/articles/376" target="_blank">团队素材库</a>。</p>


了解团队

团队沟通与协作

<h1 id="团队协作会员版本划分">团队协作会员版本划分</h1>
<h2 id="墨刀团队会员介绍">墨刀团队会员介绍</h2>
<p>墨刀团队会员旨在为团队协作和项目管理提供一站式解决方案，帮助团队成员更加高效地协作、创作和交流。为了满足不同团队的需求，墨刀团队版分为<strong>免费权益、团队会员和企业会员</strong>三个类型，每种类型都针对不同的用户群体和使用场景提供了特定的权益和功能。</p>
<p>具体功能价格详情请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。</p>
<p>目前墨刀团队协作主要包括墨刀原型与墨刀白板串联产设研团队，解决沟通协作难题。其中墨刀原型包括原型绘制、设计协作、流程图、思维导图等文件、墨刀白板可以进行思路整理、头脑风暴与文档编写等功能。</p>
<p>无论您是初创团队、中小企业还是大型企业，墨刀团队会员都能够满足您的需求，提供定制化的团队协作解决方案，助您实现团队的高效运作和持续发展。</p>
<h2 id="免费权益">免费权益</h2>
<p>1.<strong>基本介绍：</strong></p>
<ul>
<li><strong>免费版</strong>面向所有团队用户永久免费开放协作权益，协助初创型团队，颠覆传统产品设计模式。免费版能够满足您的基本协作需求，完善协作闭环。</li>
</ul>
<p>2.<strong>核心功能：</strong></p>
<ul>
<li><strong>免费使用：</strong> 免费版为用户提供了免费使用的机会，让个人用户和小团队能够免费享受到基本的团队协作功能。 </li>
<li><strong>基本协作功能：</strong> 免费版提供了基本的文件创建、文件共享、实时协作等功能，满足用户日常团队协作的基本需求。</li>
<li><strong>基础支持服务：</strong> 免费版提供基础的在线支持服务，帮助用户解决常见问题和困惑。</li>
</ul>
<p>具体功能权限请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。</p>
<p>3.<strong>使用方法：</strong></p>
<ul>
<li>新用户登陆墨刀，选择团队协作时，系统将自动为其创建个企业空间（免费版）。</li>
<li>当您已拥有一个免费版企业空间时，当您再新建企业时，企业空间会显示已到期。每位用户只能拥有一个企业空间使用永久免费权益。</li>
</ul>
<p>需要注意的是：</p>
<p><strong>付费企业到期后会变为免费版，最多支持10个原型与10个白板的协作席位，原有的席位分配会保留，付费会员过期后如果席位、文件数等其他权益超限，功能使用会受限。为了您的正常使用，请您把协作席位减少到不多于10人，文件数不多于3个。</strong></p>
<h2 id="团队会员">团队会员</h2>
<p>1.<strong>基本介绍：</strong></p>
<ul>
<li>团队会员适用于小微团队，旨在帮助团队成员更加高效地协作、创作和交流。团队会员提供丰富的团队协作功能和服务，适用于各类小型企业和文件的管理需求。</li>
</ul>
<p>2.<strong>核心功能：</strong></p>
<ul>
<li><strong>高级团队协作功能：</strong> 团队会员提供了一系列高级的团队协作功能，包括更多的文件数量、单个原型页面数量等，满足团队成员在项目开发和协作过程中的各种需求。</li>
<li><strong>灵活的团队成员管理：</strong> 团队会员允许所有者灵活设置和管理团队成员的权限和角色，确保团队成员在协作中拥有适当的访问权限和操作权限。</li>
<li>除去核心功能，团队会员还提供<strong>资产容灾快速响应机制</strong>和<strong>专属客服服务</strong>。此版本能够满足<strong>中小型团队</strong>协作需求，在团队管理方面也更专业。</li>
</ul>
<p>具体功能权限与价格请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。</p>
<p>需要注意的是：</p>
<p><strong>企业会员降级为团队会员时，请将您的内容转移到一个统一的团队中进行保留，保留的文件数须不超过100个。</strong></p>
<h2 id="企业会员">企业会员</h2>
<p>1.<strong>基本介绍：</strong></p>
<ul>
<li>墨刀企业会员是为大型企业和跨部门团队提供的高级团队协作解决方案，旨在满足企业级用户对安全、可靠、可定制化团队协作平台的需求。企业会员为企业提供了一系列专业化的团队协作功能和定制化的服务，助力企业实现高效的团队协作和项目管理。</li>
</ul>
<p>2.<strong>核心功能：</strong></p>
<ul>
<li><strong>专业的团队协作功能：</strong> 企业会员提供不受限制的文件数量和原型页面数量，满足企业用户在团队协作和项目管理方面的各种需求。</li>
<li><strong>专业的技术支持服务：</strong> 企业会员提供专业的技术支持服务，为企业用户提供实时的技术支持和解决方案，确保企业团队的高效运作和项目管理。</li>
<li>除去核心功能，企业会员还提供<strong>180天操作日志查看</strong>、<strong>专属域名</strong>、<strong>离职数据移交</strong>、<strong>资产容灾快速响应机制</strong>等功能。</li>
</ul>
<p>具体功能权限与价格请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。</p>
<h2 id="版本对比">版本对比</h2>
<p>在选择墨刀团队会员的版本之前，了解各个版本之间的差异和特点至关重要。版本对比可以帮助您更清晰地了解每个版本提供的功能和服务，从而更好地满足团队的需求。以下是各个版本的享有权限的对比说明。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/%E5%9B%A2%E9%98%9F%E8%AF%B4%E6%98%8E/%E5%AE%9A%E4%BB%B7%E9%A1%B5.png" width="700"/>

<h2 id="选择指南">选择指南</h2>
<p>您可以根据以下因素考虑使用何种类型的团队版本。</p>
<ol>
<li><p><strong>团队规模：</strong> 考虑您企业的规模和成员数量。如果您是个人用户，免费版可能已经足够满足您的基本需求。而对于中小型企业或大型企业，团队会员或企业会员可能更适合您的团队规模和需求。</p>
</li>
<li><p><strong>项目复杂度：</strong> 考虑您企业的项目复杂度和需求。如果您的项目相对简单，只需要基本的团队协作和文件管理功能，那么免费版可能足够满足您的需求。但如果您的项目复杂度较高，需要更多高级的团队协作和项目管理功能，那么团队会员或企业会员可能更适合您。</p>
</li>
<li><p><strong>技术支持和服务需求：</strong> 考虑您团队对技术支持和服务的需求。如果您需要及时的技术支持，那么团队会员或企业会员可能更适合您。</p>
</li>
</ol>
<p>综合考虑以上因素及其他因素，选择适合您团队需求的墨刀团队版本，将有助于提高团队的工作效率和项目管理效果。</p>


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

团队版本划分

<h1 id="文件交接">文件交接</h1>
<p>文件交接是确保团队信息和工作连续性的关键步骤，在成员离职、调职或角色变化时尤为重要。</p>
<p>在墨刀团队中，文件交接指的是将团队中的文件、项目、任务及相关信息从一位成员转移或分配给另一位成员。这一过程确保了团队的正常运作和项目的顺利进行，避免信息的遗漏和工作中断。</p>
<p>文件交接共有以下三种情况供您参考。</p>
<h2 id="交接文件在公司帐号创建的团队中">交接文件在公司帐号创建的团队中</h2>
<p>当文件交接发生在公司账号创建的团队中时，需要确保交接过程顺利且安全，避免数据丢失或权限混乱。您可以通过以下步骤完成文件交接。</p>
<p>切换到相应的团队空间内，点击左下角<strong>成员管理</strong>，在<strong>成员管理</strong>界面，选择需要交接的成员，点击更多按钮，选择<strong>移除并交接</strong>。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/225/1.png" width="700"/>

<ul>
<li>免费空间中，文件默认交接给企业所有者。</li>
<li>企业会员空间中，可点击修改选择需要交接的文件及被交接人，点击确定即可完成交接。</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/225/2.png" width="700"/>

<p>通过以上步骤，可以确保文件交接在公司账号创建的团队中顺利进行，避免数据丢失、权限混乱，并确保团队工作的连续性和稳定性。</p>
<p><strong>需要注意的是：</strong></p>
<ol>
<li>交接后会将移除人所在团队空间下的相关文件全部交接给承接人；</li>
<li>承接人不在相关团队空间：交接后会自动加入此团队空间，团队空间角色与移除人一致；</li>
<li>承接人在相关团队空间：团队空间角色取承接人与移除人二人中最高的权限；</li>
<li>不可将内容交接给审阅成员</li>
</ol>
<p><strong>特别注意的是：</strong></p>
<p>团队空间中的文件属于团队空间所有者，因此移除团队成员后，成员移入团队空间或者在团队空间里创建的文件不会消失。</p>
<h2 id="交接文件在离职人员帐号创建的团队中">交接文件在离职人员帐号创建的团队中</h2>
<p>这种情况有2种交接方式。</p>
<h3 id="交接方式1">交接方式1:</h3>
<p>Tips：本方法仅限文件，不支持文件夹。</p>
<p>1）离职人员将需要交接的文件先转移到公司账号创建的团队空间。</p>
<p><img src="https://cdn.modao.cc/tuanduikongjian/2212225-1.png" width="400px"/>

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

<p>2）由团队空间管理员进行离职交接操作。（操作办法见上一节）</p>
<h3 id="交接方式2：">交接方式2：</h3>
<p>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></p>
<p>2）切换到离职人员创建的团队空间内，点击左下角<strong>成员管理</strong>。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/225/3.png" width="700"/>

<p>在跳出的界面中，选择需要交接的成员，点击更多按钮，选择<strong>移除并交接</strong>，</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/225/1.png" width="700"/>

<p>选择需要交接的文件及被交接人，点击确定即可完成交接。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/225/2.png" width="700"/>

<h2 id="交接文件在离职人员帐号个人空间中">交接文件在离职人员帐号个人空间中</h2>
<p>若需交接离职人员在个人空间中的文件，首先需将离职人员添加到当前的团队中。若离职人员不在当前团队空间，可按如下步骤操作：</p>
<ol>
<li>管理者帐号切换到当前公司创建的的团队空间</li>
<li>管理者帐号添加离职人员到团队空间中</li>
</ol>
<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></p>
<ol start="3">
<li>离职人员把文件从个人空间移到团队空间下的文件夹中</li>
</ol>
<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></p>
<ol start="4">
<li>帐号（所有者）把离职人员移出团队空间</li>
</ol>
<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></p>
<h2 id="外包原型文件交付">外包原型文件交付</h2>
<p> 乙方与甲方确认、约定使用墨刀制作原型。  </p>
<p>将制作完成的原型导出源文件发送给甲方。    </p>
<p>注：源文件导出功能限个人终身会员、团队/企业会员使用。  </p>


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

文件交接

<h1 id="操作日志">操作日志</h1>
<h2 id="操作日志概述">操作日志概述</h2>
<p>操作日志是墨刀中用于记录团队活动和操作的重要功能。它详细记录了团队在协作过程中产生的各种操作，包括：<br>团队成员变更<br>团队信息变更<br>团队权限变更<br>团队文件变更<br>通过操作日志，您可以清晰地了解哪些账号进行了特定操作。这项功能有助于团队管理员和成员追踪活动，确保团队操作的透明度与安全性。<br>查看操作日志可以帮助您快速识别团队中的变更，追踪异常活动，并在必要时采取适当措施。操作日志不仅是团队审计和合规的重要工具，也是确保团队协作顺畅与高效的基础。<br>目前，只有团队所有者和超级管理员可以访问操作日志。</p>
<h2 id="查看操作日志">查看操作日志</h2>
<p>团队空间所有者或超级管理员登录账号后，在团队工作台点击<strong>团队设置</strong>。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/90/1.png" width="500"/>

<p>在跳转后的页面中打开<strong>操作日志</strong>即可查看。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/90/2.png" width="700"/>

<p>操作日志是墨刀中的一项重要功能，帮助团队管理员和成员跟踪各类活动。它记录了详细的操作信息，并提供便捷的查询和导出功能。以下是操作日志查询和导出的操作方式：  </p>
<h3 id="操作日志查询方法">操作日志查询方法</h3>
<ul>
<li><p><strong>按时间查询：</strong> 您可以选择特定的时间范围，以查看在该期间内的所有操作记录。这有助于您快速了解某一时段的活动情况。</p>
</li>
<li><p><strong>按操作类型查询：</strong> 操作日志允许您根据操作类型进行筛选，如文件创建、编辑、删除、权限变更等。这样，您可以迅速找到相关的操作记录。</p>
</li>
<li><p><strong>按操作账号查询：</strong> 通过输入特定账号，您可以查看该用户在团队中的所有操作。这对于追踪某个成员的活动和发现异常行为非常有用。</p>
</li>
</ul>
<h3 id="操作日志导出">操作日志导出</h3>
<ul>
<li><strong>导出操作日志：</strong> 墨刀提供将操作日志导出为文件的功能，方便您进行离线分析和记录保存。在导出时，您可以选择需要的查询范围和操作类型，以确保生成的日志文件符合您的需求。</li>
</ul>
<p>通过这些功能，操作日志帮助团队成员和管理员更有效地管理活动记录，确保团队操作的透明度和安全性。</p>
<blockquote>
<p><strong>注意：操作日志仅对企业会员用户提供。</strong>
点击查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a></p>
</blockquote>


如何查看团队操作日志

操作日志

<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/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/1-1.png" width="200"/>

<p>（2）选择您需要的原型文件，点开并点击【立即使用】，将会出现弹窗让您选择将该素材保存在哪个空间的位置中。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/1-2.png" width="800"/>

<p>（3）保存后，打开您刚刚所选择的空间及位置，则能找到保存的原型文件素材。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/1-3.png" width="800"/>

<h2 id="2、原型页面">2、原型页面</h2>
<p>「原型页面」素材为原型中的各个页面素材，保存某个「原型页面」素材后，可在个人原型文件中，选中素材中的某一个页面使用。
<br></p>
<p>（1）进入素材广场后，选择「原型页面」这一个分类。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/2-1.jpg" width="200"/>

<p>（2）点击选择进入自己喜欢的原型后，点击【立即使用】，这个时候会让你选择文件的保存空间和位置。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/2-2.jpg" width="800"/>

<p>（3）保存素材之后，打开原型，在左侧选择【页面】——【收藏】，即可看到保存的原型页面。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/2-3.jpg" width="300"/>

<h2 id="3、组件及图标">3、组件及图标</h2>
<p>（1）进入素材广场后，选择「组件」或「图标」</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/3-1.jpg" width="200"/>

<p>（2）点击进入自己喜欢的素材后，点击【立即使用】，这个时候会让你选择素材的保存空间和位置。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/3-2.jpg" width="800"/>
  
<p>（3）保存素材之后，打开原型，在左侧选择【组件】——【我的】——【收藏】，即可看到保存的组件。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/3-3.jpg" width="300"/>




素材广场使用指南

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


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

墨刀原型素材版权说明

<h1 id="如何发布素材">如何发布素材</h1>
<h2 id="发布素材">发布素材</h2>
<p>有三种方式可以在素材广场中发布素材。发布前请阅读并同意《墨刀素材发布协议》。</p>
<h3 id="1、素材广场页发布素材">1、素材广场页发布素材</h3>
<p>点击顶部导航【素材广场】，进入到【素材广场】页面，点击【发布作品】进入到发布素材页面，填写素材相关信息，点击【确认发布】即可发布素材。发布素材并审核通过后素材将展示在素材广场。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/1-1.jpg" width="800"/>

<h3 id="2、工作台发布素材【仅支持个人空间文件】">2、工作台发布素材【仅支持个人空间文件】</h3>
<p>进入到工作台，选中文件，单击右键，弹出下拉菜单中，选择【发布到素材广场】，即可进入到发布素材页，填写素材相关信息，点击【确认发布】即可发布素材。发布素材并审核通过后素材将展示在素材广场。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/2-1-1.jpg" 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/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/%E5%8F%91%E5%B8%83-1.jpg" width="300"/>
<br>

<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/%E5%8F%91%E5%B8%83-2.jpg" 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/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/1.jpg" width="800"/>
<br>


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

<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/3.jpg" width="800"/>

<h2 id="如何查看已关注的素材作者">如何查看已关注的素材作者</h2>
<p>点击素材广场右上角「头像-我的主页-关注」就可以查看到已关注的作者。<br>点击切换至「关注我的人」也可查看到关注您的用户。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/4.jpg" width="800"/>

<br>

  


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

如何保存和查看素材

<h1 id="如何注册墨刀账号？">如何注册墨刀账号？</h1>
<p>欢迎使用墨刀！注册墨刀账号是开始使用墨刀的第一步。您可以通过以下方式注册墨刀账号：</p>
<h2 id="注册方式">注册方式</h2>
<h3 id="1-手机注册">1. 手机注册</h3>
<p>您可以通过手机号码注册墨刀账号。在注册页面输入您的手机号码，系统会发送验证码到您的手机上，输入验证码完成注册即可。</p>
<h3 id="2-邮箱注册">2. 邮箱注册</h3>
<p>另一种注册方式是使用邮箱注册。在注册页面输入您的邮箱地址，系统会发送验证邮件到您的邮箱中，点击验证链接完成注册。</p>
<h3 id="3-微信注册">3. 微信注册</h3>
<p>墨刀还支持使用微信快速注册账号。您可以在注册页面选择微信注册，按照提示在微信中完成注册流程。</p>
<p>您可以直接访问<a href="https://modao.cc/embed/auth_box?type=signup">注册页面</a>或者前往<a href="https://modao.cc/">墨刀官网</a>，点击页面上的「免费使用」按钮进行注册。</p>
<h2 id="注册流程示例">注册流程示例</h2>
<ol>
<li>进入注册页面，选择注册方式，填写相应信息。</li>
</ol>
<p><img src="https://cdn.modao.cc//hc/zhuce/01image.png" alt="注册页面示例"></p>
<ol start="2">
<li>注册成功后，系统会为您默认创建一个团队空间，您可以通过左侧边栏或右上角头像的空间列表随时切换。</li>
</ol>
<p><img src="https://cdn.modao.cc/v8/zhuce2.png" alt="团队空间示例">
<img src="https://cdn.modao.cc/v8/zhuce3.png" alt="空间切换示例"></p>
<h2 id="常见问题">常见问题</h2>
<p><strong>1.为什么我点击了获取验证码，但依然没有发送验证码？</strong></p>
<ul>
<li>如果在获取验证码时提示同一账号调用次数超过当日上限，可能是因为点击发送验证码过于频繁而触发了频控。请稍后再尝试获取验证码。</li>
</ul>
<p><strong>2.我用手机和微信分别注册了两个账户，可以合并吗？</strong></p>
<ul>
<li>如果您分别用手机和微信注册了两个账户，但现在想合并两个账户，请前往工作台-右下角问号-在线客服或官网底部-在线客服。联系人工客服先进行某一账户的注销，再完成绑定操作。</li>
</ul>


如何注册墨刀账号？

如何注册墨刀账号

<h1 id="注销与找回账号">注销与找回账号</h1>
<h2 id="注销账号">注销账号</h2>
<p>如需注销账号，请您用帐号对应邮箱发送邮件到我们的官方邮箱，我们会帮您进行处理。 为了您的账号安全，邮件来信需要包含完整四条内容，谢谢您的配合。</p>
<ul>
<li>邮件标题：注销墨刀帐号 </li>
<li>收件邮箱：<a href="mailto:&#x73;&#117;&#112;&#x70;&#x6f;&#x72;&#116;&#x40;&#109;&#x6f;&#x64;&#x61;&#111;&#x2e;&#99;&#x63;">&#x73;&#117;&#112;&#x70;&#x6f;&#x72;&#116;&#x40;&#109;&#x6f;&#x64;&#x61;&#111;&#x2e;&#99;&#x63;</a></li>
<li>邮件内容：
1）要注销的墨刀帐号（邮箱/手机号/UID，点击右上角头像进入<strong>账户设置</strong>查询）</li>
</ul>
<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）注销原因，简要地描述您的注销原因</p>
<p>4）确认注销帐号后您的所有文件、协作关系、购买记录将被清除且不可恢复。（包含所有万兴产品）</p>
<p>5）邮件发送后我们会尽快审核，在完成注销后将以邮件的方式通知您。</p>
<h2 id="忘记帐号找回">忘记帐号找回</h2>
<p>如忘记墨刀帐号，建议您发送邮件到我们的官方邮箱，提供帐号相关信息，我们会帮您查找。 </p>
<ul>
<li><p>邮件标题：忘记帐号找回 </p>
</li>
<li><p>收件邮箱：<a href="mailto:&#115;&#x75;&#112;&#x70;&#x6f;&#114;&#x74;&#x40;&#109;&#x6f;&#100;&#97;&#x6f;&#x2e;&#x63;&#x63;">&#115;&#x75;&#112;&#x70;&#x6f;&#114;&#x74;&#x40;&#109;&#x6f;&#100;&#97;&#x6f;&#x2e;&#x63;&#x63;</a></p>
</li>
<li><p>邮件内容： </p>
<p>  1）绑定的手机号</p>
<p>  2）之前分享过的文件分享链接</p>
<p>  3）2至3个文件的文件名称（文件名称最好相对特殊，不容易有重复）</p>
</li>
</ul>
<h2 id="把帐号转让给别人">把帐号转让给别人</h2>
<p>帐号可以通过更新邮箱的方式进行转让。转让具体操作：</p>
<ul>
<li>点击工作台右上方的头像，在「账户设置」的「绑定邮箱」中即可更改邮箱。</li>
<li>更改邮箱后，您把邮箱帐号和密码给到对方即可。如账号内还有绑定其他信息，可以让被转让人进行换绑修改。</li>
</ul>
<h2 id="修改账号信息">修改账号信息</h2>
<ul>
<li>请使用电脑访问web版<a href="https://modao.cc/" target="_blank">墨刀</a>，访问、管理您的个人信息。</li>
<li>如您使用墨刀中遇到了个人信息安全受到侵犯的问题，可以发送主题为「个人信息安全侵犯投诉」的邮件到<a href="mailto:&#x73;&#x75;&#112;&#112;&#x6f;&#x72;&#116;&#64;&#109;&#x6f;&#100;&#x61;&#111;&#46;&#x63;&#x63;">&#x73;&#x75;&#112;&#112;&#x6f;&#x72;&#116;&#64;&#109;&#x6f;&#100;&#x61;&#111;&#46;&#x63;&#x63;</a>，并在邮件中提供相关能证明您被侵权的资料以及您的联系方式，我们会在15个工作日内为您妥善处理。</li>
</ul>
<h2 id="注册时输错邮箱">注册时输错邮箱</h2>
<p>注册时输错邮箱，可以在账户设置中修改邮箱，具体请查看下方教程：[ 更换绑定邮箱帐号]；
如果您注册时输错了邮箱且忘记了密码，请您用错误邮箱所对应的正确邮箱发送邮件到我们的官方邮箱，我们会帮您特殊操作重置密码，让您更改邮箱。</p>
<ul>
<li><p>邮件标题：注册时输错邮箱且忘记密码 </p>
</li>
<li><p>收件邮箱：<a href="mailto:&#x73;&#x75;&#112;&#112;&#111;&#x72;&#x74;&#x40;&#x6d;&#111;&#x64;&#x61;&#111;&#46;&#99;&#99;">&#x73;&#x75;&#112;&#112;&#111;&#x72;&#x74;&#x40;&#x6d;&#111;&#x64;&#x61;&#111;&#46;&#99;&#99;</a></p>
</li>
<li><p>邮件内容：</p>
<p>  1）注册时输错邮箱且忘记密码，需要重置密码修改邮箱  </p>
<p>  2）错误邮箱：（注册时输错的邮箱）  </p>
<p>  3）正确邮箱：（需要更换的正确邮箱）</p>
</li>
</ul>
<h2 id="绑定、换绑、解绑操作指南">绑定、换绑、解绑操作指南</h2>
<h3 id="绑定、解绑微信号">绑定、解绑微信号</h3>
<ul>
<li>点击工作台右上角的个人头像，在下拉菜单中选择「账户设置」-「账号绑定」-「绑定微信」。如需解绑微信，需要绑定手机或邮箱后，才可进行解绑。</li>
</ul>
<h3 id="绑定、换绑手机号">绑定、换绑手机号</h3>
<ul>
<li>点击工作台右上角的个人头像，在下拉菜单中选择「账户设置」，即可绑定/换绑手机号。</li>
<li>如遇到原手机号无法接收验证码的情况，请前往工作台-右下角问号-在线客服或官网底部-在线客服，联系人工客服进行证明资料提供与换绑操作。</li>
</ul>
<h3 id="更换绑定邮箱账号">更换绑定邮箱账号</h3>
<ul>
<li>点击工作台右上角的个人头像，在下拉菜单中选择<strong>账户设置</strong>，在<strong>绑定邮箱</strong>一栏可更改邮箱。</li>
<li>需要注意的是：修改后的邮箱<strong>不能是已注册墨刀的邮箱</strong>，否则会有数据冲突，无法成功更改。</li>
</ul>
<h2 id="常见问题">常见问题</h2>
<p><strong>1.我用微信和手机号分别注册了两个账户，如何绑定到一起呢？</strong></p>
<p>对于您想要将微信和手机号注册的两个账号进行合并的需求，可以通过以下步骤实现：</p>
<ul>
<li><strong>微信注册账号处理：</strong>将微信注册的账号绑定一个邮箱；解绑微信账号，确保该账号已经不再与微信绑定。</li>
<li><strong>手机号注册账号处理：</strong>将该微信账号重新绑定到手机号注册的账户上。</li>
</ul>
<p>通过以上操作，您可以将微信和手机号注册的两个账号进行合并，其中一个账号信息改成了邮箱绑定的。值得注意的是，这个操作不会影响到您已经创建的文件，它们将保持不变。</p>
<p><strong>2.我在其他人电脑上登录了帐号，要怎么退出呢？</strong></p>
<p>在别人电脑上登录了帐号需要退出，直接修改密码即可，修改完您的帐号将在对方的电脑上自动退出登录。</p>
<p><strong>3.我用手机号注册后，该如何绑定邮箱呢？</strong></p>
<p>手机号注册后，如需绑定邮箱账号，您可以点击工作台个人头像-账户设置，找到<strong>绑定邮箱</strong>一栏进行相关的验证操作即可。</p>
<p><strong>4.我之前的手机号已经无法接收验证码了，怎么换绑手机号？</strong></p>
<p>如遇到原手机号无法接收验证码的情况，请前往工作台-右下角问号-在线客服或官网底部-在线客服，联系人工客服进行证明资料提供与换绑操作。</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>
<p>在使用墨刀时，有时会遇到数据丢失或不可见的情况，以下是可能出现的问题以及相应的解决方法。</p>
<h2 id="页面不可见">页面不可见</h2>
<p>如果您发现页面不见了，可能是以下原因导致的：</p>
<p>1.<strong>页面被折叠或误删：</strong> 页面可能被折叠或误删了，请先尝试以下方法：</p>
<ul>
<li>在页面列表顶部搜索页面关键词，以查找页面是否被折叠。</li>
<li>检查画布回收站，您可以通过文件编辑区上方的标题下拉菜单进入画布回收站检查画布是否被误删。您也可以按下 Ctrl+R 刷新界面再检查页面回收站。</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/108/1.png" width="400"/>

<p>2.通过<strong>版本记录</strong>功能，尝试找回之前的数据。</p>
<p>-在编辑区内，点击左上角「文件」，选择「查看版本记录」。</p>
<ul>
<li>在右侧面板中，可以选择对应的版本记录，并选择需要回退的版本。</li>
</ul>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/108/108%E7%89%88%E6%9C%AC%E8%AE%B0%E5%BD%95.png" width="400"/>


<p>如果以上方法都找不到页面，请联系我们的客户支持团队，发送邮件至官方邮箱，我们将尽快帮您查找。</p>
<p>收件邮箱：<a href="mailto:&#115;&#117;&#112;&#x70;&#x6f;&#114;&#116;&#64;&#109;&#111;&#x64;&#97;&#111;&#46;&#x63;&#99;">&#115;&#117;&#112;&#x70;&#x6f;&#114;&#116;&#64;&#109;&#111;&#x64;&#97;&#111;&#46;&#x63;&#99;</a></p>
<p>邮件内容应包括：</p>
<ul>
<li>墨刀账号信息</li>
<li>文件分享链接</li>
<li>丢失页面的准确名称</li>
</ul>
<h2 id="文件不可见文件找不到">文件不可见/文件找不到</h2>
<p>如果您的文件不见了 ，可能是以下原因之一：</p>
<p>1.<strong>误删或协作成员误删：</strong> 
您或协作成员可能误删了文件，您可以检查工作台的文件回收站，以查找被误删的文件。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/108/2.png" width="400"/>

<p>2.<strong>查看位置或空间错误：</strong> 
查看的位置或者空间有误。您可以在工作台左下角切换空间，并在顶部搜索框中输入关键词，以查找文件。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/108/3.png" width="400"/>

<p>3.<strong>登录帐号错误：</strong> 当您发现文件找不到时，可能是账号登陆错误，请确保您登录的是正确的帐号。</p>
<p>如果以上方法无法解决问题，或者出现其他不可见情况，请联系我们的客户支持团队，发送邮件至官方邮箱，我们将尽快帮您查找。</p>
<p>收件邮箱：<a href="mailto:&#115;&#x75;&#112;&#112;&#111;&#x72;&#x74;&#x40;&#109;&#111;&#100;&#97;&#x6f;&#x2e;&#99;&#x63;">&#115;&#x75;&#112;&#112;&#111;&#x72;&#x74;&#x40;&#109;&#111;&#100;&#97;&#x6f;&#x2e;&#99;&#x63;</a></p>
<p>邮件内容应包括：</p>
<ul>
<li>文件对应的墨刀账号信息</li>
<li>之前分享过的文件分享链接</li>
<li>丢失文件的准确名称</li>
</ul>
<p>希望以上解决指南能够帮助您找回丢失的数据。</p>


数据不见了

墨刀上的数据丢失了

我的项目打不开了

<h1 id="打开文件白屏">打开文件白屏</h1>
<p>如果遇到打开文件白屏的情况，您可以尝试以下操作：</p>
<ul>
<li><strong>刷新页面：</strong> 您可以尝试使用快捷键 Ctrl+R 刷新页面。</li>
<li><strong>清空缓存：</strong> 查看 <a href="https://modao.cc/hc/articles/127">清除缓存操作指南</a> 进行操作。</li>
</ul>


打开项目白屏了

打开文件白屏

无法连接服务器

<h1 id="申请发票">申请发票</h1>
<h2 id="开票时间、类型、税点、样例">开票时间、类型、税点、样例</h2>
<p>以下是购买墨刀产品后开具发票的相关说明： </p>
<h3 id="开票时间">开票时间</h3>
<p>无特殊或不可抗力情况下，我司将在7个工作日内为您开票，发票开出后可在「发票历史」中查看、下载。</p>
<p>注：我司每月开票数量有限制，如急需开具发票，可发送邮件至<a href="mailto:&#115;&#117;&#x70;&#x70;&#111;&#114;&#x74;&#x40;&#109;&#111;&#x64;&#x61;&#111;&#x2e;&#99;&#x63;">&#115;&#117;&#x70;&#x70;&#111;&#114;&#x74;&#x40;&#109;&#111;&#x64;&#x61;&#111;&#x2e;&#99;&#x63;</a>与我们沟通处理，以免因当月开票量太大，发票限额用尽，耽误或延迟为您开票。</p>
<h3 id="开票类型">开票类型</h3>
<p>我司默认开票类型为 <strong>增值税普通发票（电子）</strong> ，支持切换为 <strong>增值税专用发票（电子）</strong>。</p>
<p>注：电子发票与纸质发票具有同等法律效力，都可作为单位报销凭证。 </p>
<h3 id="服务名称">服务名称</h3>
<p>我司开出的发票「货物或应税劳务、服务名称、项目名称」一栏填写的是<strong>*软件*墨刀原型平台[简称：墨刀]V7.0.0</strong>或<strong>*软件*墨刀白板软件V1.0.0</strong><br> 内容将根据实际购买内容变化，一笔订单同时购买原型+白板会员时，将拆分为两张发票分别开具，详见下方发票样例 。 </p>
<p>注：我司不能开<strong>办公用品</strong>等其他类别发票。 </p>
<p><img src="https://cdn.modao.cc/fapiaoyangli1.png" width="800"/>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/120-1.jpg" width="800"/>


<h3 id="开票税率">开票税率</h3>
<p>我司开出的发票金额均为含税价格，税率 13%。</p>
<h2 id="申请普通电子发票">申请普通电子发票</h2>
<h3 id="申请发票入口">申请发票入口</h3>
<p>1、团队空间可以在团队空间的「团队设置」-「费用中心」-「订单管理」订单管理中查看订单以及申请发票。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/120/1.png" width="800"/>

<p>您也可以直接在团队空间的「团队设置」-「费用中心」-「发票管理」查看历史发票记录及申请发票。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/120/2.png" width="800"/>

<p>2、个人空间可以在「右上角头像」-「个人订单」-「订单记录」中查看订单以及申请发票。</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/120/3.png" width="400"/>

<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/120/4.png" width="800"/>


<p><strong>注意：以上方式所开具的发票都默认为<span style="color:red">增值税普通发票（电子）</span>。</strong></p>
<p>发票开出后可在「发票历史」中查看、下载。</p>
<h3 id="提交开票信息">提交开票信息</h3>
<p>开票信息一般填写企业抬头和税号即可。</p>
<p>注：请您联系财务同事确认开票信息再提交开票，以免开票出错影响您报销；<mark>购买个人或企业会员均可开企业抬头发票</mark>。</p>
<h2 id="申请增值税专用发票">申请增值税专用发票</h2>
<h3 id="申请发票入口-1">申请发票入口</h3>
<p>专票的申请入口在普票弹窗最下方，“点击此处”即可进入专票申请页面。
专票开出后可在「发票历史」中查看、下载。</p>
<p><img src="http://cdn.modao.cc/helpcenter/images/dashboard/zhuanpiao.png" width="800"/>

  


<h3 id="提交开票信息-1">提交开票信息</h3>
<p>开票信息需要填写正确的企业抬头和税号。</p>
<p>注：请您联系财务同事确认开票信息再提交开票，以免开票出错影响您报销；<mark>购买个人版或企业版均可开企业抬头发票</mark>。</p>
<p>发票开出后可在「发票历史」中查看、下载。</p>
<h3 id="开票须知">开票须知</h3>
<ol>
<li><p>增值税专用发票税率为13%，含税；</p>
</li>
<li><p>开具增值税专用发票须正确完整提供购买方单位的全称、纳税人识别号、单位地址及电话、单位开户行及账号；</p>
</li>
<li><p>我司开出的增值税专用发票「货物或应税劳务、服务名称、项目名称」一栏填写的是<strong>*软件*墨刀原型平台[简称：墨刀]V7.0.0</strong>或<strong>*软件*墨刀白板软件V1.0.0</strong>  内容将根据实际购买内容变化，一笔订单同时购买原型+白板会员时，将拆分为两张发票分别开具，无法开具其他类别；</p>
</li>
<li><p>支付实际金额须与开票金额一致。</p>
</li>
</ol>
<h2 id="补充、更改开票信息">补充、更改开票信息</h2>
<h3 id="更改开票信息">更改开票信息</h3>
<p>如果您在申请发票时填错了开票信息，请您发送邮件到我们的官方邮箱，我们收到您的邮件之后，会帮您备注修改。 </p>
<p>邮件标题：修改开票信息 </p>
<p>收件邮箱：<a href="mailto:&#115;&#117;&#112;&#112;&#x6f;&#x72;&#116;&#x40;&#x6d;&#111;&#x64;&#x61;&#111;&#46;&#x63;&#99;">&#115;&#117;&#112;&#112;&#x6f;&#x72;&#116;&#x40;&#x6d;&#111;&#x64;&#x61;&#111;&#46;&#x63;&#99;</a></p>
<p>邮件内容： </p>
<p>1）开票墨刀帐号 </p>
<p>2）正确的开票信息  </p>
<p>3）是否已经开出发票（如已开出，请提供发票文件，我们需要帮您注销重新开票） </p>
<h2 id="申请发票失败">申请发票失败</h2>
<p>发票申请失败存在3种可能： </p>
<p>1、申请发票的入口有误。个人空间和企业空间的发票申请入口目前做了区分，如果在错误的入口查看，看不到可申请发票的订单。</p>
<p>2、发票已经提交申请。开票申请不可重复提交，如果您已经提交申请，可以在发票申请界面看到「待开票」的申请记录。 </p>
<p>3、开票信息内有空格或者特殊字符。 开票信息内有这些信息会导致申请失败。可以检查后重新输入信息后再开具试一下。</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>选择「个人使用」，选择订阅会员或终身会员，点击「立即购买」跳转到购买方案信息界面，选择相应的方案和时长进行付费即可。   </p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/119-1.jpg" width="400"/>
<br>
2、登录墨刀账号后，在墨刀工作台右下角点击「立即购买」
在打开的弹窗中选择合适的价格方案即可扫码完成支付。
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/119-2.jpg" width="400"/>
<br>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/119-3.jpg" width="400"/><br>

 


<h2 id="版本升降级限制">版本升降级限制</h2>
<p>当您的团队空间要在团队会员与企业会员之间转换时，需要参考以下的规则。<br>当您目前为团队会员时：</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/119-4.jpg" width="700"/>

<br>

<p>当您目前为企业会员时：</p>
<p><img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/119-5.jpg" width="700"/>

<br>




<h2 id="墨刀对公账号信息">墨刀对公账号信息</h2>
<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>请在购买界面确认所需支付的套餐选择【对公支付】</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/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/119-6.jpg" width="700"/>

<p>如订单在升级过程中遇到问题，可以在工作日时间 9:00-12:00，14:00-18:00 联系订单页下方在线客服提供以下信息，在线客服会及时为您处理升级。<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>
<h3 id="1合同说明">1.合同说明</h3>
<p>购买年付及以上版本都可以签订销售合同，墨刀默认提供<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>。电子合同下载后无需寄回。</p>
<p>团队、企业会员订单无论是否付款，都支持自主申请销售合同，个人年付及以上版本的订单可联系在线客服申请合同。
如果对合同有特殊需求，可联系销售人员400-659-9879 或在线客服。</p>
<h3 id="2申请合同">2.申请合同</h3>
<p>第一步：您可以在以下位置找到申请合同的入口：</p>
<p>入口一）提交订单后可以在确认订单界面找到【申请合同】的入口。</p>
<img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/119-7.jpg" style="width:800px">

<p>入口二）对公支付弹窗</p>
<img src="https://cdn.modao.cc/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E6%9B%B4%E6%96%B0/119-8.jpg" style="width:800px">

<p>入口三）订单列表
点击右上角头像后进入管理后台</p>
<img src="https://cdn.modao.cc//file/contract/%E5%85%A5%E5%8F%A33.1.PNG" style="width:400px">

<p>在管理后台左侧找到【订单管理】</p>
<img src="https://cdn.modao.cc//file/contract/%E5%85%A5%E5%8F%A33.2.png" style="width:800px">



<p><strong>第二步：添加墨墨姐微信，并备注：申请合同。</strong><br>添加成功后发送订单编号、企业名称、授权代表、联系电话、联系邮箱、通讯地址至墨墨姐微信。  </p>
<h2 id="过期还能编辑查看文件吗">过期还能编辑/查看文件吗</h2>
<p><strong>付费个人会员过期</strong><br>将暂时无法使用个人会员付费相关功能（可续费解除限制）。<br>文件数据：您已有的文件数据不受影响（不会被自动删除）。<br>使用限制：<br>如果您的个人文件数量不超过3个，您可以继续编辑这些文件（但页面数量如果超过20个，您将无法再新建）。<br>如果您的个人文件数量超过了3个，您需要将文件删除至 3个以内才可继续新建或编辑。<br>注：个人文件数量计算包含当前文件和锁定文件。</p>
<p><strong>付费企业过期</strong><br>您可以通过续费解除过期企业空间的相关功能限制。<br>文件数据：您已有的企业文件数据不受影响（不会被自动删除）。<br>使用限制：您仍可正常预览文件，但<strong>无法编辑企业文件、设置企业文件相关权限、将文件移动到个人空间。</strong>  </p>
<h2 id="买错退款">买错退款</h2>
<p>根据用户协议，用户若主动、自愿购买墨刀产品，购买后不支持退款。<br>考虑到实际购买过程中部分用户可能存在买错版本、买错帐号等情况，如用户购买存在异常情况，可以在购买后3个工作日内通过邮件与我们沟通解决。<br>（个人会员抵扣升级的，不支持退款）</p>
<p>邮件标题：购买错版本/购买错帐号<br>收件邮箱：<a href="mailto:&#115;&#117;&#112;&#x70;&#111;&#114;&#116;&#x40;&#109;&#111;&#100;&#x61;&#111;&#x2e;&#99;&#99;">&#115;&#117;&#112;&#x70;&#111;&#114;&#116;&#x40;&#109;&#111;&#100;&#x61;&#111;&#x2e;&#99;&#99;</a><br>邮件内容：<br>1）已购买的墨刀帐号（邮箱）<br>2）所购买的版本及所支付的金额<br>3）购买错版本/购买错帐号的情况简要说明</p>
<h2 id="购买错版本了">购买错版本了</h2>
<p>如购买存在异常情况，可以在购买后3个工作日内通过邮件与我们沟通解决。<br>邮件标题：购买错版本/购买错帐号<br>收件邮箱：<a href="mailto:&#x73;&#117;&#112;&#x70;&#x6f;&#x72;&#x74;&#x40;&#109;&#111;&#100;&#x61;&#x6f;&#x2e;&#99;&#x63;">&#x73;&#117;&#112;&#x70;&#x6f;&#x72;&#x74;&#x40;&#109;&#111;&#100;&#x61;&#x6f;&#x2e;&#99;&#x63;</a><br>邮件内容：<br>1.已购买的墨刀帐号（邮箱）<br>2.所购买的版本及所支付的金额<br>3.购买错版本/购买错帐号的情况简要说明</p>
<br>
