1.4　移动UI设计的常用软件

移动UI设计的常用软件可以分为界面设计、动效设计、网页设计、三维渲染、思维导图设计和交互原型设计6种类型。

1.4.1　界面设计类软件

1.Photoshop

Photoshop是由Adobe公司开发的图像处理软件。Adobe公司官方网站中的Photoshop新功能介绍如图1-9所示。在Sketch出现之前，Photoshop是大部分UI设计师进行界面设计的首选工具。

2.Sketch

Sketch是基于macOS的一款专业UI制作工具，如图1-10所示。相较于Photoshop，它是一款可以迅速上手的轻量级矢量设计工具。它不仅受到UI设计师的青睐，产品经理和前端开发人员也能迅速熟悉其操作，这减少了在沟通合作中可能出现的误解和障碍。

3.Illustrator

Illustrator是由Adobe公司开发的矢量图形处理软件，如图1-11所示。Illustrator在UI设计中除了被广泛应用于插画设计，在图标制作中也显示了出色的性能。

4.Experience　Design

Experience Design是由Adobe公司开发的集设计和交互于一体的UI设计软件，如图1-12所示。Experience Design的简洁性弥补了Photoshop在制作UI方面显得“臃肿”的不足，同时它免费并兼容Windows和macOS双平台的特点是Sketch无法比拟的。

1.4.2　动效设计类软件

1.After　Effects

After Effects是由Adobe公司开发的图形视频处理软件，如图1-13所示。丰富的插件和强大的表达式使After Effects制作出来的动效美观且引人入胜。

2.Principle

Principle是基于macOS的一款专业动效制作工具，如图1-14所示。相较于After Effects性能综合、体量较大，其优势在于上手容易、操作简单，而且它还支持在计算机上实时预览，并支持在手机上进行交互，而After Effects只能导出GIF动画和MP4视频，无法与手机交互。

1.4.3　网页设计类软件

Dreamweaver是由Macromedia公司开发的软件，如图1-15所示。它是一款集网页制作和网站管理于一身的网页代码编辑器，拥有“所见即所得”的功能特点。

1.4.4　三维渲染类软件

Cinema 4D是Maxon公司开发的一款能够进行顶级建模、动画制作和渲染的三维动画软件，如图1-16所示。该软件本身的功能非常强大，而且能和Photoshop、Allustrator、After Effects等软件进行无缝结合，近年来受到UI设计师的喜爱。通过Cinema 4D设计出来的作品被广泛运用到Banner、专题页及活动页等。

1.4.5　思维导图设计类软件

1.MindManager

MindManager是由Mindjet公司开发的软件，如图1-17所示。它不仅可以用于设计思维导图，还可以进行项目管理。

2.XMind

XMind的功能和MindManager相似，它也是一款非常实用的商业思维导图设计软件，如图1-18所示。思维导图设计类软件应用于UI设计时没有太大的区别，设计师可根据个人喜好来选用。

1.4.6　交互原型设计类软件

1.Axure　RP

Axure RP是一款专业的原型设计工具，如图1-19所示。Axure PR 10.0对设计架构进行了颠覆式的更新，令其使用效率大幅提高，用户体验显著提升。

2.墨刀

墨刀是国内开发的一款在线原型设计工具，如图1-20所示。墨刀V3进行了全面更新，除了品牌和组件的升级优化，还支持Sketch文件的导入并添加了工作流的功能，功能更加全面。