当前位置:首页 >> 分享 >> 素材分享
WEB网页及平板设计规范标准参考
2018-02-27

WEB网页及平板设计规范标准参考

根据中国互联网BAT对国内网民上网终端分辨率的统计分析,2021年中国PC电脑端用户显示器大多为22-24英寸屏幕,分辨率从几年前主流的1440×900、1280×800、1366×768提升到1920×1080(全高清)和2K为主,少数已在使用4K屏、5K屏,甚至苹果iMac在已推出了8K屏,所以我们在设计的时候,还是以1920×1080(全高清)为主,以下表格为2019年国内用户的屏幕分辨率使用情况:

常见网页设计尺寸参考

分辨率使用率说明
1920x1080px40%全高清FHD
1440x900px20%PC办公室最常用
1366x768px14%PC笔记本常用
1280x800px10%Macbook常用
2560x1440px9%2K
3480x2160px4%4K
其它分辨率3%

对于WEB界面设计师来说,目前设计网页以FHD全高清分辨率来设计为佳:1920x1080。

电脑屏幕尺寸参考

设备名称操作系统尺寸 inPPI比例宽x高 dp宽x高 px密度 dpi
MacBookOS X12.022616 : 101280 x 8002304 x 14402.0 xhdpi
MacBook Air 11OS X11.613516 : 91366 x 7681366 x 7681.0 mdpi
MacBook Air 13OS X13.312816 : 101440 x 9001440 x 9001.0 mdpi
MacBook Pro 13OS X13.322716 : 101280 x 8002560 x 16002.0 xhdpi
MacBook Pro 15OS X15.422016 : 101440 x 9002880 x 18002.0 xhdpi
iMac 21.5OS X21.510216 : 91920 x 10801920 x 10801.0 mdpi
iMac 21.5 4KOS X21.521816 : 91920 x 10804096 x 23042.0 xhdpi
iMac 27OS X2710916 : 92560 x 14402560 x 14401.0 mdpi
iMac 27 5KOS X2721816 : 92560 x 14405120 x 28802.0 xhdpi
Surface BookWindows13.52673 : 21500 x 10003000 x 20002.0 xhdpi
Surface ProWindows12.32673 : 21368 x 9122736 x 18242.0 xhdpi
Surface LaptopWindows13.52013 : 21128 x 7522256 x 15042.0 xhdpi
Surface StudioWindows281923 : 22250 x 15004500 x 30002.0 xhdpi
Dell XPS 13Windows13.327616 : 91920 x 10803200 x 18001.5 hdpi
Dell XPS 15Windows15.628016 : 91920 x 10803840 x 21602.0 xhdpi
小米笔记本Air 12.5Windows12.517616 : 91920 x 10801920 x 10801.0 mdpi
小米笔记本Air 13.3Windows13.316616 : 91920 x 10801920 x 10801.0 mdpi

显示器屏幕尺寸参考

设备名称操作系统尺寸 inPPI比例宽x高 dp宽x高 px密度 dpi
Apple Thunderbolt Display-2710916 : 92560 x 14402560 x 14401.0 mdpi
Dell UltraSharp HD 5K-2721816 : 92560 x 14405120 x 28802.0 xhdpi
Dell UltraSharp U2515H-2512316 : 91280 x 7202560 x 14402.0 xhdpi
Dell UltraSharp U2417H-23.89216 : 91920 x 10801920 x 10801.0 mdpi
Dell UltraSharp U2717D-2711416 : 92560 x 14402560 x 14401.0 mdpi
Dell UltraSharp U3415W-3411021 : 93440 x 14403440 x 14401.0 mdpi
LG 34UC98-W-3411021 : 93440 x 14403440 x 14401.0 mdpi
LG UltraFine 4K-21.521816 : 91920 x 10804096 x 23042.0 xhdpi
LG UltraFine 5K-2721816 : 92560 x 14405120 x 28802.0 xhdpi

平板电脑屏幕尺寸参考

设备名称操作系统尺寸 inPPI比例宽x高 dp宽x高 px密度 dpi
iPad mini 4 (mini 4, mini 2)iOS7.93264 : 3768 x 10241536 x 20482.0 xhdpi
iPad Air 2 (Air 2, Air)iOS9.72644 : 3768 x 10241536 x 20482.0 xhdpi
iPad Pro 9.7iOS9.72644 : 3768 x 10241536 x 20482.0 xhdpi
iPad Pro 10.5iOS10.52644 : 3834 x 11121668 x 22242.0 xhdpi
iPad Pro 12.9iOS12.92644 : 31024 x 13362048 x 27322.0 xhdpi
Google Pixel CAndroid10.23084 : 3900 x 12801800 x 25602.0 xhdpi
Nexus 9Android8.92884 : 3768 x 10241536 x 20482.0 xhdpi
Surface 3Windows10.821416 : 9720 x 10801080 x 19201.5 hdpi
小米平板 2Android7.932616 : 9768 x 10241536 x 20482.0 xhdpi


上一篇:没有了!
下一篇:没有了!