- By test - In 巨兽图鉴
手机尺寸全解析:UI设计师必看的尺寸对照表与适配指南
随着智能手机市场的不断发展,手机尺寸种类繁多,给UI设计师带来了巨大的挑战。为了帮助设计师更好地理解和应对不同尺寸的手机,本文将对手机尺寸进行全面解析,并提供一份实用的尺寸对照表与适配指南。
一、手机尺寸解析
1. 屏幕尺寸
屏幕尺寸是指屏幕的对角线长度,通常以英寸(in)为单位。屏幕尺寸直接影响到UI设计的布局和元素大小。以下是常见手机屏幕尺寸:
小屏幕:4.0英寸以下
中屏幕:4.0-5.5英寸
大屏幕:5.5-6.9英寸
超大屏幕:6.9英寸以上
2. 分辨率
分辨率是指屏幕上像素点的数量,通常以宽×高(如1920×1080)表示。分辨率决定了屏幕的清晰度和显示效果。以下是常见手机分辨率:
HD:1280×720
FHD:1920×1080
QHD:2560×1440
UHD:3840×2160
3. PPI(像素密度)
PPI(Pixels Per Inch,每英寸像素数)是指屏幕上每英寸的像素数量。PPI越高,屏幕显示效果越清晰。以下是常见手机PPI:
低PPI:120-160 PPI
中PPI:160-240 PPI
高PPI:240-320 PPI
超高PPI:320 PPI以上
二、尺寸对照表
以下是一份手机尺寸对照表,包括屏幕尺寸、分辨率和PPI等信息:
型号
屏幕尺寸
分辨率
PPI
iPhone SE
4.7英寸
1334×750
326
iPhone 8
4.7英寸
1334×750
326
iPhone 8 Plus
5.5英寸
1920×1080
401
iPhone X
5.8英寸
1792×1125
458
iPhone XR
6.1英寸
1792×828
326
iPhone XS
5.8英寸
1792×1125
458
iPhone XS Max
6.5英寸
2688×1242
458
iPhone 11
6.1英寸
1792×828
326
iPhone 11 Pro
5.8英寸
1792×1125
458
iPhone 11 Pro Max
6.5英寸
2688×1242
458
iPhone 12 mini
5.4英寸
1792×828
476
iPhone 12
6.1英寸
1792×828
326
iPhone 12 Pro
6.1英寸
1792×1125
458
iPhone 12 Pro Max
6.7英寸
2778×1284
458
三、适配指南
1. 基准尺寸
在设计UI时,选择合适的基准尺寸非常重要。以下是一些常用的基准尺寸:
iPhone 6/6s:375×667(375dp×667dp)
iPhone 7/8:375×812(375dp×812dp)
iPhone X/XS:375×812(375dp×812dp)
iPhone XR/XS Max/11 Pro Max/12 Pro Max:414×896(414dp×896dp)
2. 弹性布局
弹性布局可以帮助设计师适应不同尺寸的手机屏幕。以下是一些常用的弹性布局方法:
使用百分比宽度
使用视口单位(vw/vh)
使用媒体查询(Media Queries)
3. 多倍图
针对不同PPI的手机,需要制作多倍图。以下是一些常用的多倍图比例:
1倍图:标准分辨率
2倍图:PPI为160-240的手机
3倍图:PPI为320以上的手机
4. 测试与调整
在设计过程中,不断测试和调整UI布局,确保在各种尺寸的手机上都能正常显示。
通过以上解析和指南,相信UI设计师能够更好地应对不同尺寸的手机,制作出优秀的移动端产品。

