今天html5模版網(wǎng)(www.suosuyi.cn)跟大家分享一些關(guān)于ipad界面設(shè)計(jì)規(guī)范，ipad設(shè)計(jì)尺寸，ipad設(shè)計(jì)原則等相關(guān)設(shè)計(jì)知識點(diǎn)。我們也知道移動(dòng)端app交互設(shè)計(jì)需要參考平臺操作系統(tǒng)的設(shè)計(jì)規(guī)范。所以對每一個(gè)平臺的特性和規(guī)范的了解是很重要的。

下面是國內(nèi)某app設(shè)計(jì)大神們在一起討論如何設(shè)計(jì)ipad ued的時(shí)候，總結(jié)的一些設(shè)計(jì)原則，希望對大家有用！

首先，在iPad上側(cè)重的是內(nèi)容和交互，而不是UI。

作為設(shè)計(jì)師，幾乎我們本能的就會(huì)醉心于一些華麗的UI界面而忘了用戶本身是來干什么的。為了讓用戶關(guān)注內(nèi)容本身并在交互的過程中盡量少受干擾，所以我們需要淡化程序UI，弱化界面控件、讓信息更扁平化(讓上下層級可以在同一界面中自如切換)，限制一個(gè)視圖內(nèi)的任務(wù)復(fù)雜度、淡化文件管理、使用最少的模態(tài)對話框、只有在需要時(shí)才提醒用戶??

然后，是內(nèi)容形式上富有真實(shí)感。

iPad上自帶的iBooks、Note以及Google Map都是很好的例子。蘋果給出的解釋是：程序顯示和現(xiàn)實(shí)生活越相似，用戶就越容易理解、操作并喜歡。可以使用動(dòng)畫進(jìn)一步增強(qiáng)真實(shí)感覺，東縱的真實(shí)感比外觀更為重要，要符合物理規(guī)律。

最后，是充分利用設(shè)備性能和特性。

自從蘋果公司發(fā)布最新iPad以來，除了具有普通數(shù)碼設(shè)備的硬件指標(biāo)和性能參數(shù)之外，還具有很多諸如重力和加速度感應(yīng)、多點(diǎn)觸控、手勢識別等人機(jī)交互新特性。如何把這些交互手段通過設(shè)計(jì)結(jié)合到你的作品中，會(huì)是個(gè)有趣的挑戰(zhàn)。

蘋果iPad界面設(shè)計(jì)20條簡單設(shè)計(jì)建議：

1-?支持所有方向（注意要為每個(gè)方向都提供一個(gè)啟動(dòng)圖片）

2-?增強(qiáng)交互而非只增加功能

3-?使用split view,?導(dǎo)航和彈出窗口來平整信息層級

4-?減少全屏切換?僅僅改變需要改變的部分

5-?支持協(xié)作和互聯(lián)

6-?如果可能?增加真實(shí)感以及物理維度到應(yīng)用程序里?盡可能像真實(shí)世界的 物品以便用戶易于上手

7-?界面漂亮 用戶喜愛

8-?盡量讓用戶更關(guān)注內(nèi)容而不是界面

9-?盡可能減少強(qiáng)制用戶模式化操作

10-?減少使用列表?改變?yōu)槠渌问?/p>

11-?盡量支持多手指手勢

12-?讓用戶模式化操作的地方可以用彈出窗口

13-?限制復(fù)雜的模式化操作

14-?減小文件操作尤其盡量讓用戶感覺不到文件系統(tǒng)的存在

15-?僅僅在必須的情況才提示用戶保存

16-?將工具條整合在界面上部

17-?盡可能快速啟動(dòng)程序 盡量使用截圖作為啟動(dòng)畫面 不要在啟動(dòng)時(shí)顯示關(guān)于或者splash screen?恢復(fù)上次運(yùn)行狀態(tài)?盡量不要讓用戶提供設(shè)置信息

18-?程序可能隨時(shí)停止

19-?為每個(gè)方向都準(zhǔn)備啟動(dòng)畫面

20-?建立漂亮的圖標(biāo)?尺寸?72×72?和iPhone程序類似?iPad程序的圖標(biāo)會(huì)自動(dòng)增加?圓角、陰影和高光。

下面是ipad界面設(shè)計(jì)尺寸和圖標(biāo)尺寸規(guī)范

如果有興趣的ipad設(shè)計(jì)師們，可以下載最新版本全套iPad的GUI PSD源文件下載

iPhone、iPad等iOS系統(tǒng)界面設(shè)計(jì)字體規(guī)范

iOS7 GUI PSD(iPhone和iPad)全套UI設(shè)計(jì)素材下載