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

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

1. Sketch Pad 素描墊

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

① iPhone Wireframe Templates for Sketching

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

② iPhone Idea Sheet

③ iPhone Application Sketch Template

帶網(wǎng)格的 iPhone 素描墊

④ iPad Idea Sheet

iPad 素描板

⑤ iPad Application Sketch Template

帶網(wǎng)格的 iPad 素描墊

⑥ High Level iPad App Wireframing

一個高級iPad應(yīng)用線框圖，還有可以詳解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 中，圖形、符號和簡單的圖標是很受歡迎的。如今事實上很多網(wǎng)頁設(shè)計師開始把它們包含到設(shè)計中去。使用合適的圖標，最準備描繪動作的意思，以免誤導(dǎo)用戶。下面有大量可選擇的圖標，確信你在其中可以找到適合你應(yīng)用的圖標。

① 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. 手勢圖標

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

① Touchscreen Gesture Icons

② Touchscreen Stencils

③ Gesturecons

④ Touch Gesture Reference

⑤ Redesigned Gesture Icons

⑥ Open Source Gestures

⑦ Gesturcons

⑧ Multitouch Gesture Icons

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