iOS設計UI工具大全

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

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

1. Sketch Pad 素描墊

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

（1）iPhone Wireframe Templates for Sketching

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

（2）iPhone Idea Sheet

（3）iPhone Application Sketch Template

帶網格的 iPhone 素描墊

（4）iPad Idea Sheet

iPad 素描板

（5）iPad Application Sketch Template

帶網格的 iPad 素描墊

（6）High Level iPad App Wireframing

一個高級iPad應用線框圖，還有可以詳解iPad的屏幕信息的表單

2. UI 模版

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

（1）iPhone GUI PSD (iPhone 4S)

iOS 5 Photoshop 模板

（2）OmniGraffle iPhone Stencil

（3）iPad GUI PSD v2

（4）iPad Vector GUI Elements

（5）OmniGraffle iPad Stencil

（6）iPad Sketch Elements

3. 工具條圖標

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

（1）iPhone icons

（2）200+ Exclusive Free Icons: "Reflection"

（3）260 free vectors icons

（4）Tabs – Interface Icons for iOS & Designers

（5）20 Minimal ecommerce icons (vector PSD)

（6）Token Icons

（7）Meta Icons

（8）Free Wireframe Toolbar Icons for GUI designers

（9）Glyphish icons

（10）Pixicus Icon Set: 106 Pixel Perfect Icons

（11）Glyphicons

（12）gcons – Open Source Vector Icons

（13）Gentleface

（14）NounProject Icons

4. 手勢圖標

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

（1）Touchscreen Gesture Icons

（2）Touchscreen Stencils

（3）Gesturecons

（4）Touch Gesture Reference

（5）Redesigned Gesture Icons

（6）Open Source Gestures

（7）Gesturcons

（8）Multitouch Gesture Icons