【移动端】手机界面的设计尺寸

【移动端】手机界面的设计尺寸从设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备。iPhone的分辨率设备 逻辑分辨率(point)(pt) 物理分辨率(pixel)(px) 屏幕尺寸 缩放因子(scale) 像素密度PPI 比例(近似) iPhone2G/3/3GS 320×480 320×480 3.5寸 @1x 163 2:3 iPhone4/4S 320×480 640..

大家好,又见面了,我是你们的朋友全栈君。

设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备。

Android的常用逻辑分辨率:

Android的常用逻辑分辨率:参考屏幕尺寸大全 

360 * 640 、 360 * 720、 360 * 740、 360 * 760、 360 * 780、 360 * 800

411 * 731

480 * 853

iPhone的分辨率

设备 逻辑分辨率(point)(pt) 物理分辨率(pixel)(px) 屏幕尺寸(diagonal) 缩放因子(scale) 像素密度 PPI 比例(近似)
iPhone 2G / 3 / 3GS 320 x 480 320 x 480 3.5英寸 @1x 163 2:3
iPhone 4 / 4S 320 x 480 640 x 960 3.5英寸 @2x 326 2:3
iPhone 5 / 5S / 5C / SE 320 x 568 640 x 1136 4.0英寸 @2x 326 9:16
iPhone 6 / 6S / 7 / 8 375 x 667 750 x 1334 4.7英寸 @2x 326 9:16
iPhone 6 Plus / 6S Plus / 7 Plus / 8 Plus 414 x 736 1080 x 1920 5.5英寸 @3x 401 9:16
iPhone X/XS 375 x 812 1125 x 2436 5.8英寸 @3x 458 9:20
iPhone XS Max 414 x 896 1242 x 2688 6.5英寸 @3x 458 9:20
iPhone XR 414 x 896 828 x 1792 6.1英寸 @2x 326 9:20
iPhone SE (第二代) 375 x 667 750 x 1334 4.7 英寸 @2x 326 9:16
iPhone 11 414 x 896 828 x 1792 6.1 英寸 @2x 326  
iPhone 11 Pro 375 x 812 1125 x 2436 5.8 英寸 @3x 458  
iPhone 11 Pro Max 414 x 896 1242 x 2688 6.5 英寸  @3x 458  
iPhone 12 mini 375 x 812 1080 x 2340 5.4 英寸 @3x 476  
iPhone 12 / 12 Pro 390 x 844 1170 x 2532 6.1英寸 @3x 460  
iPhone 12 Pro Max 428 x 926 1284 x 2778 6.7英寸 @3x 458  

全新 iPhone 12 发布,再谈 iPhone 屏幕尺寸 

屏幕尺寸

屏幕尺寸是指屏幕的对角线长度。

单位

屏幕的单位是以英寸为单位。换算关系如下:1 inch = 2.54cm = 25.4mm

逻辑分辨率和物理分辨率

逻辑分辨率以point(pt)为单位,物理分辨率以pixel(px)为单位。

缩放因子(scale)

因为逻辑分辨率和物理分辨率存在着一定的比例关系,这种比例的关系称为缩放因子。其对应关系为:1pt = scale * px

像素密度PPI

像素密度PPI(Pixel Per Inch)是指每英寸上容纳的像素数量。

计算PPI,可以简单用勾股定理计算出对线上出现的像素,再除以对角线上长度:

【移动端】手机界面的设计尺寸

我们知道,手机的屏幕是以像素的方式一个一个呈现出来的。PPI值越高,意味着有更细腻的画面。较低PPI的屏幕看起来有颗粒感。但是当PPI值到达一定程度后,再继续提升肉眼就分别不出来了。这就是苹果提出的Retina显示屏的概念。在一定的距离内,手机显示屏在200PPI以上时,肉眼就分辨不出单个像素点了。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/151801.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • adb安装与配置[通俗易懂]

    adb安装与配置[通俗易懂]一、前置条件安装JavaJDK,可以参考文章:https://blog.csdn.net/dou_being/article/details/105320962二、下载安装AndroidSDK或AndroidStudio,下载地址:http://tools.android-studio.org/三、配置环境变量1、Windows系统环境变量配置(1)在系统环境变量中新建变量名为adb,变量值为AndroidSDK的platform-tools文件夹和build-tools文件.

  • 常驻型计算机病毒工作原理,复习计算机病毒分析与防范

    常驻型计算机病毒工作原理,复习计算机病毒分析与防范

  • idea修改文字大小_为什么idea设置不了字体大小

    idea修改文字大小_为什么idea设置不了字体大小idea设置修改字体大小与样式详细步骤【备注】:不同idea版本设置方法类似,找到对应的面板设置即可第一步:点击工具栏最上方的File选项第二步:选择Setting选项第三步:选择Appearance选项,选择size设置自己喜欢的大小即可,我设置为14第四步:选择Editor选项中的font面板,同样找到size,设置对应的大小,即可设置代码主窗口的字体大小ide…

  • 【Unity开发小技巧】打包IOS版本须知流程(移动)

    【Unity开发小技巧】打包IOS版本须知流程(移动)Unity是个开放性的平台,打包时也可以选择多种打包类型,几乎包含了所有的平台,目前主流Android,iOS平台,Android平台可以直接使用Unity自行打包,但iOS平台需要借助Mac电脑进行打包,本博客就iOS打包进行一个简单的说明,从开发到上线AppStore的所有流程。准备Mac电脑一台,苹果开发者账号一个一:unity打包Ios,Xcode工程打开Mac上的Unity,假设现在已经是开发完毕的状态,直接进行打包打开之后直接点File-BuildSettings然后将你的当..

  • 典型的电容有_电容的容量

    典型的电容有_电容的容量【硬见小百科】二十种电容分类详解!一、瓷介电容器(CC)【硬见小百科】二十种电容分类详解!1.结构用陶瓷材料作介质,在陶瓷表面涂覆一层金属(银)薄膜,再经高温烧结后作为电极而成。瓷介电容器又分1类电介质(NPO、CCG);2类电介质(X7R、2X1)和3类电介质(Y5V、2F4)瓷介电容器。2.特点1类瓷介电容器具有温度系数小、稳定性高、损耗低、耐压高等优点。最大容量不超过1…

  • [编剧] 尼克·皮佐拉托谈获益最多的小说——转载「建议收藏」

    [编剧] 尼克·皮佐拉托谈获益最多的小说——转载「建议收藏」[编剧] 尼克·皮佐拉托谈获益最多的小说——转载

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号