推薦給 iOS 設計師的工具和資源
蘋果 App Store 的應用總下載量近日剛突破 250 億,并繼續上升中。毫無疑問,iOS 開發一直是熱門話題,這是一個制造了數億美元的產業。一個成功的應用,需要良好的規劃。在理解應用開發流程中,繪制線框圖是規劃階段重要一環,也用于確定 可用性可能存有的問題及技術潛在問題。素描和原型,能讓你更好的理解要你的應用程序。如果不是自己的項目,是給客戶做的,那也方便和客戶解釋溝通。
如果你是一位設計師或開發人員,準備步入 iOS 開發,那這里收集了你需要的工具。本文并不涵蓋 iOS 教程,只偏重線框圖工具和視圖資源。
1. Sketch Pad 素描墊
就我個人而言,我更喜歡用紙筆來畫圖。可以很快添加、修改和擦除。如果你也偏愛手繪,那下面這個素描墊合集對你很有用了。
① iPhone Wireframe Templates for Sketching
Interactive Logic 出的素描墊。有兩種布局,各自又有兩個格式:PDF 和 Viso (VSD) 。
③ iPhone Application Sketch Template
帶網格的 iPhone 素描墊
iPad 素描板
⑤ iPad Application Sketch Template
帶網格的 iPad 素描墊
⑥ High Level iPad App Wireframing
一個高級 iPad 應用線框圖,還有可以詳解 iPad 的屏幕信息的表單。
2. UI 模版
UI 模版是快速做原型和畫線框圖的最佳工具。
iOS 5 Photoshop 模板。
3. 工具條圖標
在 iOS 中,圖形、符號和簡單的圖標是很受歡迎的。如今事實上很多網頁設計師開始把它們包含到設計中去。使用合適的圖標,最準備描繪動作的意思,以免誤導用戶。下面有大量可選擇的圖標,確信你在其中可以找到適合你應用的圖標。
② 200+ Exclusive Free Icons: “Reflection”
④ Tabs – Interface Icons for iOS & Designers
⑤ 20 Minimal ecommerce icons (vector PSD)
⑧ Free Wireframe Toolbar Icons for GUI designers
⑩ Pixicus Icon Set: 106 Pixel Perfect Icons
11) Glyphicons
12) gcons – Open Source Vector Icons
13) Gentleface
4. 手勢圖標
在線框圖、演示稿和文檔中,手勢圖標幾位有用。在多點觸摸系統中有個問題,我們總是試圖去猜測何種觸摸動作適用于應用程序,故而有個解決方案就是有一個合適的文檔,文檔上正確的符合或圖標,用于指示何種多點觸摸手勢可用。下面這個列表中包括了不同風格的手勢圖標。
英文原文:Kevin Liew 編譯:伯樂在線 – 黃利民