我跟你们说，Adobe XD这软件，大家平时都叫它XD，说白了就是个做界面、做原型的工具，不用扯那些专业定义。简单讲就是，不管你是想做手机APP界面、小程序界面，还是网页原型，画个大概的框架、做简单的交互效果，甚至弄点按钮、输入框的样式，用它都能搞定。它比PS做界面省事多了，不用来回调图层，自带很多现成的组件，还能一键预览交互效果，和其他Adobe软件联动也方便。真的，不管是学生党做设计课设、练手，还是打工人做APP、网页原型，用它都特合适。第一次用的时候，我是真懵圈，界面一堆面板，什么画板、组件、交互链接，完全摸不着头绪。说实话，我第一次用它，是大学做UI设计课设，要做一个简单的音乐APP界面，老师说用这个做原型快，我才硬着头皮接触。

1.将Adobe XD 2020进行解压

4.点继续

5.正在安装，请等待

6.安装完成，点关闭

7.点击左下角的微软图标找到对应的软件固定到开始屏幕 

8.将固定屏幕的软件，拉到桌面

9.OK软件打开界面如下图所示

第一次打开Adobe XD，我是真懵了，左边是工具栏，中间是画板区域，右边还有属性面板和组件库，好多按钮我都不认识，连个简单的画板都不知道怎么新建。我对着教程一步步来，想画个APP的首页框架，结果要么画板尺寸选错了，要么按钮拖到画板上就乱跑，折腾了快一个小时，连个基础的界面框架都没弄好。而且它对电脑配置也有点要求，我那台旧笔记本，打开稍微复杂点的原型文件就卡，拖动组件的时候一顿一顿的，急得我直挠头。还有，我刚开始不知道它有组件库，画按钮、输入框都是一个个画，累得不行，后来才知道，组件库里有现成的，直接拖过来改改就行，当时就想，这软件也太麻烦了吧，不就是画个界面吗，搞这么多门道，真想放弃，还不如用PS凑活。

我还踩了个巨坑，就是做原型的时候，忘了保存文件，做了半天，软件突然闪退，前面做的全白费，白忙活半天，还得重新弄。还有，我刚开始不知道怎么设置交互链接，想做个页面跳转效果，点了半天都没反应，急得我快疯了，后来问了学长才知道，要用交互工具，选中元素再链接到目标画板，折腾了好久才弄明白。还有一次，我想导出原型给老师看，结果选错格式，导出的文件打不开，后来才知道，要选正确的格式，或者生成在线链接，当时真的想吐槽，太气人了。另外，我还傻呵呵的用它修图，想给图片磨皮调色，弄了半天都没弄成，后来才知道，它主打界面和原型设计，修图根本不行，纯属瞎折腾，修图还是得用PS。

大学做UI设计课设的时候，这软件真的救了我。当时课设要求做一个音乐APP的界面原型，还要有简单的交互效果，比如点击按钮跳转页面、滑动切换歌单，用PS做太麻烦，还没法预览交互，我就硬着头皮用Adobe XD。我对着教程，一点点学新建画板、拖组件、设置交互链接，还学着改组件样式、调颜色，虽然中间踩了好多坑，软件还总闪退，但慢慢也摸出了门道。它做原型是真的快，组件拖过来就能用，改一个组件，所有用到这个组件的地方都能同步改，省了好多时间。我还学着生成在线链接，发给老师预览，老师不用装软件就能看，特别方便。不到一周，我就完成了课设的原型设计，答辩的时候，老师都夸我做的原型规范、交互流畅，顺利拿了高分，当时别提多开心了。

说实话，刚开始用的时候，我觉得它巨难学，面板多、操作杂，还总闪退，真的不想用。但用久了才发现，它是真的实用，尤其是组件和交互功能，太省心了，能省好多重复操作的时间。而且它和PS、AI联动特别方便，PS修好的图片、AI画好的图标，直接拖进XD里就能用，不用转换格式，做界面的时候特别顺畅。越用越顺手，慢慢就记住了常用的操作，比如新建画板、用组件、设交互，甚至能自己做简单的组件，知道什么功能在哪个位置，怎么操作更省事。

