Iphone&Ipad&Android&WEB

全部規範全在這兒了！！

火速收藏~

1iPhone的設計尺寸

iPhone界面尺寸：

iPhone圖标尺寸：

2iPad的設計尺寸

iPad界面尺寸：

iPad圖标尺寸：

3Android的設計尺寸

屏幕尺寸

指實際的物理尺寸，為屏幕對角線的測量。

為了簡單起見，Android把實際屏幕尺寸分為四個廣義的大小：小，正常，大，特大。

像素（PX）

代表屏幕上一個物理的像素點代表屏幕上一個物理的像素點。

屏幕密度

為解決Android設備碎片化，引入一個概念DP，也就是密度。指在一定尺寸的物理屏幕上顯示像素的數量，通常指分辨率。 為了簡單起見，Android把屏幕密度分為了四個廣義的大小：低（120dpi）、中（160dpi）、高（240dpi）和超高（320dpi） 像素= DP * （ DPI / 160 ) 例如，在一個240dpi的屏幕裡，1DP等于1.5PX。

于設計來說，選取一個合适的尺寸作為正常大小和中等屏幕密度（尺寸的選取依據打算适配的硬件，建議參考現主流硬件分辨率），然後向下和向上 做小、大、特大和低、高、超高的尺寸與密度。

典型的設計尺寸

• 320dp：一個普通的手機屏幕（240X320，320×480，480X800）

• 480dp：一個中間平闆電腦像（480×800）

• 600dp：7寸平闆電腦（600x1024）

• 720dp：10寸平闆電腦（720x1280，800x1280）

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

主流Android手機分辨率和尺寸

3Web的設計尺寸

Windows XP任務欄的高度30px Windows 7任務欄的高度40px

主流浏覽器的界面參數

系統分辨率統計

安全分辨率為1024 × 768 px 可建議大分辨率為1280 × 800 px

綜合分辨率及浏覽器下的統計數據

網頁寬度與首屏高度

安全寬度1002 px 可建議較大寬度1258 px

Window XP首屏大小580 px Window 7 首屏大小710 px

文章最後，推薦兩個最具價值的微信号！！

網站分析公會 （idiaa-org）

超過50萬名互聯網從業人士關注，互聯網運營領域最具影響力自媒體。我們精心挑選互聯網運營分析，産品戰略，數據解讀，設計案例等内容，幫助互聯網從業者及時獲得專業資訊！

長按指紋→識别圖中二維碼→添加關注

互聯網商業觀察 （wwwhygc）

互聯網行業最具影響力商業自媒體。

長按指紋→識别圖中二維碼→添加關注