【移动端】手机界面的设计尺寸
从设计方面来看,做手机界面设计的尺寸一般分为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(推荐) |
屏幕尺寸
屏幕尺寸是指屏幕的对角线长度。
单位
屏幕的单位是以英寸为单位。换算关系如下: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以上时,肉眼就分辨不出单个像素点了。
【移动端】手机界面的设计尺寸相关推荐
- 移动端h5 顶部菜单栏_手机界面设计中12种常用布局 - 轩枫阁
前言 总结下手机界面改版要考虑的布局,主要的分为以下2大类 主导航 列表式 陈列馆式 九宫馆式 选项卡式 旋转木马 行为扩展式 多面板 图表式 次导航 抽屉式 超级菜单式 弹出式 图片轮盘式 其中,所 ...
- 移动端UI界面设计之-注册登录
注册登录是移动端UI界面设计中最基础的板块之一,界面看似简单,但是想设计一个让人眼前一亮的注册登录界面并非易事.今天,小编将和大家一起来聊聊移动端UI界面设计之-登录注册那些事.希望能对设计的朋友有所 ...
- android手机变windows8,安卓手机如何把手机界面投屏到windows8/10电脑上
原标题:安卓手机如何把手机界面投屏到windows8/10电脑上 安卓手机如何把手机界面投屏到windows8/10电脑上 miracast投屏协议只有Win8/10系统才支持,在投屏之前我们需要对电 ...
- android8 三星a9,三星GalaxyA9评测 已经远远超出中端手机的水平
1前言 为了布局中端市场,对决势头强劲的国产手机,三星在2014年年底推出了Galaxy A系列手机,定位年轻.时尚人群,价位适中.同时,该系列新机采用"一胎多胞"策略,一口气发布 ...
- 移动端UI界面设计之APP字体排版原则| 萧蕊冰
今天介绍的是移动端UI界面设计的有关APP字体排版原则的内容.除了电脑端的网站UI设计,移动端的界面设计也是UI设计中的一个重要部分,毕竟我们每个人平时身上带着的肯定有手机.今天萧蕊冰就介绍一下关于移 ...
- Android端手机测试体系
以上转自http://www.51testing.com/html/57/n-1466657.html到家,看到群里的朋友在讨论怎么来测android端的手机测试,那么我在这里想引经据典一下,接下来这 ...
- pc端ui图片尺寸_PC端UI界面设计规范分享 共同来学习_ui设计
如果你也是从事UI界面设计工作的话,那么,必然会接触到PC端的相关的设计,对于这部分内容,我们必须要掌握住PC端UI界面设计规范的知识,如果你已经准备好的话,下面就让我们一起学习下吧. 1.PC端是什 ...
- 手机界面视觉设计清单_如何改善您的产品用户界面设计师清单
手机界面视觉设计清单 重点 (Top highlight) This story is less about design trends and fashion, and more about fou ...
- (转)2018移动端网页界面尺寸参考
(转)2018移动端网页界面尺寸参考 最新最全移动端界面设计UI尺寸规范-2018年初版 By:Jason-2018-01-04 06:25:26 进行移动APP设计或PC网站设计时最令人困扰的无疑是 ...
最新文章
- R语言Welch方差分析(Welch’s ANOVA)实战:Welch方差分析是典型的单因素方差分析的一种替代方法,当方差相等的假设被违反时我们无法使用单因素方差分析,这时候Welch’s出来救场了
- java nio使用_什么时候使用NIO?
- 发轫大数据 文思海辉荣获IBM“灯塔奖”
- REST API 概念的简单介绍
- pandas 0.22导入错误
- 页面引入多个echarts_JavaWeb之Echarts数据统计图表详细教程
- [BZOJ1934][Shoi2007]Vote 善意的投票[最小割]
- Python学习---深浅拷贝的学习
- 读者教育浏览器兼容解决方法
- HDU3501——欧拉函数裸题
- 如何打造一个高效的研发团队
- 实验2《词法分析程序设计与实现》(C语言版)
- 报错:No coverage information was collected, exit without writing coverage information
- geany菜单怎么改语言
- 教你编写DOTA外挂
- java实验2总结心得,java实验的心得体会
- 稀释消费次元壁,华为的移动生活新范式
- F5 HSL高速日志配置(GTMLTM)
- 使用IP代理池伪装你的IP(python)
- 计算机网络离不开光缆,无线网络论文.doc
热门文章
- python中怎么表示阶乘_python阶乘怎么写
- 三、PyQt5高级控件的使用
- 微信网站域名被红(被封锁、被屏蔽、被和谐)的解决方法
- zabbix添加自定义py脚本
- 远程抄表 服务器,远程抄表系统的数据服务器软件设计
- 导入tomorrow,使用时报语法错误[SyntaxError: invalid syntax]
- oracle erp 库存账龄,系统管理、年结后,新年度做账龄分析,原来几年的账龄-用友U8...
- 分布式存储解决方案zData
- 计算机中顺序结构,2.逻辑结构(一):顺序结构
- 5G基站: 请叫哥牛逼!