1.4　了解移动UI设计常用的软件

在进行移动UI设计时，会使用很多软件帮助设计师完成原型设计、界面设计、交互动效设计及设计稿输出等工作。下面针对几款常用的软件进行讲解。

1.4.1　Axure RP 和Adobe XD

Axure RP和Adobe XD都是原型设计制作软件。两者各有优缺点，用户可以根据个人的工作习惯选择使用。

● Axure RP

Axure RP是美国Axure Software Solution公司开发的一款专业的快速原型设计工具，能够让负责定义需求和规格、设计功能和界面的专家快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

作为专业的原型设计工具，Axure RP能快速、高效地创建原型，同时支持多人协作设计和版本控制管理。Axure RP软件启动界面与工作界面如图1-34所示。

● Adobe XD

Adobe XD是一站式UX/UI设计平台，在这款产品上面，用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能，并同时提供工业级性能跨平台设计产品的平台。

设计师使用Adobe XD可以更高效准确地完成静态编译或框架图到交互原型的转变。Adobe XD软件图标与工作界面如图1-35所示。

1.4.2　Photoshop和Sketch

Photoshop和Sketch都可以完成移动端UI的绘制，但在应用平台、制作的难易度和输出便捷性上有很大的区别。

● Photoshop

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。Photoshop有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。Photoshop是UI设计中最常用的软件之一，在最新版本中增强了对移动UI设计的支持。Photoshop CC启动界面和工作界面如图1-36所示。

● Sketch

Sketch是一款适用于所有设计师的矢量绘图应用软件。矢量绘图是目前进行网页、图标及界面设计的最好方式之一。除了矢量编辑的功能，Sketch同样添加了一些基本的位图工具和命令，例如模糊和色彩校正。

Sketch是为图标设计和界面设计而生的。它是一个有着出色UI设计的一站式应用，所有需要的工具都触手可及。在Sketch中，画布是有无限大小的，每个图层都支持多种设计填充模式；有最棒的文字渲染和文本样式，还有一些文件导出工具。Sketch的图标和工作界面如图1-37所示。

提示

Photoshop既可以运行在Windows系统又可以运行在Mac OS系统。而Sketch是Mac OS独占软件，该软件必须在Mac OS系统下才能安装并正常使用。

1.4.3　PxCook和Assistor PS

PxCook和Assistor PS都是UI切图与标注工具软件。PxCook是一个独立运行的软件，虽然Assistor PS也可以单独运行，但需要与Photoshop一起配合使用。两个软件的操作方法也不相同，用户可以根据个人的喜好选择。

● PxCook

PxCook也称为像素大厨，其主要功能是帮助设计师完成设计稿的标注和切图工作。PxCook可以对Photoshop、Sketch和Adobe XD完成的设计稿中的元素尺寸、元素距离进行标注，软件可以在Dp和Px之间快速随意转换，所有标尺数值都可以手动设置，用户可以根据自己的具体需求进行设置，提高用户设计的工作效率。

PxCook软件同时兼容Windows系统和Mac OS系统，可以与Photoshop、Sketch和Adobe XD软件配合，完成精确的切图操作。PxCook的软件图标和工作界面如图1-38所示。

提示

在使用PxCook之前，首先需要在设备上安装Adobe AIR，否则软件不能正常使用。用户可以下载并安装Adobe Creative Cloud，然后安装Adobe AIR。

● Assistor PS

Assistor PS是一个功能强大的PS辅助工具，它拥有切图、标坐标、尺寸、文字样式注释、画参考线等功能，可以为设计师节省很多时间。Assistor PS不是扩展插件，而是一款独立运行的软件。

Assistor PS同时兼容Windows系统和Mac OS系统。在Photoshop中选择一个图层后，即可使用它的功能。Assistor PS的启动界面和工作界面如图1-39所示。