iPad 人機(jī)介面規(guī)約:iPad 的核心特性

2011-10-25    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(     sillybuy.com    )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的     BS界面設(shè)計(jì)    、     cs界面設(shè)計(jì)    、     ipad界面設(shè)計(jì)    、     包裝設(shè)計(jì)    、     圖標(biāo)定制    、     用戶體驗(yàn)    、交互設(shè)計(jì)、     網(wǎng)站建設(shè)    、平面設(shè)計(jì)服務(wù)  

iPad 的操作系統(tǒng)是 iOS 3.2,iPad 軟件用到的很多 UIKit 視覺(jué)元素和控件都和 iPhone 軟件一樣。因此,如果你有為 iPhone 開(kāi)發(fā)軟件的經(jīng)驗(yàn)(并且熟悉iPhone 用戶介面規(guī)約 ),對(duì)于開(kāi)發(fā) iPad 軟件會(huì)很有幫助。

iPad 在近似的底層架構(gòu)上引入了一套新的用戶體驗(yàn)系統(tǒng),這套系統(tǒng)和 iPhone 的用戶體驗(yàn)有很大區(qū)別。iPad 的屏幕更大,介面引人入勝且高度互動(dòng),這些特點(diǎn)令你能夠?qū)懗隽硪患?jí)別的軟件。

在開(kāi)發(fā)過(guò)程中,你應(yīng)該認(rèn)真花時(shí)間去吸收和感知 iPad 的用戶體驗(yàn),利用在這一過(guò)程中習(xí)得的知識(shí)設(shè)計(jì)出完全屬于 iPad 的應(yīng)用程序。

iPad 的硬件特點(diǎn)

iPad 的以下特點(diǎn)對(duì)您的軟件的 UI 有很大影響:

一、屏幕大。(分辨率:1024 x 768。)

二、你無(wú)法預(yù)期用戶手持 iPad 時(shí)的朝向(橫版還是豎版,正著還是倒著)。

三、可接外置鍵盤,并用其替代 iPad 自身的軟鍵盤。

四、可放在底座上用。

為了更好地理解開(kāi)發(fā)環(huán)境,也請(qǐng)注意 iPad 和 iPhone 的如下共同特點(diǎn):

一、內(nèi)存有限。

二、一次只能運(yùn)行一個(gè)軟件。

三、各個(gè)軟件的參數(shù)設(shè)置都可以統(tǒng)一放在 Settings 這個(gè)預(yù)裝的應(yīng)用程序里。

四、用戶可以改變?cè)O(shè)備的朝向。

五、屏幕上的「幫助」內(nèi)容不會(huì)很多,用語(yǔ)也比較簡(jiǎn)單。

六、沒(méi)有「鼠標(biāo)點(diǎn)擊」這個(gè)動(dòng)作,只有手勢(shì)動(dòng)作。

七、既能跑原生軟件,也能跑線上軟件,或是混合型軟件。

八、圖像的比特深度有統(tǒng)一標(biāo)準(zhǔn):24 比特(R、G、B 各 8 比特),外加一條 8 比特的 alpha 通道?;旧希覀兺扑]您用 PNG 格式。

iPad 上的新 UI 元素與行為

在 iOS 3.2 里,UIKit 引入了一些新的 UI 元素,舊有的一些元素也有了新的行為:

- 分欄模式(Split view)

這是 iPad 獨(dú)有的元素,您可以用它同時(shí)在屏幕上顯示多個(gè)視圖區(qū)域,例如把數(shù)據(jù)以「主干-細(xì)節(jié)」或源列表的方式排布。由于它能壓縮信息層級(jí),分欄模式是 iPad 軟件常見(jiàn)的用來(lái)組織信息的元素。請(qǐng)到「iPad 用戶體驗(yàn)規(guī)約 」一章了解分欄模式的各種用法。如想了解使用指南,請(qǐng)讀「分欄模式 」。

- 懸浮層(Popover)

懸浮層也是 iPad 獨(dú)有的元素,可以用來(lái)臨時(shí)顯示附加信息、控件,或是與主視圖區(qū)域的內(nèi)容相關(guān)的選項(xiàng)。有些信息或選項(xiàng)不需要一直出現(xiàn)在主視圖區(qū)域,懸浮層就是為此而生的。請(qǐng)到「用懸浮層來(lái)完成模態(tài)任務(wù) 」一章了解分欄模式的各種用法。如想了解使用指南,請(qǐng)讀「懸浮層 」。

- 結(jié)果列表按鈕

這是系統(tǒng)提供的按鈕,用它可以顯示搜索欄里的搜索結(jié)果。(如想了解使用指南,請(qǐng)讀「搜索欄 」。)

- 模態(tài)視圖有了新的顯示風(fēng)格

在 iPad 里,模態(tài)介面可以全屏,也可以占據(jù)屏幕的一部分,也可以以表單的形式出現(xiàn)。因此,你可以根據(jù)軟件的用戶體驗(yàn)與視覺(jué)設(shè)計(jì)更好地度身定做模態(tài)視圖。(如想了解使用指南,請(qǐng)讀「模態(tài)視圖 」。)

- 工具欄可以放在不同的位置

你可以把工具欄放在屏幕的頂部或底部,還可以放在分欄模式或懸浮層的內(nèi)部。(如想了解使用指南,請(qǐng)讀「工具欄 」。)

- 「編輯」菜單可以顯示自定義的項(xiàng)目

除了標(biāo)準(zhǔn)的剪切、拷貝、粘貼、選擇以及全選這幾項(xiàng)以外,你可以自定義其他項(xiàng)目。(如想了解使用指南,請(qǐng)讀「添加『編輯』菜單 」。)

- 軟鍵盤可以自定義

您可以用自行設(shè)計(jì)的帶有特殊按鈕的軟鍵盤來(lái)替代系統(tǒng)提供的軟鍵盤。(如想了解使用指南,請(qǐng)讀「自定義鍵盤 」。)

- 軟鍵盤可以加入自定義的外接輸入設(shè)備

您可以在軟件里為外接鍵盤添加單獨(dú)的介面,用戶通過(guò)點(diǎn)擊這個(gè)介面可以針對(duì)個(gè)別軟件進(jìn)行輸入。

- 自定義的文字視圖支持多種風(fēng)格的文字,亦可提供高級(jí)編輯功能

您可以提供各種文字處理功能,亦可支持拼寫檢查和自動(dòng)補(bǔ)完。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