DownOL 软件仓库– 软件下载,字节世界与新知

移动APP设计ui尺寸规范

发表于:2024-04-27 作者:创始人
编辑最后更新 2024年04月27日,像素密度(PPI&DPI)DPI:dots per inch(每英寸点数,多用于打印设备)PPI:pixel per inch(每英寸像素数,多用于显示设备)二者常混用基准像素密度:iOS :163p

像素密度(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)设计。

2022-05-09 22:06:25
0