By

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

基本概念

  1. 分辨率：屏幕上显示的像素个数，单位尺寸内像素点越多，显示的图像就越清楚
    主流分辨率:480*800、720*1280、1080*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*48px、96*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*800、1080*1920
  5. 不要忘记了，开发完后要进行bug测试（视觉方面的）
文章目录
  1. 1. 基本概念
  2. 2. 常见分辨率
    1. 2.1. 对应的DPI
  3. 3. 最佳方案
  4. 4. 文字
  5. 5. 总结