页面尺寸就是设计稿的宽高比如1920x1080分辨率是屏幕显示的清晰度比如72DPI。设计的时候先定尺寸再选分辨率。比如做手机App要1080x1920这个尺寸分辨率选72DPI就行。印刷品要300DPI才能清晰。不同设备分辨率不同所以设计稿得适配多个尺寸。

因为分辨率选72DPI适合网页设计屏幕像素密度低所以设计稿尺寸要适配比如手机是1080x1920平板是1920x1080。印刷品要300DPI才能清晰所以设计稿尺寸要放大4倍比如300DPI的A4纸稿尺寸是5760x4320像素。数据来源是苹果系统设计规范和Adobe印刷标准。比如手机屏幕密度是326PPI换算成72DPI分辨率就是326/72≈4.5倍缩放。平板密度是264PPI换算成72DPI就是264/72≈3.6倍缩放。所以设计稿要根据设备密度调整尺寸比例。