Android IPhone 设计规范

iPhone

IPhone7

• 屏幕尺寸：4.7英寸
• 显示分辨率：750*1334px
• ppi：326
• 逻辑分辨率：340*667pt

概念解析

• 屏幕尺寸：屏幕大小，指屏幕对角线长度，而不是屏幕的高和宽。单位为英寸（1英寸等于2.54厘米）

• 显示/物理分辨率：屏幕所拥有像素的总数及屏幕水平(宽)和垂直(高)方向的像素数量。单位为像素。像素/px是组成屏幕图像的最小点，一个相对大小的单位，同屏幕里越小越密越清晰。

• 屏幕像素密度（ppi）：每英寸所拥有的像素数/每英寸像素。像素密度越高，代表屏幕图像显示越清晰。ppi = (w*h)/英寸

• 视网膜屏幕：当你拿的手机距离你约25-30厘米，如果手机ppi达到300以上，你的眼睛将无法分辨出像素点。这就是苹果提出的视网膜屏幕

• dpi（=ppi）：平面设计/印刷计数单位，指每英寸所能印刷出来的网点数。衡量打印机精度的主要参数之一，值越大，表明打印机的精度越高。

iPhone 分辨率转换

设备	屏幕尺寸	显示分辨率/px	转换(值)	逻辑分辨率/pt	宽高比例
iPhone3G	3.5英寸	320*480	@1x	320*480	0.666
iPhone4/4s	3.5英寸	640*960	@2x	320*480	0.666
iPhone5C	4英寸	640*1136	@2x	320*568	0.563
iPhone5/5S	4英寸	640*1136	@2x	320*568	0.563
iPhone6	4英寸	750*1334	@2x	375*667	0.562
iPhone6S	5.5英寸	1242*2208 (1080 * 1920)	@3x	414*736	0.562
iPhone7	4.7英寸	750*1334	@2x	375*667	0.562
iPhone7S	5.5英寸	1242*2208 (1080 * 1920)	@3x	414*736	0.562

• 推荐适配方案：750*1334

Android

• Android程序开发统一使用虚拟尺寸单位：dp/dip、sp
• dp/dip：用于Android元素尺寸，如按钮，导航尺寸
• sp：用于Android字体大小尺寸
• 按Android开发原则，文字的尺寸一律用sp单位，非文字的尺寸一律使用dp单位。
• dp = dip = sp

Android分辨率转换

分类	屏幕密度	显示分辨率/px	代表手机	转换(值)	逻辑分辨率/dp
低 Ldpi	120ppi	240*320	无	0.75	320*426
中 Mdpi	160ppi	320*480	iPhone3S/3.5英寸	1	320*480
高 Hdpi	240ppi	480*800	小米1/4.7英寸	1.5	320*533
超高 XHdpi	320ppi	720*1280	红米/4.7英寸	2	360*640
超超高XXHdpi	480ppi	1080*1920	华为mate7/6英寸	3	360*640
超超超高XXXHdpi	640ppi	1440*2560	三星GALAXY S7/5.1英寸	4	360*640

• 逻辑分辨率dp（高度/宽度） = 屏幕分辨率px（高度/宽度）÷ 转换值

• 基准间距原则

  • 组件最小间隔建议为8dp或10dp，排版/文字最小间距建议为4dp;
  • 组件尺寸建议能被4整除；
  • 组件尺寸建议为偶数(单数容易出现锯齿)

• 48触摸定律

  • 48dp触摸定律：触摸式UI组件通常使用48dp作为基准单位
  • 48dp转换为物理尺寸大约9mm左右。这是一个用户手指能够准确舒服触摸的最小尺寸
  • 48dp指组件实际尺寸也指最小触摸区域

• 常见的组件尺寸建议

  • 状态栏：24dp
  • 操作栏：44dp/48dp
  • 侧标导航：286dp/304dp
  • 悬浮操作按钮：56dp
  • 操作栏+TAB：36+33dp/44+40dp
  • 底栏：44dp/48dp

• 水平外边距

  • 屏幕水平外边距，尺寸建议为：6dp、8dp、16dp

• Android常用字体/字号/行距/颜色

  • 思源字体/Source Han Sans/Noto Sans CJK：安卓默认的中文字体，支持英文
  • 常用字体转换
    • 
    • 

• 界面字体排版

  • 逗号不排在最左侧
  • 左对齐优先右对齐
  • 标题越重要，级别越大，颜色越深，越突出
  • 字体设计有层次，有主次
  • 正文行宽建议不超过320dp