①iPhone的設計尺寸
iPhone界面尺寸:
iPhone圖标尺寸:
②iPad的設計尺寸
iPad界面尺寸:
iPad圖标尺寸:
③Android的設計尺寸
屏幕尺寸
指實際的物理尺寸,為屏幕對角線的測量。為了簡單起見,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手機分辨率和尺寸
④Web的設計尺寸
Windows XP任務欄的高度30pxWindows 7任務欄的高度40px
主流浏覽器的界面參數
系統分辨率統計
安全分辨率為1024 × 768 px可建議大分辨率為1280 × 800 px系統分辨率統計
綜合分辨率及浏覽器下的統計數據
網頁寬度與首屏高度
安全寬度1002 px可建議較大寬度1258 px
Window XP首屏大小580 pxWindow 7 首屏大小710 px