UI新手都头疼尺寸问题,其实并不复杂,关键是设计本身比较难把握。
先来看看各种iPhone的尺寸和分辨率,这张图写的很清楚。
设备名称屏幕尺寸PPIAsset竖屏点(point)竖屏分辨率(px)
iPhone X5.8 in458@3x375 x 8121125 x 2436
iPhone 8+, 7+, 6s+, 6+5.5 in401@3x414 x 7361242 x 2208
iPhone 8, 7, 6s, 64.7 in326@2x375 x 667750 x 1334
iPhone SE, 5, 5S, 5C4.0 in326@2x320 x 568640 x 1136
iPhone 4, 4S3.5 in326@2x320 x 480640 x 960
iPhone 1, 3G, 3GS3.5 in163@1x320 x 480320 x 480
iPad Pro 12.912.9 in264@2x1024 x 13662048 x 2732
iPad Pro 10.510.5 in264@2x834 x 11121668 x 2224
iPad Pro, iPad Air 2, Retina iPad9.7 in264@2x768 x 10241536 x 2048
iPad Mini 4, iPad Mini 27.9 in326@2x768 x 10241536 x 2048
iPad 1, 29.7 in132@1x768 x 1024768 x 1024
摘录 http://www.xueui.cn/tutorials/app-tutorials/mobile-ui-design-size.html
网友评论