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

Android的常用逻辑分辨率:

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

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

411 * 731

480 * 853

iPhone的分辨率

设备

屏幕尺寸

像素密度

PPI

纵横比

逻辑分辨率

(point)(pt)

物理分辨率

(pixel)(px)

缩放因子

(scale)

iPhone 13 Pro Max 6.7 458 19 : 9 428 x 926 1284 x 2778 3.0 xxhdpi
iPhone 13 Pro 6.1 460 19 : 9 390 x 844 1170 x 2532 3.0 xxhdpi
iPhone 13 6.1 460 19 : 9 390 x 844 1170 x 2532 3.0 xxhdpi
iPhone 13 mini 5.4 476 19 : 9 360 x 780 1080 x 2340 3.0 xxhdpi
iPhone 12 Pro Max 6.7 458 19 : 9 428 x 926 1284 x 2778 3.0 xxhdpi
iPhone 12 Pro 6.1 460 19 : 9 390 x 844 1170 x 2532 3.0 xxhdpi
iPhone 12 Mini 5.4 476 19 : 9 360 x 780 1080 x 2340 3.0 xxhdpi
iPhone 11 Pro 5.8 458 19 : 9 375 x 812 1125 x 2436 3.0 xxhdpi
iPhone 11 Pro Max 6.5 458 19 : 9 414 x 896 1242 x 2688 3.0 xxhdpi
iPhone 11 (11,XR) 6.1 326 19 : 9 414 x 896 828 x 1792 2.0 xhdpi
iPhone XS Max 6.5 458 19 : 9 414 x 896 1242 x 2688 3.0 xxhdpi
iPhone X (X,XS) 5.8 458 19 : 9 375 x 812 1125 x 2436 3.0 xxhdpi
iPhone 8+ (8+, 7+, 6S+, 6+) 5.5 401 16 : 9 414 x 736 1242 x 2208 3.0 xxhdpi
iPhone 8 (8, 7, 6S, 6) 4.7 326 16 : 9 375 x 667 750 x 1334 2.0 xhdpi
iPhone 5 / 5S / 5C / SE 4.0 326 9:16 320 x 568 640 x 1136 2.0 xhdpi
iPhone 4 / 4S 3.5 326 2:3 320 x 480 640 x 960 2.0 xhdpi
iPhone 2G / 3 / 3GS 3.5 163 2:3 320 x 480 320 x 480 1.0 xhdpi

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

平板分辨率主要有下面罗列的9种

电脑分辨率主要有以下几种

2560 x 1440 (四高清晰度,超清)

2560 x 1600 (2k+超清屏)

2048 x 1536 (2k超清屏,视网膜屏)

1920 x 1200 (1080p+全高清屏)

1920 x 1080 (1080p 全高清)

1366 x 768  (720p+高清屏)

1280 x 800  (720p 宽屏)

1024 x 768  (720p 屏)

1136 x 640

1024 x 600

800 x 480 (可以看到明显的像素点,清晰度低)

1920 x 1080(推荐)
1680 x 1050
1600 x 1200
1600 x 900
1440 x 900
1280 x 1024
1280 x 960
1280 x 768
1280 x 720
1152 x 864
1024 x 768
800 x 600

屏幕尺寸

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

单位

屏幕的单位是以英寸为单位。换算关系如下: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以上时,肉眼就分辨不出单个像素点了。

