1.8　常见的UI界面设计软件

如今，制作UI界面设计图的方式发生了很大的改变，不再依靠手绘，而是使用拥有强大图像编辑功能的制图软件。因为市场上有很多制图软件，而各个软件的优缺点不太一样，下面给大家简单介绍几款常用的制图/绘图软件。

1.8.1　Axure RP

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

作为专业的原型设计软件，Axure RP能快速并且高效地创建原型，同时还支持团队多人设计和版本控制管理，软件启动界面如图1-54所示。

提示

Axure RP 是一款专业的快速原型设计工具。Axure 代表美国Axure 公司，RP 则是“Rapid Prototyping”（快速原型）的缩写。

大家将软件安装并且汉化完成后，可以通过双击桌面上的图标或单击“开始”菜单中的启动选项启动软件，软件界面如图1-55所示。

通常在第一次启动软件时，系统会自动弹出“管理授权”对话框，要求用户输入被授权人和授权密码。授权密码通常是用户在购买正版软件后获得。如果用户没有输入授权码，则软件只能试用30天，30天后需要付费购买才能继续使用。

提示

不建议用户去第三方下载软件，因为有可能会被捆绑很多垃圾软件，此外还有可能感染病毒。Axure RP 8 没有发布中文版本，用户可以通过下载汉化版实现对软件的汉化。

相对于Axure RP之前的版本，Axure RP最新版本的工作界面发生了较大的变化，精简了很多区域，使软件变得更简单、更直接，更加方便用户使用。界面中各区域如图1-56所示。

提示

Axure RP 能帮助产品原型设计师，快捷而简便地创建基于网站构架图的带注释页面示意图、操作流程图以及交互设计，并可自动生成用于演示的网页文件和规格文件。

1.8.2　Sketch

Sketch 是一款适合初学者使用的矢量绘图。矢量绘图也是目前进行网页设计、图标设计以及界面设计的最好方式。除了矢量编辑功能，Sketch同样添加了一些基本的位图工具，比如模糊和色彩校正。

提示

Sketch 的界面设计非常简洁。顶端的工具箱中包含了最重要的操作，用户可以用右侧的检查器来调整被选中图层的内容，左侧的窗口则会列出文件中的所有图层，中间就是用户正在创作的画布。简洁的界面使初学者容易上手。

Sketch是一款Mac OS系统独占软件，且该软件需要运行在OS X 10.11及以上的系统。满足这两个条件后便可以去下载并安装Sketch了。

在浏览器中输入“http∶//www.sketchapp.com/”，即可打开Sketch的官方网站，如图1-57所示。在官方网站中单击“Free Trial”按钮便可下载试用版。

要熟练掌握一款软件，就必须熟悉它的界面、功能和各种按钮命令。例如：按钮命令都在界面的什么位置，不一定要记得非常清楚，但大致在界面的什么方位还是要知道的，如图1-58所示。

Sketch完全遵循了Mac系统的软件设计规范，如果用户使用过苹果公司的iWork软件Pages、Numbers和Keynote的话，会对这样的页面布局很熟悉。

Sketch的界面主要由菜单栏、工具栏、检查器面板、图层面板，以及绘图区域组成。Sketch的菜单栏和工具栏在界面顶部，包含设计中所需要的常用工具。

检查器面板在界面的右侧，设计师可以在此调整已选择图层的参数。界面的左侧包含图层面板，绘图区域在界面中间，如图1-59所示。

提示

Sketch 是为图标设计和界面设计而生的，它是一个有着出色 UI 的一站式应用，所有设计师需要的工具都触手可及。

1.8.3　Photoshop

Photoshop是目前使用最为普遍的图像处理与合成软件，本书中的全部操作案例都将使用Photoshop CC 2019完成。

在使用该软件进行设计操作之前，首先需要将其安装到计算机中，然后双击桌面上的快捷方式图标即可成功启动。如图1-60所示为Photoshop CC 2019的启动界面。

将软件打开后，进入软件的欢迎界面，如图1-61所示。在欢迎界面中用户可以选择打开已有的图像文件进行再次制作，也可以选择新建图像文件，进行全新的创作。

执行“打开”或“新建”文件命令后，就进入了软件的工作界面，如图1-62所示。在工作界面中，用户可以将前期的准备工作和产品理念一一实现到设计图稿中。

知识链接

在Photoshop CC 2019 中打开文件、存储文件和新建文件的操作非常简单，而且操作方法也很多。使用Photoshop CC 2019 进行设计制作时，经常需要对各种对象进行变换，例如：移动位置、缩放、旋转和翻转图像等，这些操作大部分可以通过执行“编辑>变换”命令来完成。

渐变色可以实现多个颜色之间平滑过渡的填充效果，在UI 界面设计中使用极为频繁。在Photoshop CC 2019 中，用户可以通过多种方法创建渐变色，这里仅以最基础的“渐变工具”为例，讲解渐变色的设置方法。

1.8.4　Illustrator

Illustrator 是由著名的Adobe 公司推出的基于矢量的图形制作软件，是一款应用于出版、多媒体和在线图像的工业标准矢量插画的软件。

作为一款非常好用的图片处理工具，Illustrator 广泛应用于印刷出版、海报及书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，无论是小型设计还是大型的复杂项目均可使用。

Illustrator CC 2019是一款专业的图形设计工具，并且提供丰富的像素描绘功能，以及顺畅灵活的矢量图形编辑功能，能够快速创建设计工作流程，其启动界面如图1-63所示。

Illustrator CC 2019中的所有操作都是在文件中完成的。如图1-64所示的欢迎界面，包括了最基础的新建文件、从模板新建文件、保存文件、关闭和打开文件等命令。

Illustrator CC 2019 的工作界面与以往的版本相比有了改观，使用起来更加灵活，如图1-65 所示。在Illustrator CC 2019中，标尺、参考线和网格等都属于辅助工具，它们不能编辑对象，但却可以帮助设计师更好地完成编辑任务。

知识链接

下载并安装Illustrator

首先下载Adobe 公司的Adobe Creative Cloud 软件，打开此软件并注册Adobe ID，登录后找到Illustrator CC（2019）版本， 单击“试用”按钮，进行软件下载。

软件下载完成后会自动解压安装。在安装过程中，如果有其他Adobe 公司的产品正在运行，将无法进行安装，弹出提示窗口。

安装完成后，在Adobe Creative Cloud 软件内会显示所安装的软件是否是最新版本，是否需要更新。