最新最全的UI设计基本尺寸规范课件.docxVIP

 HYPERLINK  免费试学/ 一对一辅导/项目实训/就业保障 最新最全的UI设计基本尺寸规范 目录： Android的设计尺寸 屏幕尺寸 像素（PX） 屏幕密度 典型的设计尺寸 Android安卓系统dp/sp/px换算表 iPhone分辨率和显示屏规格 iPhone、iPad分辨率和显示屏规格 ICON规格 iPad ICON规格 iPhone ICON规格 iPhone6+缩减像素取样 iPad分辨率和显示屏规格 iPhone分辨率和显示屏规格 Web的设计尺寸 网页宽度与首屏高度: 主流浏览器的界面参数: 最新网名网页浏览设备分辨率统计 UI设计常用软件 UI设计原则 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换算表 名称分辨率比率 rate (针对320px)比率 rate (针对640px)比率 rate (针对750px)idpi240 × 3200.750.3750.32mdpi320 × 48010.50.4267hdpi480 × 8001.50.750.64xhdpi720 × 12802.251.1251.042xxhdpi1080 × 19203.3751.68751.5 iPhone分辨率和显示屏规格 设备尺寸分辨率设备尺寸分辨率三星Galaxy S34.8英寸720 × 1280三星Galaxy S45英寸1080 × 1920三星Galaxy S55.1英寸1080 × 1920三星Galaxy S64.5英寸1200 × 1920小米14英寸480 × 854小米1s4英寸480 × 854小米24.3英寸720 × 1280小米2s4.3英寸720 × 1280小米35英寸1080 × 1920小米3s(概念)5英寸1080 × 1920小米45英寸1080 × 1920红米4.7英寸720 × 1280红米Note5.5英寸720 × 1280???OPPO Find 75.5英寸1440 × 2560OPPO Find 7 轻装版5.5英寸1080 × 1920OPPO N1 mini5英寸720 × 1280OPPO R35英寸720 × 1280OPPO R1S5英寸720 × 1280???华为 Ascend P75英寸1080 × 1920华为 Ascend Mate76英寸1080 × 1920华为 荣耀65英寸1080 × 1920华为 Ascend Mate26.1英寸720 × 1280华为 C1995.5英寸720 × 1280???HTC One (M8)约 66 x 66约 44 x 44HTC Desire 8205.5英寸720 × 1280魅族 MEIZU MX45英寸1080 × 1920???锤子 Smartisan T14.95英寸1080 × 1920魅族 MEIZU MX35.1英寸1080 × 1800? iPhone、iPad分辨率和显示屏规格 设备分辨率状态栏高度导航栏高度标签栏(工具栏)高度iPhone6 plus设计版1