iOS 設計開發，先做矢量圖之後再輸出，有什麼好處？

先說結論：建議做 UI 儘可能使用如 Adobe Illustrator、Sketch.app 這樣的矢量繪製軟體。若使用 PS 等位圖處理軟體，也建議儘可能使用矢量蒙版。

我自己是一個喜歡業餘使用 Adobe Illustrator 做設計的人。在當前大部分 GUI，包括 iOS 的 UI 中，控制項的形狀大部分都是很簡單的圖形。作爲一個矢量創作軟體，AI 在對形狀、曲線的處理上有天然的優勢。如在 AI 中，可以隨時調整圓角矩形的圓角大小。並且 AI 支持多重填充、多重描邊。如一個對象可以在底層有一個橫向的漸變填充模擬金屬光澤，同時還可以有一個垂直方向的填充來模擬光照，在 PS 中似乎只能通過繪製兩個單獨的矢量對象來實現。在 CS 5 加入對齊到像素網格功能以及 CS 6 中加入描邊漸變功能後，可以說 AI 非常適合用於精細的 UI 設計，甚至用 AI 做 UI 設計可能比用 PS 更爲方便。

此外，使用矢量繪製軟體進行 UI 創作的另一大好處就是可以很方便地應對需求的變動，如更改曲線形狀、圓角大小、輸出尺寸等。從前在 iPhone 4 發佈後，爲了適配 @2x 解析度，苦了不少設計師。現在，雖然 iPhone、iPad 都擁有視網膜屏幕，但誰也不能保證未來蘋果會推出解析度再次翻倍的 "Super Retina" 屏幕設備，需要使用 @4x 解析度的 UI 資源圖片。我自己以前做 iOS 開發時，就經歷過這樣一件事：從前 Apple 規定，上傳 App 要附帶用於在 iTunes Store 顯示的圖標大小爲 512 x 512 像素。但當我上傳 App 時，發現要求使用 1024 x 1024 解析度的圖標了。由於我是用 AI 做的圖標，直接以橫豎方向縮放 200% 重新導出一份就搞定了，分分鍾的事兒。

此外，由於 AI 是矢量繪製軟體，文件存儲的是幾何信息而非位圖的像素分佈信息，因此很多時候，AI 存儲的源文件體積更小一些，而且文件存儲大小與解析度沒有太多關係（除非使用一些紋理效果）。下面這個圖標就是我用 AI 做的，源文件的佔用空間是多大呢？

綜上所述，非常建議做 UI、圖標等使用 AI 等矢量繪製軟體來做，或是使用 PS 中的矢量蒙版工具。