adobe全家桶软件使用

Adobe XD使用教程

下载

国内无法下载，被经销商阻挡

1. https://www.adobe.com/sg/creativecloud.html

2. https://www.cnblogs.com/FRIM/p/17774124.html

下载官方套件以及图标插件

XD 操作面板

v:选中画板
z:框选部分放大
ctrl+0:恢复到显示所有图片

Adobe XD在使用到期后，占用CPU使用率高

解决方法：将该文件移走后C:\Program Files (x86)\Adobe\Adobe Sync\CoreSync\CoreSync.exe，CPU使用率自然下降了。不过也会出现新的问题，就是有时候无法响应了。

对齐元素

快速查看图层中图片位置信息，按住 ALT + 鼠标点击对应位置，或者选中需要查看的对象，然后按下alt按键

文字对应的字体设置 PingFang SC

复制： ctrl + c 、ctrl + D 、 ALT
粘贴：ctrl + V
建立组：ctrl +g 就是合成一个组合
组拆开 :shift + ctrl + g

从别的文件复制套件过来。无法放大缩小等情况
因为该套件可能是个符号，先需要取消符号编组，如果里面还有符号，继续取消编组，就可以放大缩小

区域文本:随着文本框变大，文字移动到相应位置

两个组件间的距离，先选中一个图标，按下alt案件，然后鼠标移动到另一个图标，就显示处距离了

四个角可以直接拖出角，或者手动设置

adobe XD图层，设计中，可以隐藏不需要部分

当需要移动很多东西的时候，可以框选。把不需要选择的给锁定

加入了图片，要调整图片，双击图片进去调整。

多画板

创建画板
方法一：点击画板，点击空白处
方法二：ctrl + c ctrl + V
方法三：在图层中点击ctrl + D

当字移动到右边时候，设置右对齐，就不用去调整了

简单原型交互

点击图层，点击原型，就可以看到界面操作顺序，可以将文组打成组，再去操作，可以设置左滑等操作，演示起来 Ctrl + Enter

演示中，如果没有选中图片，那默认从首页展示，可以看到一个房子的提示图标
如果要演示某一张照片，那么点击那张照片就可以演示出来了

符号制作 制作组件

将一个常用的东西，选中后右击鼠标，选中制作组件或者符号 快捷键Ctrl + k，存入该软件库中
调用时候，只需要找到设计中组件既可直接调用，常用，符号没法放大缩小
如果是一个符号，改变颜色的话，所有同一个符号颜色都改变，需要取消符号，再去改颜色，一定要注意

导航和搜索

视窗高度 设置好后进行锁定

当选中一个图标或者标签时候，可以使用 alt + ⬆放大一张照片； 可以使用 alt + ⬇ 缩小一张照片；
当移动一张照片时候，如果有精确的位置可以直接使用坐标；如果没用，使用鼠标调整粗略位置，使用 alt 查看照片间距，⬆⬇⬅➡箭头调整位置，查看距离，这样比鼠标控制精确

线就是矩形，直线 只要设置高度为0 ；竖线只需要设置宽度为0

设置等比例放大框　或者图片

例如设置16:9:第一步设置好宽高。然后锁定宽度和高度，再去设置图片大小，图片会自动根据高度或者宽度调整对应的值。

制作一个banner(一张图片下面设置横幅)

1. 先设置一个矩形框，设置好高度宽度；
2. 先将文字设置对应位置，设置好位置后；
3. 放图片到矩形框中，将图片设置为背景后，字体可能无法看清楚；
4. 解决方法是将图片再复制一份，图片2，然后改成黑色，然后将图片缩小高度或者宽度，到文字的位置；
5. 然后将图片2设置成线性渐变，文字底部设置黑色，透明度100%。文字上面也设置成黑色，但是透明度设置为0%
6. 将做好的图案打成组 ctrl + g

图片视觉统一

两个图标调整一样大，直接计算图标长宽数值，设置另一个长宽值

