【文末有福利哦】

摹客在线设计作为2020年国内设计工具新秀，一经推出就斩获了一大批产品经理和设计师的青睐。除了功能强大、能力全面的特点外，摹客团队在工具的易用性方s面也做了非常多的努力。其中不少功能可以极大地提高用户的工作效率，真正做到让设计更快更简单。

今天我们就一起来盘点一下摹客在线设计中，那些遍布各处的惊喜。本期内容从最常用的基础操作入手，后续还会为大家介绍更多高阶功能和技巧。

选中有技巧

选中操作几乎是所有编辑操作的第一步，只要掌握以下的选中小技巧，效率翻倍绝非纸上谈兵。

相交选中与包含选中

在默认情况下，当我们使用鼠标框选的形式来选中组件时，与框选范围相交的所有组件都会被选中，这就是相交选中。

而当我们按住Ctrl键进行框选时，只有被框选范围完全包含的组件才会被选中，也就是包含选中。

熟练地切换这两种框选方式，能够帮助我们在不同场景下更灵活、准确地选中所需的内容。

选中下层

页面中的元素过多时，往往会出现组件重叠的情况。如果一些组件被完全覆盖住了，该怎么办呢？除了在图层树中找到相应的图层并选中，你还可以使用选中下层的操作。

只需要按住Ctrl键，并重复单击组件重叠的部分，就可以按照从上至下的顺序来依次选中组件。

选中画板

“主画板+辅助画板”是摹客在线设计独有的设计机制，使用辅助画板可以轻松制作弹窗、内容切换、轮播图等效果。当画板中的组件将画板遮住时，一些小伙伴可能就会经常误点到组件，而很难选中画板。

其实此时只需要点击画板的名称就能快速对其进行选中，并且拖拽名称即可移动画板。同理，当我们拖拽交互链接点到画板名称上时，就能直接将相应画板选作交互目标了。

另外，如果页面中的画板数量较多时，别忘了使用画板列表来帮我们更快地定位画板、选中画板、添加画板交互哦。

如果你对摹客在线设计的画板机制和作用不太了解，不妨点击查看相关的教程吧。

锁定组件以避免误选

组件重叠还经常导致误点和误选，尤其是一些尺寸较大的矩形或图片在充当背景时，经常会被无意选中。对于此类体型较大，又不需要频繁进行调整的组件，只需要对其进行锁定即可。因为组件被锁定后，是不会被框选住的，还可以避免被错误地拖动。

克隆有高招

复制、粘贴是设计工具最常用的操作之一，而克隆等于快速地复制+粘贴。

使用一次克隆的快捷键Ctrl+D就等于Ctrl+C加上Ctrl+V，直接两步并作一步。
你也可以按住Alt键，并拖拽组件，就能快速进行克隆。

当然，关于克隆的小技巧远远不止这么简单。

等距克隆

在进行设计时，对相同内容的快速填充是一个高频的需求。不仅要把一份快速扩散出多份，还需要每个部分之间排列工整，这时候就是“等距克隆”功能大显身手的时刻了！

先来看看操作步骤：

选中组件，按住Alt键并拖拽组件A到需要的位置，即可生成一个克隆体A1。
保持A1的选中状态，并使用快捷键Ctrl+D。

这样就完成了对组件的快速克隆了，并且每个克隆体之间还会保持第一次克隆所产生的间距。

等距调整

如果等距克隆出的间距并不符合你的需要，那就一定要试试等距调整。

当我们选中间距相同的多个元素（每个部分可以是单个组件也可以是编组）时，每个组件之间会出现一个长条的控制柄。拖动控制柄，就能快速调整这些元素之间的间距了，是不是超级方便？

对了，如果你选中的组件之间并非间距相等，那就先使用水平等距或垂直等距功能调整一下吧。

等距排序

在设计中，对界面元素的位置进行调整是常有的事。而如果你掌握了等距排序操作，那效率绝对一飞冲天了。

选中多个间距相等的元素时，当鼠标悬停在其中一个部分上时，会出现一个圆点。拖动这个圆点，你就会发现元素之间的位置可以被非常方便地交换和调整了。

快速更换图标

