今天25學(xué)堂繼續(xù)跟大家回顧一下ipad界面設(shè)計尺寸規(guī)范和具體的設(shè)計數(shù)值。這里從ipad橫屏、豎屏的2個不同的場景跟大家聊聊ipad的界面設(shè)計尺寸規(guī)范。

之前25學(xué)堂也跟大家分享過：

1、iPad界面設(shè)計尺寸規(guī)范詳解【完整的平板設(shè)計規(guī)范】

2、一套完整的iOS 9 GUI iPad Sketch素材以及下載

3、回顧ipad界面設(shè)計規(guī)范和ipad用戶體驗設(shè)計10招

今天跟隨老譚童鞋一起來回顧iPad橫屏和豎屏界面尺寸設(shè)計規(guī)規(guī)范.

第一部分：iPad橫屏(Landscape)界面設(shè)計尺寸規(guī)范

iPad在橫屏（Landscape）模式下，界面區(qū)域元素主要由下圖所示構(gòu)成：

橫屏主要尺寸：

寬度：1024px

高度：768px

狀態(tài)欄(Status Bar)高度：20px

導(dǎo)航條(Nav Bar)高度：44px

主內(nèi)容區(qū)域(Main Cotent Area)高度：655px

標(biāo)簽欄(Tab Bar)高度：49px

鍵盤高度：352px

第二部分：iPad在豎屏模式下，界面區(qū)域元素主要由下圖所示構(gòu)成：

豎屏主要尺寸：

寬度：768px

高度：1024px

狀態(tài)欄(Status Bar)高度：20px

導(dǎo)航條(Nav Bar)高度：44px

主內(nèi)容區(qū)域(Main Cotent Area)高度：911px

標(biāo)簽欄(Tab Bar)高度：49px

鍵盤高度：264px

如果你是設(shè)計的尺寸是1536 x 2048px的： 與上面的對比關(guān)系如下：2倍的倍率

iPad ? ? ? ??768 x 1024 pixels ? ? ? ? ? ? ? ? ? ? ? ? ? ??1024 x 768 pixels

? ? ? ? ? ? ? ? 1536 x 2048 pixels (@2x) ? ? ? ? ? ? ? ? ??2048 x 1536 pixels (@2x)

APP store蘋果應(yīng)用市場上需要上傳的截圖要求：

72 dpi，RGB，扁平，不透明度

高質(zhì)量的JPEG或PNG圖像文件格式下列任何尺寸參考：

1024×748 ? ? ?像素的景觀（無狀態(tài)欄）最低

1024×768 ? ? ?像素的景觀（全屏）最大

2048×1496 ? 像素的高分辨率（無狀態(tài)欄）最小

2048×1536 ? 像素的高分辨率（全屏）最大

768×1004 ? ? 像素的肖像（無狀態(tài)欄）最小

768×1024 ? ?像素的肖像（全屏）最大

1536×2008 ? 像素的高清晰度（無狀態(tài)欄）最小

1536×2048 ? 像素的高清晰度（全屏）最大

希望以上所有的ipad橫屏和豎屏界面尺寸設(shè)計規(guī)范可以幫到各位APP設(shè)計師們。繼續(xù)加油吧！