文章目录
  1. 1. 基本概念
  2. 2. 常见分辨率
    1. 2.1. 对应的DPI
  3. 3. 最佳方案
  4. 4. 文字
  5. 5. 总结

基本概念

  1. 分辨率:屏幕上显示的像素个数,单位尺寸内像素点越多,显示的图像就越清楚
    主流分辨率:480*800720*12801080*1920
  2. 像素密度
    240dpi(480*800)、320dpi(720*1280)、480dpi(1080*1920)
  3. 单位
    px:像素
    dp:设备独立像素(160dpi为标准)
    240dpi下,1dp=1.5px
    320dpi下,1dp=2px
    480dpi下,1dp=3px
    
    sp:等同于dp,用于描述字体大小
    240dpi下,1sp=1.5px    
    320dpi下,1sp=2px
    480dpi下,1sp=3px
    

常见分辨率

  • 4:3
    VGA 640*480
    QVGA 320*240
    HVGA 480*320
    SVGA 800*600
  • 5:3
    WVGA 800*480
  • 16:9
    FWVGA 854*480
    HD 1920*1080
    QHD 960*540
    720p 1280*720
    1080p 1920*1080
  • Apple
    iPhone4/4s 960*640
    iPhone5/5s 1136*640
    iPhone6 1334*750
    iPhone6Plus 1920*1080
    小米1 854*480
    小米2 1280*720
    红米1/1s/note 1280*720

对应的DPI

  • HVGA mdpi
  • WVGA hdpi
  • FWVGA hdpi
  • QHD hdpi
  • 720p xhdpi
  • 1080p xxhdpi

    最佳方案

  1. 选取320dpi下(720*1280)进行设计,此分辨率下1dp=2px
  2. 对于一切切图资源特殊处理
    输出多套分辨率的切图,例如480p和720p,在设计的时候要注意好切图区域的大小能被2和1.5整除的大小,如48p*48px96*96px等。
  3. 使用相对于单位进行标注

  4. 采用自适应布局

  5. 标注尽量采用相对关系

文字

中文字体:默认为Droid Sans Fallback,设计时可采用微软雅黑。
英文字体:Andriod4.x及以上采用Roboto,Andrio2.x和andriod3.x采用 Droid Sans。建议尽量采用系统默认字体。
Andriod规范建议,字号采用12sp、14sp、18sp、22sp等四个级别来设计。(实际设计时可以按实际情况调整)

总结

  1. 采用720*1280分辨率来进行设计。(设计时,采用偶数值进行设计,方便dp和px的转换)
  2. 开始标注了,标注尽量采用相对位置进行标注。
  3. 切图了,在720*1280下进行切图,可以完全适配720*1280后放大缩小切图资源
  4. 分别适配480*8001080*1920
  5. 不要忘记了,开发完后要进行bug测试(视觉方面的)
文章目录
  1. 1. 基本概念
  2. 2. 常见分辨率
    1. 2.1. 对应的DPI
  3. 3. 最佳方案
  4. 4. 文字
  5. 5. 总结