应用和网站设计像素参考

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),包括横竖屏自适应,并建议移动网站进行单独设计。

上一篇下一篇

猜你喜欢

热点阅读