1.4 关于Adobe XD

由于本书主要使用Adobe XD来完成各个移动端UI界面的设计制作，因此在开始制作移动端UI设计前，先来简单介绍一下Adobe XD的应用领域和特点。

1.4.1 Adobe XD简介

Adobe XD的全称为Adobe Experience Design，是一款集原型设计、UI设计和UX设计于一体的设计工具，也就是说，它可以帮助UI和UX设计师快速构建移动端App和PC端网页的原型与UI设计，包含绘制线框图、UI设计、UX设计、动画制作、预览和共享等功能。图1-24所示为Adobe XD的启动图标和启动界面。

图1-24 Adobe XD的启动图标和启动界面

？疑问解答 Adobe XD开发公司简介

Adobe公司成立于1982年，公司总部位于美国加州圣何塞市，其公司产品涉及图形设计、图像制作、数码摄影、网页设计和电子文档等诸多领域。Adobe公司的产品除了Adobe XD，还包括图形处理软件Photoshop、多媒体动画制作软件Animate（Flash）、专业排版软件InDesign、电子文档软件Acrobat、插画大师Illustrator及影视编辑软件Premiere等。

1.4.2 Adobe XD的应用领域

使用Adobe XD可以轻松地完成界面设计领域与用户体验领域的双重工作，因此，它对于产品经理与UI/UX设计师来说非常实用。

Adobe XD是唯一一款将UI设计与交互原型功能相结合的设计工具，同时为使用者提供了工业级性能的跨平台设计功能。具体表现为，使用Adobe XD可以更加高效、准确地完成从静态页面或者线框图到交互原型及UI界面的转变。也就是说，Adobe XD的应用领域包括原型设计、交互设计和UI设计。

1.4.3 Adobe XD的特点

相较于Photoshop与Illustrator，Adobe XD的使用方法比较简单；同时该软件拥有清新简洁的界面外观，可以帮助用户快速、高效地完成App界面设计。

除了使用方法简单和界面外观简洁，Adobe XD还有其他的特点，接下来简单介绍一下这些特点，帮助用户进一步加深对该软件的了解。

● 在Photoshop中编辑

在Adobe XD中打开图像，通过执行“在Photoshop中编辑图像”命令，即可启动Photoshop并将图像导入其中。此时在Photoshop中对图像进行编辑操作，完成后执行“存储”命令，对图像所做的更改将在Adobe XD中自动更新。

● 内容识别布局

在Adobe XD中，无须烦琐的手动操作，即可轻松创建和编辑UI元素。同时，Adobe XD支持在内容布局时，自动识别不同对象之间的关系；在向组中添加或者更换对象时，系统会对组进行自动调整。

● 矢量绘图工具

在Adobe XD中，“矩形工具”、“椭圆工具”、“多边形工具”、“直线工具”和“钢笔工具”与Photoshop中的形状工具一样属于矢量绘图工具，使用矢量绘图工具配合布尔值运算符、混合模式及其他矢量编辑功能，可以快速创建UI设计中的图标、组件和其他设计元素。

● 响应式调整大小

在Adobe XD中，可以根据不同的屏幕大小轻松调整对象组或者组件的大小，同时保持对象之间的相对位置和比例不变。

● Sketch、Photoshop和Illustrator文件导入

用户可以将Sketch或者其他常用的Adobe应用程序中的文件导入Adobe XD中。文件被导入后，会自动转换为XD文件。

上一章目录下一章