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頁
UI設(shè)計(jì)尺寸規(guī)范-最新最全UI設(shè)計(jì)規(guī)范_第4頁
UI設(shè)計(jì)尺寸規(guī)范-最新最全UI設(shè)計(jì)規(guī)范_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(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)主流尺寸整理iPhone界面尺寸設(shè)備分辨率PPI狀態(tài)欄高度導(dǎo)航欄高度標(biāo)簽欄高度 iPhone6P、6SP、7P12422208 px401PPI60px132px146px iPhone6 - 6S - 77501334 px326PPI40px88px98px iPhone5 - 5C - 5S6401136 px326PPI40px88px98px iPhone4 - 4S640960 px326PPI40px88px98px iPhone & iPod Touch第一代、第二代、第三代320480 px163PPI20px44px49pxiPhon

2、e圖標(biāo)尺寸：設(shè)備App Store程序應(yīng)用主屏幕Spotlight搜索標(biāo)簽欄工具欄和導(dǎo)航欄iPhone6P - 6SP - 7(3)10241024 px180180 px114114 px8787 px7575 px6666 pxiPhone6 - 6S - 7(2)10241024 px120120 px114114 px5858 px7575 px4444 pxiPhone5 - 5C - 5S(2)10241024 px120120 px114114 px5858 px7575 px4444 pxiPhone4 - 4S(2)10241024 px120120 px114114 px5

3、858 px7575 px4444 pxiPhone & iPod Touch第一代、第二代、第三代10241024 px120120 px5757 px2929 px3838 px3030 pxiPad的設(shè)計(jì)尺寸設(shè)備尺寸分辨率狀態(tài)欄高度導(dǎo)航欄高度標(biāo)簽欄高度iPad 3 - 4 - 5 - 6 Air - Air2 - mini220481536 px264PPI40px88px98pxiPad 1 - 21024768 px132PPI20px44px49pxiPad Mini1024768 px163PPI20px44px49pxiPad圖標(biāo)尺寸：設(shè)備App Store程序應(yīng)用主屏幕Spo

4、tlight搜索標(biāo)簽欄工具欄導(dǎo)航欄iPad 3 - 4 - 5 - 6 - Air - Air2 - mini210241024 px180180 px144144 px100100 px5050 px4444 pxiPad 1 - 210241024 px9090 px7272 px5050 px2525 px2222 pxiPad Mini10241024 px9090 px7272 px5050 px2525 px2222 pxAndroid SDK模擬機(jī)的尺寸屏幕大小低密度（120）中等密度（160）高密度（240）超高密度（320）小屏幕QVGA（240320）480640普通屏幕W

5、QVGA400（240400） WQVGA432（240432）HVGA（320480）WVGA800（480800） WVGA854（480854） 6001024640960大屏幕WVGA800 *（480800） WVGA854 *（480854）WVGA800 *（480800）WVGA854 *（480854）600x1024超大屏幕10246001024768 1280768WXGA（1280800）15361152 19201152 1920120020481536 25601600Android的圖標(biāo)尺寸屏幕大小啟動圖標(biāo)操作欄圖標(biāo)上下文圖標(biāo)系統(tǒng)通知圖標(biāo)(白色)最細(xì)筆畫32048

6、0 px4848 px3232 px1616 px2424 px不小于2 px480800px480854px540960px7272 px4848 px2424 px3636 px不小于3 px7201280 px4848 dp3232 dp1616 dp2424 dp不小于2 dp10801920 px144144 px9696 px4848 px7272 px不小于6 pxAndroid安卓系統(tǒng)dp/sp/px換算表名稱分辨率比率 rate (針對320px)比率 rate (針對640px)比率 rate (針對750px)idpi2403200.750.3750.32mdpi3204

7、8010.50.4267hdpi4808001.50.750.64xhdpi72012802.251.1251.042xxhdpi108019203.3751.68751.5主流Android手機(jī)分辨率和尺寸設(shè)備分辨率尺寸設(shè)備分辨率尺寸魅族MX24.4英寸8001280 px魅族MX35.1英寸10801280 px魅族MX45.36英寸11521920 px魅族MX4 Pro未上市5.5英寸15362560 px三星GALAXY Note 45.7英寸14402560 px三星GALAXY Note 35.7英寸10801920 px三星GALAXY S55.1英寸10801920 px三星

8、GALAXY Note II5.5英寸7201280 px索尼Xperia Z35.2英寸10801920 px索尼XL39h6.44英寸10801920 pxHTC Desire 8205.5英寸7201280 pxHTC One M84.7英寸10801920 pxOPPO Find 75.5英寸14402560 pxOPPO N15.9英寸10801920 pxOPPO R35英寸7201280 pxOPPO N1 Mini5英寸7201280 px小米M45英寸10801920 px小米紅米Note5.5英寸7201280 px小米M35英寸10801920 px小米紅米1S4.7英寸

9、7201280 px小米M3S5英寸10801920 px小米M2S4.3英寸7201280 px華為榮耀65英寸10801920 px錘子T14.95英寸10801920 pxLG G35.5英寸14402560 pxOnePlus One5.5英寸10801920 px主流瀏覽器的界面參數(shù)與份額瀏覽器狀態(tài)欄菜單欄滾動條市場份額(國內(nèi)浮動)Chrome 瀏覽器22 px（浮動出現(xiàn)）60 px15 px42.1%火狐瀏覽器20 px132 px15 px1%IE瀏覽器24 px120 px15 px34%360 瀏覽器24 px140 px15 px28%遨游瀏覽器24 px147 px15 px1%搜狗瀏覽器25 px163

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(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

提交評論