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 軟件內會顯示所安裝的軟件是否是最新版本，是否需要更新。