移动APP设计ui尺寸规范
像素密度(PPI&DPI)
DPI:dots per inch(每英寸点数,多用于打印设备)
PPI:pixel per inch(每英寸像素数,多用于显示设备)二者常混用
基准像素密度:
iOS :163ppi(iPhone1/2/3)
Android:160ppi(MDPI)
逻辑像素:
基于基准像素密度屏幕的物理尺寸
iOS :无论字体还是其他元素都用pt为单位,1pt=1px(163dpi)
Android:字体用sp,其他元素用dp(dip device independent pixel设备无关像素)1dp=1px(160dpi)
通用像素密度:
iOS:/
Android:120ppi(LDPI) 160ppi(MDPI) 213ppi(TVDPI)
240ppi(HDPI)320ppi(XHDPI)480ppi(XXHDPI)640ppi(XXXHDPI)
像素密度关系:
iOS:iPhone1/2/3 iPhone4/4S/5/5C/5S/6/6S iPhone6+/6S+
163ppi 326ppi 401ppi
1 2 2.46
Android:LDPI MDPI HDPI XHDPI XXHDPI XXXHDPI
120ppi 160ppi 240ppi 320ppi 480ppi 640ppi
0.75 1 1.5 2 3 4
240x320px 320x480px 480x800px 720x1280px 1080x1920px
适配:
iOS:选用一种尺寸和像素密度设计一套设计稿,然后根据比例缩放到处即可。一般称163ppi的普通图,326ppi的为2倍图,401ppi的为3倍图。如果只有一套图,系统会自动放大到相应倍数使之适配设备,对于401ppi的3倍图系统会自动缩小至87%,约为2.46倍图。
Android:同理,选用一种尺寸和像素密度设计一套设计稿,根据比例缩放即可。如果只有一套图,系统会自动放大到相应倍数适配设备。现主流一般使用XHDPI(320ppi)设计。