- 设计必修课:Adobe XD移动UI设计
- 卢斌编著
- 1005字
- 2022-05-06 17:51:10
1.3 移动UI设计常用工具
在进行移动UI界面设计时,会使用很多软件来帮助设计师完成原型设计、界面设计、交互设计及设计稿输出等工作。下面针对常用的几款软件进行介绍。
Axure RP
Axure RP是由美国Axure Software Solution公司开发的一款专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或者Web网站的线框图、流程图、原型和规格说明文档。
作为专业的原型设计工具,Axure RP能快速、高效地创建原型,同时支持多人协作设计和版本控制管理。图1-19所示为Axure RP 9软件的启动图标和工作界面。
![](https://epubservercos.yuewen.com/A75121/23020659101694106/epubprivate/OEBPS/Images/43029_20_1.jpg?sign=1738914571-eKM1hwvLGbORF8qDgPUDkmnONKZkFPv9-0-83bd93f9fc9f35df044462757de1e798)
图1-19 Axure RP 9软件的启动图标和工作界面
提示
使用Axure RP完成的UI作品只能用来预览移动端UI设计的结构和交互效果,而不能用于实际的App开发中。
Photoshop
Photoshop是一款图像编辑软件,主要用于处理位图图像,可以完成图像的格式和模式转换,能够实现对图像的色彩调整。Photoshop有很多功能,在图像、图形、文字、视频和出版等各方面都有所涉及。
Photoshop是UI设计中最常用的软件之一,其最新版本中增强了对移动UI设计的支持。图1-20所示为Photoshop CC 2021的启动界面和工作界面。
![](https://epubservercos.yuewen.com/A75121/23020659101694106/epubprivate/OEBPS/Images/43029_20_2.jpg?sign=1738914571-LhFRJW66fWCdibcXD4MxW7WoSYvF0Gvj-0-caa239964d60de59beb80648a94495dc)
图1-20 Photoshop CC 2021的启动界面和工作界面
Sketch
Sketch是一款适用于所有设计师的矢量绘图软件。矢量绘图也是目前进行网页、图标及界面设计的最好方式。但除了拥有矢量编辑功能,Sketch还添加了一些基本的位图工具,如模糊和色彩校正。
Sketch是为图标设计和界面设计而生的,是一个有着出色UI界面的一站式软件,操作起来非常方便。在Sketch中,画布是无限大小的,每个图层都支持多种填充模式;有最棒的文字渲染和文本样式,还有一些文件导出工具。图1-21所示为Sketch的启动图标和欢迎界面。
![](https://epubservercos.yuewen.com/A75121/23020659101694106/epubprivate/OEBPS/Images/43029_21_1.jpg?sign=1738914571-OzmbF0E11GSYvtPQd7HA1OpRlofJUH4C-0-1b6c828036249dc2455b3355cb998866)
图1-21 Sketch的启动图标和欢迎界面
提示
Sketch是Mac OS系统独有的软件,该软件必须在Mac OS系统下才能安装并正常使用。
Illustrator
Illustrator是一款绘制矢量图像的设计工具,它可以应用于印刷排版、平面设计、图形绘制(图标设计)、We b图像制作等领域,几乎能够与所有的平面、网页和动画软件完美结合。同时,使用Illustrator完成的移动UI设计具有色彩丰富、结构清晰的特点。图1-22所示为Illustrator 2021的启动图标和欢迎界面。
![](https://epubservercos.yuewen.com/A75121/23020659101694106/epubprivate/OEBPS/Images/43029_21_2.jpg?sign=1738914571-WDZUpBlgGlrO773wUZ8GSk4Z9BJZX74L-0-6cd756248014696d1c835dbe26a51d6c)
图1-22 Illustrator 2021的启动图标和欢迎界面
PxCook
PxCook也被称为像素大厨,其主要功能是帮助设计师完成设计稿的标注和切图工作。PxCook可以对在Photoshop、Sketch和Adobe XD中完成的设计稿进行标注,可以在dp和px之间快速随意转换,所有标尺数值都可以手动设置,用户还可以根据自己的具体需求进行设置,从而提高工作效率。
PxCook软件同时兼容Windows和Mac系统,可以与Photoshop、Sketch和Adobe XD软件相配合,完成精确的切图操作。图1-23所示为PxCook的启动图标和工作界面。
![](https://epubservercos.yuewen.com/A75121/23020659101694106/epubprivate/OEBPS/Images/43029_22_1.jpg?sign=1738914571-JQJEt8vqwqm9QBYqeZ9TrqWSqmESZAq3-0-ed5f0720b9671821bb19a763a61fa794)
图1-23 PxCook的启动图标和工作界面