工作之后，我做UI设计相关的工作，每天都要用它。比如上次做公司小程序界面，要做首页、详情页、个人中心等好几个页面，还要有交互效果，我用Adobe XD快速搭建框架、拖组件、设链接，不到半天就做好了原型，发给产品和开发看，他们都觉得很直观，省了好多沟通时间。它还有个标注功能，能自动生成设计规范，开发直接对照标注做，不用反复问我尺寸、颜色，特别方便。还有一次，同事做APP原型，不知道怎么设置滑动交互，我就教他用XD的交互工具，设置滑动触发，很快就弄好了，他还夸这软件虽然刚开始难学，但好用。现在我做APP、小程序原型，都离不开它。

我跟你们说，新手用这个Adobe XD，真的有好多坑要踩，我当初踩的坑，现在想起来都觉得好笑。第一个坑就是忘了保存文件，闪退就白忙活，新手一定要记住，做一步存一步，Ctrl+S刻烟吸肺，别像我一样，吃了好几次亏。

第二个坑，就是不知道用组件，一个个画按钮、输入框，浪费时间，我总结的经验就是，新手一定要先学用组件库，现成的组件拖过来改改，能省一半功夫。还有一个坑，就是导出原型选错格式，打不开或者没法预览，新手一定要记住，导出的时候看清楚格式，或者直接生成在线链接，准没错。另外，别用它修图，它主打界面和原型，修图还是用PS，不然纯属瞎折腾，安装的时候也别装在C盘，占空间还容易卡，装在D盘最好。

还有个常见问题，就是打开软件的时候，面板不见了，新手很容易慌，其实很简单，就是误关了，在顶部菜单栏找窗口，把需要的面板调出来就行，我刚开始找了半天都没找到，折腾了好久。另外，新手很容易找不到交互工具，其实就在左侧工具栏里，图标很明显，我刚开始找了半天都没找到，急得不行。还有的时候，组件改了样式，其他地方没同步，就是因为没把组件设为主要组件，稍微设置一下就好了。

给新手分享个小经验，刚开始用Adobe XD，不用把所有功能都搞懂，先学会新建画板、拖组件、设置简单交互、导出原型这几个基础操作就行。常用的功能记几个，比如组件复用、标注，记熟了能省好多时间。还有，它是收费软件，但有免费试用版，新手可以先试用，也能找到汉化版，不用怕看不懂英文。安装的时候别装在C盘，它占空间不算小，装在D盘或E盘最好，避免电脑卡顿，做原型的时候，记得备份文件，别误删了。

还有个小技巧，平时做原型的时候，可以把常用的组件存起来，下次用的时候直接调用，不用重新画，特别省事。另外，网上有很多中文基础教程，新手别瞎琢磨，跟着教程练，比自己瞎点强多了，B站上就有很多免费的，跟着做几次就上手了。遇到不会的操作，别死磕，直接搜教程，新手别害怕出错，出错了就撤销，没什么大问题。还有，做界面的时候，别把组件放太乱，对齐一点，看起来更规范，也方便后续修改。

说实话，Adobe XD真不是什么高大上的软件，就是个实用的界面和原型设计工具，不用把它想的太复杂。它虽然刚开始有点懵，操作繁琐还容易踩坑，但学会了巨好用，不管是学生党做课设、练手，还是打工人做APP、小程序原型，都足够用。新手别害怕踩坑，踩几次坑，总结总结经验，慢慢就熟练了。我刚开始连画板都不会新建，现在不管是简单的APP原型，还是复杂一点的网页原型，用它都能轻松搞定，真的越用越顺手，经常做界面、做原型的朋友，真的可以试试，学会了巨省事。