2016 - 2024

感恩一路有你

手机ui界面设计尺寸规范 手机端网页设计尺寸多少?

浏览量:1609 时间:2021-04-11 14:37:00 作者:admin

手机端网页设计尺寸多少?

iPhone网页的设计尺寸

iPhone 5的尺寸为640x1136px,分辨率为326ppi

iPhone 4和iPhone 4S的尺寸为640x960px,分辨率为326ppi

第一代、第二代和第三代iPhone和iPod touch的尺寸为320x480px,分辨率为163ppiAndroid网页的设计尺寸

320dp:普通手机屏幕(240x320320×480x800)

480dp:中屏幕平板电脑图像(480×800)

600dp:7英寸平板电脑(600×1024)

720dp:10英寸平板电脑(720×1280800×1280)

iPad网页的设计尺寸

第三层和第三层的尺寸第四代iPad是2048x1536px,分辨率是264ppi

第一代和第二代iPad的尺寸是1024x768px,分辨率是132ppi

iPad的迷你尺寸是1024x768px,分辨率是163ppi

在全屏手机普及之前,大多数手机的屏幕比例都是16:9。当时,手机的主流尺寸仍在5-5.8英寸之间。很多人会觉得拿不下一部大手机。在那个时候,单手拿着一部6英寸的手机是难以想象的。但在全屏幕手机时代,似乎6英寸以上的手机将成为主流尺寸很多人发现6.3英寸也可以单手拿着。其实,有办法。

根据对角线计算手机屏幕尺寸。对角线越长,屏幕尺寸越大。因此,在16:9屏幕逐渐退出历史舞台后,对角线较长、屏幕较窄的18:9比例出现在全屏手机上。这样,屏幕尺寸可以更大。其次,手机可以变薄变长,更方便用户用一只手握住全屏手机的设计理念。

因此,如果按实际可视面积计算,全屏18:9的屏幕一定要比同尺寸的16:9屏幕小,而且会显得更窄,所以屏幕尺寸的计算方法“欺骗”了我们。不可否认,18:9的设计更适合全屏手机。超窄的边框允许用一只手握住大屏幕手机。不过,由于手的大小是固定的,即使全屏手机超过6.5英寸,也很难握住。因此,6-6.3英寸左右的屏幕尺寸将成为全屏时代的主流。

最后,我想说的是,很多中高端全屏幕手机的屏幕分辨率还是2160*1080,确实有点低。如果将来升级到1440p分辨率,可以带来更好的视觉体验。

手机ui界面设计尺寸规范 ui设计规范 ui手机端设计尺寸

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。