UI設(shè)計(jì)尺寸規(guī)范-UI設(shè)計(jì)規(guī)范_第1頁
UI設(shè)計(jì)尺寸規(guī)范-UI設(shè)計(jì)規(guī)范_第2頁
UI設(shè)計(jì)尺寸規(guī)范-UI設(shè)計(jì)規(guī)范_第3頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、UI 設(shè)計(jì)規(guī)范： IOS、 Android 系統(tǒng)主流尺寸整理UI 設(shè)計(jì)規(guī)范： IOS、 Android 系統(tǒng)主流尺寸整理iPhone 界面尺寸設(shè)備設(shè)備分辨率PPI狀態(tài)欄高度導(dǎo)航欄高度標(biāo)簽欄高度iPhone6P、iPhone6P、6SP、7P6SP、7P12422208 px401PPI60px132px146px7501334 px326PPI40px88px98pxiPhone6 - 6S - 7iPhone6 - 6S - 76401136 px326PPI40px88px98pxiPhone5 - 5C - 5SiPhone5 - 5C - 5S640 960 px326PPI40px8

2、8px98pxiPhone4 - 4SiPhone4 - 4S320 480 px163PPI20px44px49pxiPhone & iPod Touch第一代、第二代、第三代iPhone 圖標(biāo)尺寸：設(shè)備設(shè)備程序應(yīng)用主屏幕Spotlight搜標(biāo)簽欄工具欄和導(dǎo)航欄App Store索iPhone6P-6SP-7(3)10241024px180180px114114px8787 px7575px6666 pxiPhone6 - 6S - 7(2 )10241024px120120px114114px5858 px7575px4444 pxiPhone5-5C-5S(2)10241024px120

3、120px114114px5858 px7575px4444 pxiPhone4-4S(2)10241024px120120px114114px5858 px7575px4444 pxiPhone & iPod Touch 第一代、第二代、第三代10241024px120120px5757 px2929 px3838px3030 px設(shè)備尺寸分辨率狀態(tài)欄高度導(dǎo)航欄高度標(biāo)簽欄高度設(shè)備尺寸分辨率狀態(tài)欄高度導(dǎo)航欄高度標(biāo)簽欄高度20481536264PPI40px88px98pxiPad 3 - 4 - 5 - 6 Air - Air2 - mini2px1024768px132PPI20px44px

4、49pxiPad 1 -21024768px163PPI20px44px49pxiPadMini設(shè)備App Store程序應(yīng)用主屏幕Spotlight設(shè)備App Store程序應(yīng)用主屏幕Spotlight索搜工具欄標(biāo)簽欄導(dǎo)航欄10241024 px180180px144144px100100px5050px4444pxiPad 3 - 4 - 5 - 6 - - Air2 - mini210241024 px9090px7272px5050 px2525px2222pxiPad 1 -210241024 px9090 px10241024 px9090 px7272 px5050 px2525

5、 px2222 pxiPad MiniAndroid SDK 模擬機(jī)的尺寸屏幕大小屏幕大小低密度（ 120）中等密度（ 160）高密度（ 240）超高密度（ 320 ）小屏幕QVGA （240320）480640普通屏幕WQVGA400 （240400） WQVGA432 （240432）HVGA （ 320480）WVGA800 （480800）WVGA854 （480854） 6001024640960大屏幕WVGA800（480800） WVGA854 *（480854）*WVGA800 * （ 480800） WVGA854 * （ 480854） 600 x1024超大屏幕10246

6、0010247681280768WXGA（1280800）15361152 1920 1152192012002048153625601600啟動(dòng)圖標(biāo)操作欄圖標(biāo)上下文圖標(biāo)啟動(dòng)圖標(biāo)操作欄圖標(biāo)上下文圖標(biāo)（白色）最細(xì)筆畫4848 px3232 px1616 px2424 px不小于 2 px7272 px4848 px2424 px3636 px不小于 3 px4848 dp3232 dp1616 dp2424 dp不小于 2 dp144 144 px9696 px4848 px7272 px不小于 6 px屏幕大小320 480 px480 800px480 854px540 960px720 1

7、280 px1080 1920 px名稱分辨率比率 rate（ 名稱分辨率比率 rate（ 針對 320px）比率 rate （針對640px）比率 rate（ 750px）idpi2403200.750.3750.32mdpi32048010.50.4267hdpi4808001.50.750.64xhdpi72012802.251.1251.042xxhdpi108019203.3751.68751.5主流 Android 手機(jī)分辨率和尺寸設(shè)備設(shè)備分辨率尺寸設(shè)備分辨率尺寸4.4寸800 1280 px5.1 英寸10801280 px魅族MX2魅族MX3華為榮耀 6魅族 MX4三星 GAL

8、AXY Note 4三星 GALAXY S5索尼 Xperia Z3HTC Desire 820OPPO Find 7OPPO R3M4M3M3S5.365.7英寸英寸5.55.55555511521920 14402560 10801920 10801920 7201280 px14402560 7201280 px10801920 10801920 10801920 10801920 錘子 T1魅族 MX4 Pro 未上市三星 GALAXY Note 3三星 GALAXY Note II索尼 XL39hHTC One M8OPPO N1OPPO N1 Mini小米紅米Note小米紅米 1S

9、小米 M2S5.5 英寸5.7 英寸5.5 英寸6.444.7 英寸5.9 英寸5 英寸5.5 英寸4.7 英寸4.3 英寸4.9515362560 px10801920 px7201280 px10801920 px10801920 px10801920 px7201280 px7201280 px7201280 px7201280 px10801920 px5.55.5LG G314402560px5.5 英寸10801920px主流瀏覽器的界面參數(shù)與份額瀏覽器狀態(tài)欄菜單欄滾動(dòng)條市場份額 （國內(nèi)浮動(dòng) ）Chrome 瀏覽器火狐瀏覽器IE 瀏覽器360器器器22 px（浮動(dòng)出現(xiàn)）20 px24 px24px147px24px147px15px1%25px163px15px3.8%60 px132 px120 px140 px15 px15 px15 px15 px42.1%1%34

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論