Adobe XD 操作

# Adobe XD 操作

XD 相对于 Photoshop、Illustrator 这类位图矢量图处理软件，要简单的多，操作不繁杂，下面说一些日常操作：

了解 “画布”、“图层”、“对象”、“编组”、“路径”、“锚点” 等图形处理术语；
工具箱按键：选择(V)、矩形®、椭圆形(E)、线条(L)、画笔§、文字(T)、画布(A)、缩放(Z)
滚动视图：按住 Space/空格 键，抓手工具，以滚动视图；按住 Shift+鼠标滚轮，左右滚动视图；
缩放：
- 按住 Ctrl+Shift+鼠标滚轮，快速缩放；好用
- 按一下 Z 键，点击、拖动放大；按住 Alt 键不放，点击、拖动缩小；难用
- 视图辅助用按键: Ctrl+0/1/2/3/-/+ 对应 所有/100%/200%/当前选择画布/缩小/放大
选择： Shift 加左键点击挑选多个对象；按住左键拖，范围内选择多个图层；
绘制/调整对象大小
- 按 Shift 键，从对象“左上”保持宽高比
- 按 Alt+Shift 键，从对象“中心”保持宽高比
- 按 Alt 键，从对象“中心”对称调整
复制：Alt + 左键拖，复制图层；Alt+Shift+左键拖，限定方向复制图层； Ctrl+D 再制；
移动：按 Shift 键可限定方向移动对象；按 Shift+↑↓←→ 以每 10px 单位移动对象；按 Ctrl+Shift+↑↓←→ 将对象移至画布最边上；
旋转：按 Shift 键以每 15° 旋转对象；一般加 Shift 上档键可视为约束操作；
对齐、分布：选中对象，点右侧“对齐”面板图标实现各种对齐和分布；
层次排列: Ctrl+[/Ctrl+]，图层后/前移一层，加一个 Shift 就是移至“底/顶”；
编组：对图层进行编组，为了维护、复用、导出；选择对象，鼠标右键→“Group”/Ctrl+G；
锁定：做完防止手误移动，可鼠标右键→“Lock”/Ctrl+L 锁定对象；
Symbols：组件化，对一个/组对象鼠标右键→“Make Symbols”/Ctrl+K，在左侧工具栏下方 “Assets” 面板中，可以看到这个 Symbols，可以拖入画板复用；
色卡：选择“颜色”时候，确定了要用这个色彩，就点一下 “+” Save Color Swatch，将常用的色彩保存到色卡；
色彩资源：选中一个对象，鼠标右键→“Add Color to Assets”/Shift+Ctrl+C，或在 “Assets” 面板， “Colors” 面板点 “+”，将颜色参数化；对应项鼠标右键→“Edit”，可以统一调整；
文字资源：选中一个文本对象，鼠标右键→“Add Character Styles to Assets”/Shift+Ctrl+T，或在 “Assets” 面板， “Character Styles” 面板点 “+”，将文字排版参数化；对应项鼠标右键→“Edit”，可以统一调整；
蒙版遮盖：先 Ctrl+Shift+i 导入一张图形素材(后)，再画一个形状用作蒙版(前)，选中这两个对象，鼠标右键→“Mask With Shape”/Ctrl+Shift+M，将图形嵌入形状中，双击进入可拖动图形位置；鼠标右键→“Ungroup Mask”/Ctrl+Shift+G 可取消遮罩；
重复网格：选中一个/组对象，右侧操作面板 “Repeat Grid” ，拖动以重复；
透明度：1 = 10％，2 = 20％，… 0 = 100%；
布尔运算组合对象：两个形状，可以进行 “Add”、“Subtract/减去顶层”、“Intersect/相交”、“Exclude Overlap/排除重叠”；取消编组可复原；
锚点
- 双击形状，BackSpace 键可删除路径中选中的锚点，用以生成绘制其它形状
- 双击锚点，在曲线和角度之间切换
- 按 Alt 键拖动曲线手柄，可控制手柄范围
画布，点击标题可选择；按住 Shift 可选择多个，可进行移动、对齐操作；Ctrl+D可再制画布；
导出：可将画布、对象导出为各种格式图形文档；
原型设计和预览：就是加页面之间的跳转与过渡效果，自己点点点琢磨一下；
边做边保存，习惯性按 Ctrl+S，这应该是计算机上操作所有软件的习惯。

示例文件
Adobe XD 用户指南

Adobe XD 操作相关推荐

adobexd怎么录屏_请问如何使用Adobe XD制作应用动效？
最近XD更新了一个大版本,前阵子偶然用用发现有很多有趣的新交互功能,整理了下发出来!可以先预览它最后的效果: 放一下录制的讲解视频:超人的电话亭公开课 - XD高级交互动画详解www.bilibil ...
xd可以用ui动效效果吗_通过动画使UI设计栩栩如生：Adobe XD和After Effects
xd可以用ui动效效果吗 Note - If you don't fancy splashing out on an Adobe license, you can trial their produc ...
sketch钢笔工具_设计工具（Sketch，Adobe XD，Figma和InVision Studio）中奇怪的一项功能
sketch钢笔工具 When you build a new product that is very similar to the existing products in the market, ...
如何在geth中创建genesis.json_Adobe XD 入门教程-如何在 Adobe XD 中创建交互式原型？...
完成屏幕设计后,您可以将各屏幕互相连接,以便直观地了解用户如何体验您的应用程序或网站.Adobe XD 允许您创建交互式原型,直观地展示如何在屏幕或线框之间导航.您可以预览交互,验证用户体验并对设计进 ...
Adobe Xd快捷键（Win 10）-UI设计更便捷
Adobe Xd: 简要介绍: Adobe Xd是一款主要做UI设计的软件,刚刚兴起,有许多的插件可以使用,小巧便捷,由Adobe公司新推出的产品,有许多的优势,未来应该有不错的发展,目前window ...
adobe xd_如何在Adobe XD中创建Finance App UI设计
adobe xd 在本教程中,您将学习如何在Adobe XD中创建财务应用程序设计,以及(更重要的是)如何轻松对其UI的各个部分进行动画处理. 您将在本Adobe XD教程中学到什么如何在Adobe ...
优漫动游：如何解决Adobe XD无法拖入图片？
随着使用Adobe XD软件的用户越来越多,也有越来越多的人在使用的过程当中遇到图片无法拖入的问题出现.对于XD软件无法拖入图片,那么就会对于原型创建设计有一定的影响作用!所以说不少人都十分困扰! ...
xd导出标注html,Adobe XD免费交付神器标记狮MarkLion 一键导出离线标注网页
开发是否能高质.高效的将设计稿变为最终产品,很大程度取决于设计师的标注工作是否做的细致.使用Adobe XD进行设计,它自带的功能就能一键生成标注链接,常用的蓝湖.PxCook.摹客.Zeplin也都 ...
Adobe XD无法下载插件解决办法
今天自己下载配置了XD,发现插件无法下载.应该怎么下载呢?下面给出解决办法:换成美国的账号. 具体操作如下! 点击帮助-->选择注销注销需要稍等一会儿点击右下角"注销"按 ...

Adobe XD 操作

Adobe XD 操作相关推荐

最新文章

热门文章