首頁 > 知識?資訊 > iPhone、iPad、Android 網站及APP、UI設計尺寸規范 > 正文

iPhone、iPad、Android 網站及APP、UI設計尺寸規范

2021/6/17 13:22:34 · 稿源：傳誠實守信

iPhone界面尺寸

設備分辨率PPI狀態欄高度導航欄高度標簽欄高度
iPhone6 plus設置版1242×2208 px401PPI60px132px146px
iPhone6 plus變大版1125×2001 px401PPI54px132px146px
iPhone6 plus電磁學版1080×1920 px401PPI54px132px146px
iPhone6750×1334 px326PPI40px88px98px
iPhone5 - 5C - 5S640×1136 px326PPI40px88px98px
iPhone4 - 4S640×960 px326PPI40px88px98px
iPhone & iPod Touch首先代、其3代、3代320×480 px163PPI20px44px49px

iPhone/iPad/Android UI尺寸規范

iPhone圖標尺寸：

設備App Store程序應用主屏幕Spotlight搜索標簽欄工具欄和導航欄

iPhone6 Plus?(@3×)

1024×1024 px180×180 px114×114 px87×87 px75×75 px66×66 px

iPhone6?(@2×)

1024×1024 px120×120 px114×114 px58×58 px75×75 px44×44 px

iPhone5 - 5C - 5S?(@2×)

1024×1024 px120×120 px114×114 px58×58 px75×75 px44×44 px

iPhone4 - 4S?(@2×)

1024×1024 px120×120 px114×114 px58×58 px75×75 px44×44 px
iPhone & iPod Touch2.代、2.代、再次代1024×1024 px120×120 px57×57 px29×29 px38×38 px30×30 px


iPhone圖標尺寸

iPad的設計尺寸

設備尺寸分辨率狀態欄高度導航欄高度標簽欄高度
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini22048×1536 px264PPI40px88px98px
iPad 1 - 21024×768 px132PPI20px44px49px
iPad Mini1024×768 px163PPI20px44px49px


iPad的設計尺寸

iPad圖標尺寸：

設備App Store程序應用主屏幕Spotlight搜索標簽欄工具欄和導航欄
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini21024×1024 px180×180 px144×144 px100×100 px50×50 px44×44 px
iPad 1 - 21024×1024 px90×90 px72×72 px50×50 px25×25 px22×22 px
iPad Mini1024×1024 px90×90 px72×72 px50×50 px25×25 px22×22 px


iPad圖標尺寸

Android SDK模擬機的尺寸

屏幕大小低密度（120）中等密度（160）高密度（240）超高密度（320）
小電腦屏??QVGA（240×320）
?????480×640
一般的電腦屏WQVGA400（240×400） WQVGA432（240×432）??HVGA（320×480）WVGA800（480×800） WVGA854（480×854） 600×1024??640×960
大顯示霸屏WVGA800 *（480×800） WVGA854 *（480×854）WVGA800 *（480×800） WVGA854 *（480×854） 600x1024

超小頻幕???1024×6001024×768 1280×768WXGA（1280×800）1536×1152 1920×1152 1920×12002048×1536 2560×1600

Android的圖標尺寸

屏幕大小啟動圖標操作欄圖標上下文圖標系統通知圖標(白色)最細筆畫
320×480 px48×48 px32×32 px16×16 px24×24 px不小于等于2 px
480×800px 480×854px 540×960px72×72 px48×48 px24×24 px36×36 px不值為3 px
720×1280 px48×48 dp32×32 dp16×16 dp24×24 dp不需小于2 dp
1080×1920 px144×144 px96×96 px48×48 px72×72 px不高于6 px

Android安卓系統dp/sp/px換算表

名稱分辨率比列 rate?(根據320px)比重 rate?(重視640px)比例 rate?(針對于750px)
idpi240×3200.750.3750.32
mdpi320×48010.50.4267
hdpi480×8001.50.750.64
xhdpi720×12802.251.1251.042
xxhdpi1080×19203.3751.68751.5

主流Android手機分辨率和尺寸

設備分辨率尺寸設備分辨率尺寸
魅族MX24.44英寸800×1280 px魅族MX35.19英寸1080×1280 px
魅族MX45.36英尺1152×1920 px

魅族MX4 Pro未上市

5.5寸大1536×2560 px
三星aGALAXY Note 45.74英寸1440×2560 px三星nGALAXY Note 35.7厘米1080×1920 px
sungGALAXY S55.19英寸1080×1920 px三星平板GALAXY Note II5.5英尺720×1280 px
索尼Xperia Z35.24英寸1080×1920 px索尼XL39h6.445英寸1080×1920 px
HTC Desire 8205.5屏幕尺寸720×1280 pxHTC One M84.75英寸1080×1920 px
OPPO Find 75.5英尺1440×2560 pxOPPO N15.9屏幕尺寸1080×1920 px
OPPO R35寸大720×1280 pxOPPO N1 Mini5英尺720×1280 px
小美M455英寸1080×1920 px魅族紅米Note5.55英寸720×1280 px
小米公司M35英尺1080×1920 px樂視手機紅米1S4.75英寸720×1280 px