颜色渐变

1. 点击框或者图标选择填充，然后选择渐变颜色，选择好颜色后
2. 可以点击刚刚设置好的渐变颜色图标，设置为资源添加颜色，渐变颜色必须用该方法保存颜色，在设计中可以看到；
3. 后续如果需要使用改颜色的话，直接可以点击一下，就可以出来，但是还需要设置渐变方向；
4. 现在新功能，选择需要复制的渐变图案，然后选择要设置的图案右击选择粘贴外观。

箭头

可以网上找，也可以直接画 一个矩形框，和钢笔直接画

重复网格

1. 高度不够用，我门可以点击画板，然后点击高度解锁，点击高度值，鼠标上移动，画板自动放大

2. 把一个想要图框打个组后，右边会出现一个重复网格，点击重复网格后，该图框就可以往下拉，就可以直接拖出相同的图框来，或者右拖动复制。拖出来中间间隙默认20，

3. 可以直接拖动图框与图框之间的距离，往下拉就可以，比手动快

4. 要在框中加入图片，我们可以在外面准备好图片，然后直接拖入框中，会自动添加到框中，
   图片大于等于图框数量，每个图框显示不同图片；
   图片小于图框数量，每个图框会循环显示图片；可以拖动很多个。

5. 如果要修改单个框中文字和图片，其他复制出来的不会跟着变化

6. 所有重复网格中的文字可以统一换掉，设置一个TEXT文本，要设置的要用换行做区别，我们把TEXT文本直接拖动到我们要多所有替换文字的位置，
   字体乱码解决方法：将要显示的文字设置UTF-8保存即可，再去替换。

7. 唯一出问题的地方，就是如果设置一个照片圆角，所有照片都会同时设置，
   外在加载的东西修改，不会同时改变，但是内在的东西修改，会同时修改
   解决方法：就是取消重复网格（取消重复网格后，复制出来的东西不会消失），然后再去修改单独的图框

8. 用重复网格可以将所有的排列出来，就可以不用复制。

标签栏上面需要添加一条线，这样好区分

滚动视图

​ 点击画板就会出现一个右边就会滚动，设置滚动位置，预览的时候，就可以看到滚动效果了；
滚动时候，有些是需要固定的，所以设置需要固定的框，到显示区域，然后点击滚动时固定位置，然后把图层设置到最上面，这样就可以滚动起来了，把所有需要固定显示的框，都设置滚动时固定位置。
滚动最后图片要显示出来，下面必须加上一个导航栏高度，否则最底下有图片无法显示出来

视口高度:设置显示的高度

保留滚动位置

点击原型可以在原型中设置

AI和XD

对多张选中的图框，右侧可以看到：顶部对齐、居中对齐、底部对齐、水平分布；左对齐、居中对齐（水平）、右对齐、垂直分布；

图片是图形链接，可以直接点击取消图形链接

投影

直接点击框的阴影，就可以看到投影，然后设置透明度，然后增加投影范围，可以设置投影方向，设置x y 的方向

弹窗

1. 创建一个画板；
2. 将弹窗内容放入其中，再添加一个图框覆盖在画板上面，
3. 边界去除掉、颜色设置为黑色、透明度设置60%
4. 然后将图框移动到弹窗下面
5. 原型设置弹窗为叠加，过渡无

布尔运算

很多图案都是靠重复网格、复制、矩形框、相加、相减、重叠等操作完成；

画板与粘贴板区别

要将一个东西放入粘贴板中，必须先取消组然后再移动，

快捷操作

图片替换：可以直接拖入要替换的图片，这样会直接替换图片，然后继承先前的一些配置

知识点

矩形框的操作：矩形可以直接设置虚线、

导出与片批量导出

导出可以设置两倍导出

可以在设计中，设置批量导出、导出中有一个批处理

蓝湖上传

https://lanhuapp.com/

响应式（自动适应大小）

点击画板后，右边可以看到响应式调整大小