摹客在线设计的图标库为大家准备了上千个预设图标。每个图标都是原创制作，包含粗线和细线两套图标库，每个库中的图标风格成套统一，随意组合都能营造舒适的感受。如果你经常用到图标，这里也有一个不容错过的小技巧。

双击页面中的图标，可以快速地打开图标库。
此时保持图标的选中状态，再单击图标库中的其它图标，就可以对图标进行快速地替换了。

以上就是本期摹客在线设计的技巧盘点，如果以上内容你全都已经掌握，那你一定是超越90%用户的老手了。后续我们还会为大家带来更多高阶使用技巧的总结，敬请期待~

文末福利

最后给大家赠送摹客专业版激活码【uxdbj】

领取即可全方位体验这款强大的高保真设计利器，同时支持在线交付Sketch/PS/XD/Axure/Figma设计稿，还可以享受7*12小时在线客服支持

点击兑换激活码或复制链接领取https://www.mockplus.cn/get-idoc?hmsr=233

一看就会，效率翻倍！摹客在线设计必会技能（基础篇）相关推荐

一看就会，效率翻倍！在线设计必会技能（基础篇）
[文末有福利哦] 摹客在线设计作为2020年国内设计工具新秀,一经推出就斩获了一大批产品经理和设计师的青睐. 除了功能强大.能力全面的特点外,摹客团队在工具的易用性方s面也做了非常多的努力. 其中不少 ...
anaconda使用github代码_使用这几款插件，能让你在GitHub看代码的效率翻倍
前言想必在GitHub上看代码交友等已经成为各大猿友们的日常.想起小编,每每在GitHub上看代码时,总感觉没有直接在IDE上看的方便.但又不想看一个代码就连带git clone到本地,再导入ide ...
浏览器快捷键_干货 | 掌握这些快捷键，工作效率翻倍
快捷键其实不是什么新鲜玩意儿,毕竟只要会用电脑的人应该就都用过ctrl+c 和ctrl+v 这套组合吧,当然还有在崩溃了不知道多少次之后才养成的随手ctrl+s 的习惯.其实除了这些,微软在Windo ...
Word文档如何在方框里打勾？三招让你从入门到精通，工作效率翻倍
Word文档如何在方框里打勾?我们在利用Word做电子调查报告等文件时,会经常遇到需要在Word中插入勾号方框等符号.那么这些细致的Word技巧该如何轻松完成呢?今天小编将要分享给大家三个方法,让你的 ...
2022必须拥有Chrome扩展程序 - 浏览器插件，让你上网效率翻倍
在Chrome网上应用店中查找扩展程序 2022必须拥有Chrome扩展程序 - 浏览器插件,让你上网效率翻倍可扩展的Chrome Web浏览器比某些人认识的功能强大得多.您可以自定义浏览体验,使其 ...
做嵌入式工程师不得不说的那些开发工具，让你效率翻倍
做嵌入式工程师不得不说的那些开发工具,让你效率翻倍作为一个软件开发人员,除了程序能力素养方面外,还应该熟练地使用各种常用的辅助工具,所谓"工欲善其事,必先利其器":通过这些工具能 ...
WPS表格查找替换技巧：让你的工作效率翻倍
WPS表格中查找和替换是最基础的操作,看似简单,但是还有很多人在工作中不会熟练使用,其实掌握一些小技巧可以快速提高工作效率,本节课就来介绍几种比较有效的"查找和替换技巧". 本节课 ...
6 个工作中休息小技巧，让你工作效率翻倍！
本文转载自:Google 都在用的 6 个休息小技巧,让你工作效率翻倍一. 大脑工作久了为什么要休息:为了恢复注意力和意志力大家应该都有感受,工作久了会累,思想走神,效率就会降低. 研究表明,大脑 ...
你的Windows电脑里有哪些效率翻倍的生产力软件？
推荐8个可以提高效率的工具,让你的办公效率翻倍. 1.Snipaste Snipaste是一个简单但强大的截图工具,也可以让你将截图贴回到屏幕上.支持精准截图,自动识别并贴合窗口,多种颜色多种标记.矩 ...

一看就会，效率翻倍！摹客在线设计必会技能（基础篇）