1.2 如何学习UI设计

1.2.1 UI设计师的常用软件介绍

移动端UI设计师常用的软件有Photoshop、Illustrator、Axure、Cutterman和Markman等，如图1-3所示。这里仅对工作中常见的软件做简单介绍，而在实际工作中同类型的工具可以协同使用，并非只局限于上述几款软件。

1. Photoshop

Photoshop是Adobe公司旗下最为出名的图像处理软件之一，目前Photoshop CC系列有多个版本，具有全新的智能型锐利化、可编辑的圆角矩形，以及改善的文字样式等诸多功能，能使UI设计师事半功倍。工作中，UI设计师主要使用Photoshop制作各个页面的效果图和图标。

2. Illustrator

Illustrator是Adobe公司出品的一款多媒体标准矢量软件，广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面制作等领域。工作中，UI设计师可以使用Illustrator制作矢量图标。

3. Axure

Axure是美国Axure Software Solution公司的旗舰产品，是一个专业的快速原型设计工具。它的主要功能是能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。工作中，UI设计师主要使用Axure绘制低保真原型图和高保真交互原型图。

4. MockingBot（墨刀）

MockingBot是一款在线的原型工具，旨在帮助产品经理和UI设计师快速构建移动应用产品原型，具有云端保存、实时手机预览、支持iOS和Android、多种手势和页面切换特效等特点。

墨刀与Axure是两种用户体验不同的原型工具，前者操作方便适用于刚刚入门的初学者，后者则显得更加专业，在具体工作中两款软件均可使用。

5. Sketch

Sketch是一款适用于Mac操作系统的矢量绘图工具，主要用于图标设计和界面设计。它是一个有着出色UI的一站式应用，所有需要的工具都触手可及。在Sketch中，画布将是无限大小的，每个图层都支持多种填充模式，且有丰富的文字渲染和文本式样。

6. Cutterman

Cutterman是一款运行在Photoshop中的插件，能够自动将用户需要的图层进行输出，以替代传统的手工切图的烦琐流程。它支持各种各样的图片尺寸、格式、形态输出，方便用户在PC、iOS、Android等设备上使用。

7. PxCook（像素大厨）

PxCook是面向设计师的一款免费、交互流畅、全平台支持的标注切图工具软件。它支持对Photoshop和Sketch中的元素尺寸、元素距离、文本样式和颜色的智能标注，还能智能切图。

8. Ps Play

Ps Play是一款方便UI设计师实时预览效果的APP软件。在Photoshop的菜单栏中执行“编辑”→“远程连接”命令，在弹出的对话框中进行简单设置，如图1-4所示，即可实现Photoshop中的制作效果实时在手机端预览，从而更便于UI设计师进行设计与修改。需要特别说明的是，若要Ps Play远程连接成功，PC端与手机端必须在同一网段的局域网内才能实现实时预览。

1.2.2 UI设计师的设计理论知识储备

成为一名“会制作”的UI设计师很容易，但要成为一名“有思想”的UI设计师除了要熟练操作多种软件外，在设计理论层面也应该有多方面的涉猎。由于篇幅所限，这里仅对学习方向进行简单介绍，更多知识请读者阅读其他相关书籍，查漏补缺。

1. 色彩理论知识储备

色彩是一种涉及光、物与视觉的综合现象，而对色彩的研究，千余年前的中外先驱者们就已有所关注。无论哪种设计都离不开色彩，色彩和形象是用户视觉感知中最快也是最直接的元素，无需语言和文字，色彩会在第一时间通过眼球反馈到大脑，触发感受，影响情绪。工作中做配色方案时，色彩理论知识可能会非常有用。这里推荐读者几本有关色彩的课外书籍，仅供参考。

2. 心理学与交互理论知识储备

在做产品设计和交互设计时，通常从人的感知、注意、记忆、思维、动机等方面出发，直接剖析认知心理，这样才能全面深入地了解目标用户。这里推荐读者几本有关心理学和交互设计理论的课外书籍，仅供参考。