推薦給 iOS 設計師的工具和資源

　　蘋果App Store 的應用總下載量近日剛突破 250 億，並繼續上升中。毫無疑問，iOS 開發一直是熱門話題，這是一個製造了數億美元的產業。一個成功的應用，需要良好的規劃。在理解應用開發流程中，繪製線框圖是規劃階段重要一環，也用於確定可用性可能存有的問題及技術潛在問題。素描和原型，能讓你更好的理解要你的應用程式。如果不是自己的專案，是給客戶做的，那也方便和客戶解釋溝通。

　　如果你是一位設計師或開發人員/程式設計師，準備步入iOS開發，那這裡收集了你需要的工具。本文並不涵蓋iOS教程，只偏重線框圖工具和檢視資源。

　　1. Sketch Pad 素描墊

　　就我個人而言，我更喜歡用紙筆來畫圖。可以很快新增、修改和擦除。如果你也偏愛手繪，那下面這個素描墊合集對你很有用了。

　　① iPhone Wireframe Templates for Sketching

　　Interactive Logic 出的素描墊。有兩種佈局，各自又有兩個格式：PDF 和 Viso (VSD) 。

　　② iPhone Idea Sheet

　　③ iPhone Application Sketch Template

　　帶網格的 iPhone 素描墊

　　④ iPad Idea Sheet

　　iPad 素描板

　　⑤ iPad Application Sketch Template

　　帶網格的 iPad 素描墊

　　⑥ High Level iPad App Wireframing

　　一個高階iPad應用線框圖，還有可以詳解iPad的螢幕資訊的表單。

　　2. UI 模版

　　UI 模版是快速做原型和畫線框圖的最佳工具。

　　① iPhone GUI PSD (iPhone 4S)

　　iOS 5 Photoshop 模板。

　　② OmniGraffle iPhone Stencil

 

　　③ iPad GUI PSD v2

 

　　④ iPad Vector GUI Elements

 

　　⑤ OmniGraffle iPad Stencil

 

　　⑥ iPad Sketch Elements

 

　　3. 工具條圖示

　　在 iOS 中，圖形、符號和簡單的圖示是很受歡迎的。如今事實上很多網頁設計師開始把它們包含到設計中去。使用合適的圖示，最準備描繪動作的意思，以免誤導使用者。下面有大量可選擇的圖示，確信你在其中可以找到適合你應用的圖示。

　　① iPhone icons

　　② 200+ Exclusive Free Icons: “Reflection”

　　③ 260 free vectors icons

　　④ Tabs – Interface Icons for iOS & Designers

　　⑤ 20 Minimal ecommerce icons (vector PSD)

　　⑥ Token Icons

　　⑦ Meta Icons

　　⑧ Free Wireframe Toolbar Icons for GUI designers

　　⑨ Glyphish icons

　　⑩ Pixicus Icon Set: 106 Pixel Perfect Icons

　　11) Glyphicons

　　12) gcons – Open Source Vector Icons

　　13) Gentleface

　　14) NounProject Icons

　　4. 手勢圖示

　　線上框圖、演示稿和文件中，手勢圖示幾位有用。在多點觸控系統中有個問題，我們總是試圖去猜測何種觸控動作適用於應用程式，故而有個解決方案就是有一個合適的文件，文件上正確的符合或圖示，用於指示何種多點觸控手勢可用。下面這個列表中包括了不同風格的手勢圖示。

　　① Touchscreen Gesture Icons

 

　　② Touchscreen Stencils

 

　　③ Gesturecons

 

　　④ Touch Gesture Reference

 

　　⑤ Redesigned Gesture Icons

 

　　⑥ Open Source Gestures

 

　　⑦ Gesturcons

 

　　⑧ Multitouch Gesture Icons

　　英文原文：Kevin Liew   編譯：伯樂線上 – 黃利民

　　譯文連結：http://blog.jobbole.com/14517/