蘋(píng)果App Store 的應(yīng)用總下載量近日剛突破 250 億，并繼續(xù)上升中。毫無(wú)疑問(wèn)，iOS 開(kāi)發(fā)一直是熱門(mén)話題，這是一個(gè)制造了數(shù)億美元的產(chǎn)業(yè)。一個(gè)成功的應(yīng)用，需要良好的規(guī)劃。在理解應(yīng)用開(kāi)發(fā)流程中，繪制線框圖是規(guī)劃階段重要一環(huán)，也用于確定 可用性可能存有的問(wèn)題及技術(shù)潛在問(wèn)題。素描和原型，能讓你更好的理解要你的應(yīng)用程序。如果不是自己的項(xiàng)目，是給客戶做的，那也方便和客戶解釋溝通。
如果你是一位設(shè)計(jì)師或開(kāi)發(fā)人員/程序員，準(zhǔn)備步入iOS開(kāi)發(fā)，那這里收集了你需要的工具。本文并不涵蓋iOS教程，只偏重線框圖工具和視圖資源。
1. Sketch Pad 素描墊
就我個(gè)人而言，我更喜歡用紙筆來(lái)畫(huà)圖。可以很快添加、修改和擦除。如果你也偏愛(ài)手繪，那下面這個(gè)素描墊合集對(duì)你很有用了。
① iPhone Wireframe Templates for Sketching
Interactive Logic 出的素描墊。有兩種布局，各自又有兩個(gè)格式：PDF 和 Viso (VSD) 。
③ iPhone Application Sketch Template
帶網(wǎng)格的 iPhone 素描墊
iPad 素描板
⑤ iPad Application Sketch Template
帶網(wǎng)格的 iPad 素描墊
⑥ High Level iPad App Wireframing
一個(gè)高級(jí)iPad應(yīng)用線框圖，還有可以詳解iPad的屏幕信息的表單。
2. UI 模版
UI 模版是快速做原型和畫(huà)線框圖的最佳工具。
iOS 5 Photoshop 模板。
3. 工具條圖標(biāo)
在 iOS 中，圖形、符號(hào)和簡(jiǎn)單的圖標(biāo)是很受歡迎的。如今事實(shí)上很多網(wǎng)頁(yè)設(shè)計(jì)師開(kāi)始把它們包含到設(shè)計(jì)中去。使用合適的圖標(biāo)，最準(zhǔn)備描繪動(dòng)作的意思，以免誤導(dǎo)用戶。下面有大量可選擇的圖標(biāo)，確信你在其中可以找到適合你應(yīng)用的圖標(biāo)。
② 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. 手勢(shì)圖標(biāo)
在線框圖、演示稿和文檔中，手勢(shì)圖標(biāo)幾位有用。在多點(diǎn)觸摸系統(tǒng)中有個(gè)問(wèn)題，我們總是試圖去猜測(cè)何種觸摸動(dòng)作適用于應(yīng)用程序，故而有個(gè)解決方案就是有一個(gè)合適的文檔，文檔上正確的符合或圖標(biāo)，用于指示何種多點(diǎn)觸摸手勢(shì)可用。下面這個(gè)列表中包括了不同風(fēng)格的手勢(shì)圖標(biāo)。
英文原文：Kevin Liew 編譯：伯樂(lè)在線 – 黃利民
聯(lián)系客服
