说实话，Adobe XD这软件，就是Adobe家专门做UI/UX设计的，不用扯那些专业定义，大白话讲就是：做手机APP界面、网页界面，还有简单的交互原型，用它就对了。它不像PS那么复杂，也不像Figma需要联网，主打一个轻便、好上手。你可以在上面画界面、加按钮、做简单的跳转效果，比如点一下按钮切换页面，做完还能导出给别人预览，不管是学生做课设，还是打工人做简单设计，都够用。

1.将Adobe XD 2021进行解压

4.点继续

5.正在安装，请等待

6.安装完成，点关闭

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

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

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

我第一次用Adobe XD，是大学做UI课设的时候。当时老师让我们做一个简单的APP界面设计，还要做个跳转原型。我之前只用过PS，打开XD直接懵圈了。界面看着挺干净，左边是工具栏，中间是画布，右边是属性栏，但就是不知道从哪下手。

比如画个按钮，在PS里我还会调图层、加样式，到了XD里，找个圆角矩形工具都找了半天，调圆角的时候，要么调太大，要么调太小，还不知道怎么给按钮加颜色渐变。折腾了一晚上，就画了个丑丑的登录界面，跳转效果更是一点没弄明白，当时真的吐槽，这软件还不如PS好用。

后来工作了，公司做小程序界面和简单的APP原型，领导让我用XD做，没办法只能硬着头皮练。慢慢才发现，它是真的省心，比PS轻便太多，不用来回调图层，画界面的时候，复制、对齐都特别方便，还有个重复网格功能，批量做列表、按钮，几秒钟就搞定，比手动一个个画快多了。

我现在做项目，比如公司的小程序首页、活动页面，还有简单的APP原型，全用XD。先画线框图，确定每个按钮、文字的位置，然后上色、加简单样式，最后做跳转交互，比如点首页按钮进详情页，滑动页面切换内容，做完导出链接，发给领导和开发看，他们能直接预览效果，省了好多沟通的麻烦。

我跟你们说，新手用Adobe XD，真的特别容易踩坑，全是我亲身踩过的，一个个跟你们唠。第一个坑，就是上来就追求复杂效果，比如刚学会画界面，就想加各种动画、渐变，结果弄半天，要么动画乱跳，要么渐变巨丑，还耽误时间。新手真的别贪多，先把基础的界面画好再说。

第二个坑，我踩了好几次，就是忘了用组件功能。比如做APP的时候，每个页面都有返回按钮、导航栏，我一开始都是手动画，改一次就要改所有页面，累得要死。后来才知道，把常用的按钮、导航栏做成组件，改一个，所有用到的地方都自动同步，真的能省一半功夫。

还有一个坑，就是导出的时候乱选格式。新手不知道导出什么格式，要么导出图片太模糊，要么导出的原型不能跳转，白忙活一场。其实平时给开发看，导出PNG格式就够了，做原型预览，导出链接或者PDF就行，不用搞那些花里胡哨的格式。

另外，新手很容易犯的错，就是画布尺寸乱设。比如做手机APP界面，不知道设多大尺寸，随便拉一个画布，最后画出来的界面，要么太大，要么太小，导出后适配不了手机，之前的功夫全白费。我一开始也这样，后来就记死了，做手机界面，设375×667的尺寸，基本不会出错。

再给你们分享几个我总结的小经验，真的实用，新手直接抄作业就行。第一，新手不用学所有功能，先学会画形状、加文字、对齐、做简单组件，这四个功能练熟，就能搞定大部分简单设计，贪多嚼不烂。

第二，一定要用快捷键，比如Ctrl+D复制、Ctrl+G编组、空格拖动画布，练熟了能省好多时间，比用鼠标点来点点去快多了。第三，定期保存！我有一次做了一下午的界面，电脑突然卡死，没保存，全白干了，从那以后，我做几步就存一次，一秒都不敢忘。

说实话，Adobe XD不算什么高大上的软件，也没有那么多复杂的功能，但胜在轻便、好上手，不用联网，打开就能用，对新手特别友好。我从一开始的懵圈小白，到现在能独立搞定小程序、APP界面和原型，全靠多练。

很多人会拿它和Figma比，说Figma能协作，XD不行，但对于新手和做简单项目的人来说，XD完全够用了。不管是学生做课设，还是打工人做简单的UI设计、原型，用它准没错。我身边做设计的朋友，新手基本都用XD入门，练熟了再学Figma，循序渐进，不容易放弃。你们要是想做简单的界面、原型，真的可以试试，上手真的不难。