设计必修课:Adobe XD移动UI设计
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 移动UI设计常用工具

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

Axure RP

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

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

图1-19 Axure RP 9软件的启动图标和工作界面

提示

使用Axure RP完成的UI作品只能用来预览移动端UI设计的结构和交互效果,而不能用于实际的App开发中。

Photoshop

Photoshop是一款图像编辑软件,主要用于处理位图图像,可以完成图像的格式和模式转换,能够实现对图像的色彩调整。Photoshop有很多功能,在图像、图形、文字、视频和出版等各方面都有所涉及。

Photoshop是UI设计中最常用的软件之一,其最新版本中增强了对移动UI设计的支持。图1-20所示为Photoshop CC 2021的启动界面和工作界面。

图1-20 Photoshop CC 2021的启动界面和工作界面

Sketch

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

Sketch是为图标设计和界面设计而生的,是一个有着出色UI界面的一站式软件,操作起来非常方便。在Sketch中,画布是无限大小的,每个图层都支持多种填充模式;有最棒的文字渲染和文本样式,还有一些文件导出工具。图1-21所示为Sketch的启动图标和欢迎界面。

图1-21 Sketch的启动图标和欢迎界面

提示

Sketch是Mac OS系统独有的软件,该软件必须在Mac OS系统下才能安装并正常使用。

Illustrator

Illustrator是一款绘制矢量图像的设计工具,它可以应用于印刷排版、平面设计、图形绘制(图标设计)、We b图像制作等领域,几乎能够与所有的平面、网页和动画软件完美结合。同时,使用Illustrator完成的移动UI设计具有色彩丰富、结构清晰的特点。图1-22所示为Illustrator 2021的启动图标和欢迎界面。

图1-22 Illustrator 2021的启动图标和欢迎界面

PxCook

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

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

图1-23 PxCook的启动图标和工作界面