iOS 屏幕尺寸、逻辑分辨率、物理分辨率之间的相互关系
手机屏幕长宽尺寸换算公式
手机屏幕长宽尺寸换算公式
手机屏幕的长宽尺寸换算公式主要涉及到屏幕的对角线长度、长宽比和像素密度等概念。
下面分别进行介绍。
1.屏幕对角线长度：
手机屏幕对角线长度是指从屏幕的一角到对角的距离。
这个长度通常使用英寸（inch）作为单位。
对于一般的长方形屏幕，可以使用勾股定理来计算对角线长度。
假设手机屏幕的长和宽分别为L和W，对角线长度为D，则有以下公式：
D=√(L^2+W^2)
2.长宽比：
长宽比是指屏幕的宽度与高度之比。
它用于描述屏幕的形状，如16:9、18:9等。
长宽比通常以两个整数表示，分别表示屏幕的宽度和高度之比。
可以使用最大公约数化简长宽比，如16:9可以化简为
16/9=1.78、如果知道屏幕的对角线长度D和长宽比，可以使用以下公式计算屏幕的实际宽度和高度：
W=D/√(1+(1/长宽比^2))
H=W/长宽比
3.像素密度：
像素密度是指屏幕上每英寸的像素数量。
像素密度通常以每英寸的像素数（如ppi）表示。
如果知道屏幕的分辨率和对角线长度，可以使用以下公式计算像素密度：
像素密度=√(水平像素数^2+垂直像素数^2)/对角线长度
需要注意的是，以上的公式只适用于长方形屏幕的计算。
对于其他形状的屏幕，如圆形、椭圆形等，计算公式可能会有所不同。
物理分辨率和计算分辨率的概念
物理分辨率和计算分辨率的概念物理分辨率是指显示设备（如电视、电脑显示器、手机屏幕）实际可以显示的像素点数量，通常以水平像素数×垂直像素数来表示（例如，1920×1080）。
物理分辨率决定了设备屏幕上显示图像的细节和清晰度。
计算分辨率是指根据显示设备的物理分辨率和一些特定的算法，通过估算或插值的方法来确定设备显示的图像细节。
计算分辨率可以用于调整图像大小、改善图像质量或增加图像细节。
计算分辨率常用于数字图片处理和计算机图形学中。
它可以通过算法来增加图像的分辨率，从而使图像更加清晰。
计算分辨率会通过相关的插值算法来填充图像的空白像素，从而增加图像的细节和清晰度。
然而，计算分辨率并不能真正改变设备的物理分辨率，只能通过算法来模拟增加图像的分辨率。
移动端APPUI设计与交互基础教程 第2章 UI图标设计
2.1 初识移动设备尺寸及其相关概念
2.1.2 iPhone机型屏幕尺寸规格
2.2 UI图标设计
2.2.1 图标的分类 1．系统图标（按属性分类） 系统图标指的是系统功能或APP应用程序的启动图标。 2．功能图标（按属性分类） 功能图标指的是承担着某种功能的图标。
2.6.1 知识点概述 1．拟物 拟物指的是通过叠加高光、纹理、材质、阴影等效果对实物进行再现，其 设计元素均来自于真实生活接触的物件。 2．拟物与扁平 拟物与扁平是相互对立的设计理念，作为设计师应该多关注信息本身的含 义，而对于元素承载信息量的多少则要根据产品的用户角色来综合考量。
图2-60 质感细节明显的拟物图标
2.6 拟物类图标的制作
2.6.2 拟物化图标制作（木纹质感翻页日历）
图2-61 拟物化图标效果分析
2.6 拟物类图标的制作
2.6.3 课堂巩固练习（拟物齿轮）
图2-83 齿轮拟物图标
图2-84 快速绘制齿轮
谢谢观看！
设计与交互基础教程
MOBILE APP UI DESIGN AND INTERACTION BASIC COURSE
移 动 端
APP UI
02
UI图标设计
本章依托UI设计中常见图标的制作方法与质感表现，在介绍图标制作 规范的基础上，巩固和加强Photoshop软件在UI设计中的核心操作。
2.1 初识移动设备尺寸及其相关概念
图2-4 扁平化图标设计
2.2 UI图标设计
2.2.1 图标的分类 5．拟物化图标（按设计风格分类） 拟物化图标指的是模拟现实物品的造型和质感的图标。
显示器屏幕尺寸和分辨率之间是什么关系？
显⽰器屏幕尺⼨和分辨率之间是什么关系？我们列出来它们之间的⽐例关系70:25=300:X，通过计算得出x≈107。
所以，27英⼨视⽹膜屏幕级别需要PPI达到107。
（精确计算与⽐例计算结果误差较⼩，这⾥使⽤⽐例⽅法进⾏简单计算。
）03 PPI是否越⾼越好？的确，PPI越精细越好。
但咱平民⼩⽼百姓，凡事都讲究实⽤性。
举个例⼦来说，太阳系体积排名第三的天王星和体积排名倒数第⼆的⽕星。
在夜晚眺望星空时，很难看出⼆者区别。
因为⼈的⾁眼分辨有限。
⼆者体积相差数倍之多同理，300PPI和100PPI的显⽰器在使⽤时都察觉不到像素点的存在，但300PPI的显⽰器价格要贵上数倍之多，那咱为啥买300PPI的，有多余的钱整两顿烧烤不⾹吗？钱有点多，攒⼀台顶配主机吧！！（300PPI的显⽰器需要满⾜29英⼨8K分辨率的要求，⽽⼀款PPI不⾜300的31.5英⼨8K分辨率显⽰器，市场售价在2.6万，这样的价格能接受吗？）同时，相同显⽰⾯积下的PPI越⾼，对机器性能的要求就越⼤。
游戏在4K分辨率下要⽐2K分辨率下的帧数低很多。
⼀般玩家会选择降低分辨率以获得流畅的游戏体验。
（⼟豪玩家不在讨论范围，双路泰坦即使8K分辨率也能流畅游戏）双路泰坦：降什么分辨率？！最重要的是，Windows电脑分辨率越⾼，显⽰内容就越多。
原来1920*1080像素的图像，在1080p分辨率打开这张图像，这张图像铺满整个屏幕。
在4K分辨率的显⽰器中打开这张图⽚时，只占据了约屏幕四分之⼀的位置。
在使⽤⼩尺⼨显⽰器时选择过⾼分辨率，会让原本正常显⽰的内容有很⼤的缩放⽐。
容易出现看不清显⽰器内容的情况，这时我们还需要调整系统的缩放⽐例才能正常使⽤。
调整缩放⽐例放⼤⽂字所以，我们在选择显⽰器的时候，并不是PPI越⾼越好。
有的时候，较⾼的PPI反⽽会带来不好的使⽤体验。
我们只需购买PPI 刚好达到视⽹膜屏幕级别的显⽰器即可，但显⽰器达到视⽹膜屏幕级别需要多少PPI呢？04 视⽹膜级别显⽰器要多少PPI？要知道，不同尺⼨的显⽰器，因为观看距离也不⼀样，所以它们的PPI也不同。
分辨率和尺寸对应关系
分辨率和尺寸对应关系随着数字设备的普及和数字媒体的不断发展，我们越来越需要了解分辨率和尺寸对应关系。
下面，我们来详细探讨一下这两个概念的关系。
一、分辨率的定义分辨率指的是显示器或照片中像素点的数量，通常用“像素”（Pixel）表示。
例如，一张照片的分辨率为1920×1080，表示该照片包含了2073600 个像素。
二、尺寸的定义尺寸指的是显示器或照片的物理大小，通常用“英寸”（Inch）表示。
例如，一块显示器的尺寸为 23 英寸，表示该显示器的对角线长度为23 英寸。
三、分辨率和尺寸的关系分辨率和尺寸常常被误解为相互独立的两个概念，实际上它们是紧密相关的。
显示器或照片的分辨率和尺寸之间存在以下关系：1. 与分辨率相同的尺寸下，像素的大小会改变。
当显示器或照片尺寸相同，但分辨率不同时，像素的大小也会不同。
分辨率越高，每个像素越小，显示效果越好。
如同等尺寸的高分屏，显示效果更加清晰细腻。
2. 与尺寸相同的分辨率下，像素的数量会改变。
当显示器或照片分辨率相同，但尺寸不同时，像素的数量也会不同。
尺寸越大，则像素数量越多，显示效果越清晰。
如同等分辨率屏幕，更大的屏幕尺寸可以呈现更多的细节。
四、分辨率和尺寸的影响因素分辨率和尺寸对显示效果的影响因素也不相同。
分辨率主要影响图像的清晰度，而尺寸主要影响图像的细节。
分辨率的影响：1. 掌握更多的细节。
分辨率越高，像素越多，能够呈现的图像细节越多，显示效果越清晰细腻。
2. 观看自然感。
高分辨率图像的色彩更加真实自然，色调、纹理更加明显，看的更舒适。
3. 花费更多费用。
高分辨率的显示器和照片的成本较高，一般适用于专业和高端用户。
尺寸的影响：1. 显示更大的场景。
大尺寸的显示器和照片能够呈现更广阔的场景，观感十分震撼。
2. 花费更高费用。
随着尺寸的增大，成本也会相应地提高，对消费者经济实力的要求也会更高。
3. 看更久时间观看不会疲劳。
大尺寸的屏幕能够更好地保护我们的视力，长时间观看也不会疲劳感。
iPhone手机尺寸、分辨率、高宽比例、几倍图总结
iPhone⼿机尺⼨、分辨率、⾼宽⽐例、⼏倍图总结iPhone2G屏幕为3.5⼨，分辨率为480*320像素，⽐例为3:2。
1倍图。
iPhone3G屏幕为3.5⼨，分辨率为480*320像素，⽐例为3:2。
1倍图。
iPhone3GS屏幕为3.5⼨，分辨率为480*320像素，⽐例为3:2。
1倍图。
iPhone4屏幕为3.5⼨，分辨率为960*640像素，⽐例为3:2，⽐之前三代像素增加，但屏幕⽐例没变化。
2倍图。
iPhone4s屏幕为3.5⼨，分辨率为960*640像素，⽐例为3:2。
2倍图。
iPhone5屏幕为4⼨视⽹膜屏，分辨率为1136*640像素，⽐例为16:9。
2倍图。
iPhone5s屏幕为4⼨视⽹膜屏，分辨率为1136*640像素，⽐例为16:9。
2倍图。
iPhone6屏幕为4.7⼨，分辨率为1334*750像素，⽐例为16:9。
2倍图。
iPhone6Plus屏幕为5.5⼨，分辨率为1920*1080像素，⽐例为16:9。
3倍图。
iPhone6s屏幕为4.7⼨，分辨率为1334*750像素，⽐例为16:9。
2倍图。
iPhone6sPlus屏幕为5.5⼨，分辨率为1920*1080像素，⽐例为16:9。
3倍图。
iPhone7屏幕为4.7⼨，分辨率为1334*750像素，⽐例为16:9。
2倍图。
iPhone7Plus屏幕为5.5⼨，分辨率为1920*1080像素，⽐例为16:9。
3倍图。
iPhone8屏幕为4.7⼨，分辨率为1334*750像素，⽐例为16:9。
2倍图。
iPhone8Plus屏幕为5.5⼨，分辨率为1920*1080像素，⽐例为16:9。
3倍图。
iPhone X屏幕为5.8⼨，分辨率为2436*1125像素，⽐例为19.5:9。
3倍图。
iPhone XR屏幕为5.8⼨，分辨率为1792*828像素，⽐例为19.5:9。
2倍图。
iPhoneXS屏幕为5.8⼨，分辨率为2436*1125像素，⽐例为19.5:9。
iPhone6界面设计尺寸规范大全【含原型设计规范】
iPhone6界面设计尺寸规范大全【含原型设计规范】目前，很多APP设计师的APP Ui设计稿是先做iPhone6的，方便向上适配iPhone6Plus，也方便向下适配iPhone5和iPhone4的尺寸。
这一节课也算是25学堂为大家精心整理的iPhone6界面设计尺寸规范大全。
当然下面的10个方面的不仅是iPhone6界面视觉设计尺寸规范，也是iPhone6界面原型设计尺寸规范。
值得APP设计师和APP产品经理好好的阅读。
所以，ios系统平台上的APP交互设计稿的尺寸，就按照iPhone6的尺寸来做。
尺寸大小如下：750*1334px1、 iPhone6的界面布局是：屏幕是4.7英寸的，设计稿的大小为750x1334px。
☆ 状态栏(status bar)：就是电量条，其高度为：40px；☆ 导航栏(navigation)：就是顶部条，其高度为：88px；☆主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px；☆ 内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px截图如下：点击查看：完整版的iPhone 6界面设计尺寸规范另外25学堂跟大家推荐3款测量标注工具为：MarkMan马克鳗，Dorado标注，PXcook像素大厨。
1、Android APP界面标注、尺寸换算和APP标注工具2、移动APP设计之PS切图插件大汇总，值得收藏2、关于iPhone6的图标的尺寸：导航栏的图标高度为44px左右，标签栏的图标尺寸为50x50px 左右，最大为96x64px。
关于iPhone6的文字的尺寸：导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。
内容区域的文字大小是：20px 24px，26px，28px，30px，32px，34px。
扩展阅读：iphone6/6+的适配原理和适配心得分享APP设计必备素材：iPhone6手机模板素材下载3、（iPhone6设计稿尺寸是@2x），做原型图的时候，可以做成@2x的，即750x1334px；也可以做成@1x的，即375*667px。
(笔记47)UI——dp、dip、px、dpi、density概念及关系
(笔记47)UI——dp、dip、px、dpi、density概念及关系(2013-01-23 14:11:00)转载▼分类：android标签：杂谈Array -----------------------概念关系-------------------------------size：屏幕物理尺寸，单位英寸，如19寸显示器dpi：分辨率,指每英寸长度上的点数.DPI又可细分为水平分辨率和垂直分辨率,例如一张1英寸*1英寸的图片,如果它的水平分辨率是100 dpi,垂直分辨率是50 dpi,那么就是说,它水平每英寸分成100小段,垂直每英寸分成50小段,就像米尺上的一格格那样.这张图总共有100*50=5000个格子,这张图片共有5000像素.由于它的水平分辨率和垂直分辨率不相等,所以每个像素是一个微小的长方形。
所以像素实际上是一个面积的概念,而因为一般电脑/数码相机等生产出来的图片都是水平分辨率和垂直分辨率相等,每个像素是个微小的正方形,所以就讲成"DPI表示每英寸长度上的像素个数",其实就是"每英寸长度上的点数"了.数码相机的"多少多少万像素"的概念就是这样来的,比如说,一个相机最大可以拍出1600像素*1200像素的相片,它的像素值就是1600*1200=192万,约等于200万,这就是一台200万像素的数码相机了. 于是问题中所讲的300 dpi就表示屏幕上水平和垂直的方向上每英寸的长度上都有300个点.这台机屏幕的实际高度要用像素数目和dpi结合起来算才能得出.对于这台机子,400像素就是400/300=1.33英寸,533像素就是533/300=1.78英寸. 我们在页面布局的时候，经常会设置容器的长度，但是到底该使用哪个作为长度的单位而懊恼。
在Android中支持的描述大小区域的类型有以下几种。
px(pixels)——像素：不同的设备显示效果相同，一般我们HVGA代表320x480像素，这个用的比较多。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
iOS 屏幕尺寸、逻辑分辨率、物理分辨率之间的相互关系
规格对照表
相关术语说明:
●inch（英寸）
1 inch = 2.54cm = 25.4mm
●PPI （像素密度）
表示沿着对角线，每英寸所拥有的像素（pixel）数目，PPI的数值越高，代表显示屏能够以越高的密度显示图像，即通常所说的分辨率越高，颗粒感越弱，图像更清晰。
根据勾股定理:iPhone4/iPhone4s的PPI的计算值:
= 163 pixcel/inch
●scale factor （缩放因子）
早期的iPhone3GS的屏幕屏幕分辨率是320 * 480,iOS绘制图形（CGPoint/CGSize/CGRect）均已point为单位。
1 point = 1 pixel
后来在iPhone4中，同样大小（3.5inch）的屏幕采用Retina(视网膜)屏幕显示技术，横、纵向方向像素密度都被放大到2倍，像素分辨率提高到（320 * 2） * （480 * 2） = 640 * 960,显像分辨率提高到iPhone3GS的4倍。
iPhone6Plus中横、纵向方向像素密度都被放大到3倍，显像分辨率提高到iPhone3GS的9倍。
scale = 单位长度内的数量比(pixel/point)
●屏幕尺寸
指的是显示屏的对角长度，以下为iPhone5s、iPhone6s、iPhone6Plus屏幕尺寸规格示意图：
点（point）和像素（pixel）换算关系
iPhone3GS
1point = 1pixel
iPone4/4s、iPhone5/iPhone5s、iPhone6/iPhone6s 1point = 2pixel
iPhone6Plus/iPhone6s Plus
1point = 3pixel。