1.4　了解移動UI設計常用的軟件

在進行移動UI設計時，會使用很多軟件幫助設計師完成原型設計、界面設計、交互動效設計及設計稿輸出等工作。下面針對幾款常用的軟件進行講解。

1.4.1　Axure RP 和Adobe XD

Axure RP和Adobe XD都是原型設計制作軟件。兩者各有優缺點，用戶可以根據個人的工作習慣選擇使用。

● Axure RP

Axure RP是美國Axure Software Solution公司開發的一款專業的快速原型設計工具，能夠讓負責定義需求和規格、設計功能和界面的專家快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。

作為專業的原型設計工具，Axure RP能快速、高效地創建原型，同時支持多人協作設計和版本控制管理。Axure RP軟件啟動界面與工作界面如圖1-34所示。

● Adobe XD

Adobe XD是一站式UX/UI設計平臺，在這款產品上面，用戶可以進行移動應用和網頁設計與原型制作。同時它也是唯一一款結合設計與建立原型功能，并同時提供工業級性能跨平臺設計產品的平臺。

設計師使用Adobe XD可以更高效準確地完成靜態編譯或框架圖到交互原型的轉變。Adobe XD軟件圖標與工作界面如圖1-35所示。

1.4.2　Photoshop和Sketch

Photoshop和Sketch都可以完成移動端UI的繪制，但在應用平臺、制作的難易度和輸出便捷性上有很大的區別。

● Photoshop

Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。Photoshop有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。Photoshop是UI設計中最常用的軟件之一，在最新版本中增強了對移動UI設計的支持。Photoshop CC啟動界面和工作界面如圖1-36所示。

● Sketch

Sketch是一款適用于所有設計師的矢量繪圖應用軟件。矢量繪圖是目前進行網頁、圖標及界面設計的最好方式之一。除了矢量編輯的功能，Sketch同樣添加了一些基本的位圖工具和命令，例如模糊和色彩校正。

Sketch是為圖標設計和界面設計而生的。它是一個有著出色UI設計的一站式應用，所有需要的工具都觸手可及。在Sketch中，畫布是有無限大小的，每個圖層都支持多種設計填充模式；有最棒的文字渲染和文本樣式，還有一些文件導出工具。Sketch的圖標和工作界面如圖1-37所示。

提示

Photoshop既可以運行在Windows系統又可以運行在Mac OS系統。而Sketch是Mac OS獨占軟件，該軟件必須在Mac OS系統下才能安裝并正常使用。

1.4.3　PxCook和Assistor PS

PxCook和Assistor PS都是UI切圖與標注工具軟件。PxCook是一個獨立運行的軟件，雖然Assistor PS也可以單獨運行，但需要與Photoshop一起配合使用。兩個軟件的操作方法也不相同，用戶可以根據個人的喜好選擇。

● PxCook

PxCook也稱為像素大廚，其主要功能是幫助設計師完成設計稿的標注和切圖工作。PxCook可以對Photoshop、Sketch和Adobe XD完成的設計稿中的元素尺寸、元素距離進行標注，軟件可以在Dp和Px之間快速隨意轉換，所有標尺數值都可以手動設置，用戶可以根據自己的具體需求進行設置，提高用戶設計的工作效率。

PxCook軟件同時兼容Windows系統和Mac OS系統，可以與Photoshop、Sketch和Adobe XD軟件配合，完成精確的切圖操作。PxCook的軟件圖標和工作界面如圖1-38所示。

提示

在使用PxCook之前，首先需要在設備上安裝Adobe AIR，否則軟件不能正常使用。用戶可以下載并安裝Adobe Creative Cloud，然后安裝Adobe AIR。

● Assistor PS

Assistor PS是一個功能強大的PS輔助工具，它擁有切圖、標坐標、尺寸、文字樣式注釋、畫參考線等功能，可以為設計師節省很多時間。Assistor PS不是擴展插件，而是一款獨立運行的軟件。

Assistor PS同時兼容Windows系統和Mac OS系統。在Photoshop中選擇一個圖層后，即可使用它的功能。Assistor PS的啟動界面和工作界面如圖1-39所示。