小米M3S未上市

5厘米1080×1920 px小米紅米M2S4.35英寸720×1280 px
華為麥芒華為手機榮耀65英尺1080×1920 px錘子T14.95屏幕尺寸1080×1920 px
LG G35.55英寸1440×2560 pxOnePlus One5.5屏幕尺寸1080×1920 px

主流瀏覽器的界面參數與份額

瀏覽器狀態欄菜單欄滾動條市場份額(國內)
Chrome 搜索器22 px（滾動顯現）60 px15 px8%
火狐ie瀏覽器器20 px132 px15 px1%
IE火狐瀏覽器器24 px120 px15 px35%
360 瀏覽網頁器24 px140 px15 px28%
暢游預覽器24 px147 px15 px1%
搜狗搜索看器25 px163 px15 px5%

系統分辨率統計

分辨率占有率分辨率占有率
1366×76815%1440×90013%
1920×108011%1600×9005%
1280×8004%1280×10243%
1680×10502.8%320×4802.4%
480×8002%1280×7681%


  • 相關推薦
  • 大家在看
關鍵詞：

  • 選擇網站服務商時需要注意的問題...

    挑選平臺網站服務于商需要要要留意的疑問... a、 找幾個廠家多種規模較的手機網絡子公司。[既領取知識與技能，又可多各種挑選，有助您作自信直接決定 b、......

  • 內容是網絡行銷的重點。

    在網路行銷管理的行業中，大部門閃亮的成功的典型案例而非購得最高核心字宣傳老板或許是創業在SEO核心字提升最高的行業，而且能將行業的軟件生產成內容豐富的廣告文案......
    2018/9/20 0:00:00

  • 做網站 網站建設 最難的是什么？

    我的切身身體，做網址最為困難的的是產品定位。當選好位，只有的事要再苦再難對場長我認為也是喜悅。當一位有做人的信任感和實力，卻了解到道要做任何時是最絕望的。......
    2010/3/25 0:00:00

  • 網站建成網站的維護怎么辦？

    的機構公司網若果完成，公司網的維修保養就擺著的機構的公開場合。如何免費參觀公司網的訪問瀏覽者一直看清的公司網也都是相同的，那么的同旁內角天后還還來嗎？的機構的情形在持續逐漸不同，網......
    2012/6/1 0:00:00

  • 企業在建設網站之前，您必須要了解哪些問題？

    · 搞知道網址需為您以達到的效果 普通比喻，我做后些網址的總類，如的形象網址、化妝品購物網址...小編他們建議您可不可以先逛下我的網址，看下......
    2019/9/20 0:00:00

  • 雜志社網站建設需求

    報紙社網址規劃訴求一、導航模塊頁頁眉：報紙名號，辦刊指導方針，底圖二、導航模塊條：本社百科、網上訂閱關注、執行主席之窗、網上文章發表、搞好關系公司、情緒論談三、條幅商品圖片：......
    2012/1/9 0:00:00

  • 網站托管對搜索引擎優化至關重要性

    官網運營對搜搜索引擎升級優化至關首要性更多我司極為關注公眾號她們官網的美學觀吸納力，由于她們認定這將吸納新用戶。只不過，如果您的官網不會找，但是花在官網設......
    2019/3/5 0:00:00

  • 網站建設的任務導向

    網絡官網開發的目標指引網絡應防止會出現會出現毫不相干的、剩余的或讓我們注意力不集中的內容防止會出現過重的在使用角本、小app編譯程序（applets）、視頻播放音頻視頻文件名、圖形和圖片文字......
    2010/12/13 0:00:00

  • 線框在網站設計中的應用。

    網頁設定中我實現非常多的的線框 不只我就是設定他的網頁，其它的設定者在設定網頁，及其食品運營經理和業務部研究員都會碰面。 率先這巨大貢獻的，而且它就是一......
    2012/7/30 0:00:00

  • 建網站要把網站架構地圖搞清楚！

    網站平臺平臺項目建設游戲地形圖是就特定對控制系統的分析展開的 視覺系統化描述，此次描述理論依據的心性模板以讓開發項目團隊并能“見樹又見林”，認清服務戰略眼光。一樣 來 說，網站平臺平臺游戲地形圖......
客戶服務
了解電活 010-62199213 全國各省不要錢質詢電話 400-697-8610