应用和网站设计像素参考
2019-08-25 本文已影响0人
bitzen
一、应用设计屏幕像素
穿戴(iOS):156 x 195(4:5,参考屏幕:1.65 英寸)
穿戴(Android):180 x 180(9:16,参考屏幕:1.65 英寸)
手机(iOS):375 x 667(参考屏幕:4.7 英寸)
手机(Android):360 x 640(9:16,参考屏幕:5.5 英寸)
汽车:768 x 576(4:3,参考屏幕:7.9 英寸)
平板:768 x 576(4:3,参考屏幕:9.7 英寸)
电脑:1280 x 800(8:5,参考屏幕:13.3 英寸)
电视:1280 x 720(16:9,参考屏幕:55 英寸)
二、网站设计屏幕像素
移动网站(iOS):375 x 667(+)
移动网站(Android):360 x 640(+)(参考屏幕:5.5 英寸)
标准网站:1200 x 900(+)(参考屏幕:7.9/9.7/13.3/55 英寸)
遗留网站:960 x 768(+)(仅针对遗留系统,全新网站不建议采用此参考标准)
通常情况下,平板和标准网站应支持响应式网页设计(RWD),包括横竖屏自适应,并建议移动网站进行单独设计。