【移动端】手机界面的设计尺寸相关推荐

  1. 移动端h5 顶部菜单栏_手机界面设计中12种常用布局 - 轩枫阁

    前言 总结下手机界面改版要考虑的布局,主要的分为以下2大类 主导航 列表式 陈列馆式 九宫馆式 选项卡式 旋转木马 行为扩展式 多面板 图表式 次导航 抽屉式 超级菜单式 弹出式 图片轮盘式 其中,所 ...

  2. 移动端UI界面设计之-注册登录

    注册登录是移动端UI界面设计中最基础的板块之一,界面看似简单,但是想设计一个让人眼前一亮的注册登录界面并非易事.今天,小编将和大家一起来聊聊移动端UI界面设计之-登录注册那些事.希望能对设计的朋友有所 ...

  3. android手机变windows8,安卓手机如何把手机界面投屏到windows8/10电脑上

    原标题:安卓手机如何把手机界面投屏到windows8/10电脑上 安卓手机如何把手机界面投屏到windows8/10电脑上 miracast投屏协议只有Win8/10系统才支持,在投屏之前我们需要对电 ...

  4. android8 三星a9,三星GalaxyA9评测 已经远远超出中端手机的水平

    1前言 为了布局中端市场,对决势头强劲的国产手机,三星在2014年年底推出了Galaxy A系列手机,定位年轻.时尚人群,价位适中.同时,该系列新机采用"一胎多胞"策略,一口气发布 ...

  5. 移动端UI界面设计之APP字体排版原则| 萧蕊冰

    今天介绍的是移动端UI界面设计的有关APP字体排版原则的内容.除了电脑端的网站UI设计,移动端的界面设计也是UI设计中的一个重要部分,毕竟我们每个人平时身上带着的肯定有手机.今天萧蕊冰就介绍一下关于移 ...

  6. Android端手机测试体系

    以上转自http://www.51testing.com/html/57/n-1466657.html到家,看到群里的朋友在讨论怎么来测android端的手机测试,那么我在这里想引经据典一下,接下来这 ...

  7. pc端ui图片尺寸_PC端UI界面设计规范分享 共同来学习_ui设计

    如果你也是从事UI界面设计工作的话,那么,必然会接触到PC端的相关的设计,对于这部分内容,我们必须要掌握住PC端UI界面设计规范的知识,如果你已经准备好的话,下面就让我们一起学习下吧. 1.PC端是什 ...

  8. 手机界面视觉设计清单_如何改善您的产品用户界面设计师清单

    手机界面视觉设计清单 重点 (Top highlight) This story is less about design trends and fashion, and more about fou ...

  9. (转)2018移动端网页界面尺寸参考

    (转)2018移动端网页界面尺寸参考 最新最全移动端界面设计UI尺寸规范-2018年初版 By:Jason-2018-01-04 06:25:26 进行移动APP设计或PC网站设计时最令人困扰的无疑是 ...

最新文章

  1. python上下文管理器
  2. (译)如何使用cocos2d制作一个塔防游戏:引子
  3. expect一键登录mysql
  4. 为什么程序员一定要加班?
  5. 【LeetCode】Merge Two Sorted Lists(合并两个有序链表)
  6. 掌握了AI这些点,面试官的天选之子就是你
  7. Linux中的 【 find 】 命令
  8. c++写一个类后编译发现class重定义
  9. 实用贴丨正确的「递归」打开方式:让计算机像计算机一样去计算
  10. OpenLayers 在Vue中增删改
  11. Notepad2 在Win7 64位下替换系统notepad
  12. windows10百度网盘下载,windows iso文件下载
  13. 【智能制造】36页精彩PPT:探讨智能制造的三驾马车
  14. 小程序页面跳转的几种方式
  15. vray渲染不了 全白_3D VR渲染,怎么做到墙面白的很干净
  16. 安装 adobe 软件 photoshop 遇到 81错误 mac
  17. halcon物体周边毛刺检测
  18. Pikachu靶场-暴力破解
  19. DNS-over-HTTPS(DoH)简析与配置
  20. golang zip压缩/解压缩用法

热门文章

  1. 火狐浏览器不能访问ftp服务器的文件夹,火狐浏览器计划后续版本禁用网页引用FTP子资源...
  2. MUMU模拟器设置网络
  3. 斗地主含赖子的牌型判断算法
  4. 微信小程序学习打卡(2)
  5. leetcode 1365. How Many Numbers Are Smaller Than the Current Number(python)
  6. 打造高效能研发团队的 5 个关键步骤
  7. 1. 【Part2】 Contour Detection and Hierarchical Image Segmentation【轮廓检测图像分割】
  8. 我的世界服务器神秘修改节点,我的世界NBT指令修改神秘时代4MOD方法详解
  9. 猫爪杯爆红背后的套路,你上勾了吗?
  10. 给大家盘点一下最新版本的Photoshop十大技巧和黑科技