400-650-7353

精品课程

您所在的位置:首页 > IT干货资料 > ui设计 > 【UI设计基础知识】移动端适配原理有哪些需要注意的

【UI设计基础知识】移动端适配原理有哪些需要注意的

  • 发布: ui培训
  • 来源:UI干货资料
  • 2020-04-06 22:15:42
  • 阅读()
  • 分享
  • 手机端入口

首先我们先要了解什么是PX,这个大家还算比较熟悉,像素,是构成图像的基本单位,一个图像,上面的像素点越多,你的眼睛看到的图像就越清晰。一个图像长度上有1200个像素,宽度上有900个像素,那这个图像就是由高900PX,宽1200PX组成的图像。那就引出分辨率的问题,分辨率的概念是什么?分辨率就是一个图像的屏幕竞速,这个图像是由多少个像素组成的。那高900PX,宽1200PX组成的图像的分辨率就是900×1200像素。

我们现在讨论适配的问题,是移动端的适配,移动端的典型例子就是手机,那最近新出的iOS手机就是iPhone11,安卓手机的尺寸比较多。那iPhone11的手机屏幕分辨率是什么呢,官网显示iPhone11的手机屏幕分辨率是1792×828像素。也就是这个手机的屏幕是高度上有1792个像素,宽度上有828像素。

下面的内容要注意啦,一定要理解。

官网显示iPhone11的手机屏幕分辨率是1792×828像素。官网也显示iPhone 11 显示屏采用曲线优美的圆角设计,四个圆角位于一个标准矩形内。按照标准矩形测量时,屏幕的对角线长度是 6.06 英寸 (实际可视区域较小)。

英寸是什么,是物理计量单位,像素是什么,像素跟屏幕的清晰度有关系。

那一个换算可以把两者联系起来,那6.06英寸是对角线的长度,那对角线上有多少个像素,大家能算出来吗?

【UI设计基础知识】移动端适配原理(上)

大家还记得我们上学的时候学过的勾股定理,X²Y²=Z²,我们知道iPhone11手机的宽高的像素的,那我们就可以算出来对角线的像素值。

1792²+828²=3211264+685584=3896848

²√3896848=1974.043565881969

这个数值就是对角线上的像素点数了,那一共有6.06英寸,每个英寸上有多少个像素呢?

1974.043565881969÷6.06=325.7497633468596

按照四舍五入取整数,这个数值等于326。

苹果官网的显示是iPhone11是326PPI,那PPI是什么。

PPI是像素密度,以每英寸的像素数值评判每英寸的像素密度是多少。

那iPhone11每英寸的像素是326,就是iPhone11的屏幕密度是326.

今天先把这些概念给大家讲清楚,后面我们再把326PPI跟@1X、@2X、@3X联系起来。

 

课程好礼申请领取
您的姓名
您的电话
意向课程
 

中公优就业

官方微信

扫描上方二维码或者手动搜索ujiuye,关注【优就业】,每日推送行业资讯、干货资料、热门话题、招聘信息和求职攻略,还有不定期的优惠活动一手发布!

>>本文地址:
注:本站稿件未经许可不得转载,转载请保留出处及源文件地址。

相关推荐

优就业:ujiuye

关注中公优就业官方微信

  • 精品好课
  • 活动秒杀
  • 资料领取
QQ交流群
领取免费网课
(加群备注“网站”)
软件测试 加入群聊 +
全链路UI/UE设计 加入群聊 +
Python+人工智能 加入群聊 +
互联网营销 加入群聊 +
Java开发 加入群聊 +
PHP开发 加入群聊 +
VR/AR游戏开发 加入群聊 +
大前端 加入群聊 +
大数据 加入群聊 +
Linux云计算 加入群聊 +
嵌入式物联网 加入群聊 +
优就业官方微信
扫码关注
领取免费学习资料

趁年轻 学门技术充个电
0元
入学
30天免费试学, 3000
直减优惠
立即
抢占
2周
特训
价值299的特训营课程,
9.9元抢购
立即
抢购
80G
资源包
IT行业11类热门岗位全套资源包
立即
领取
课程资料、活动优惠 领取通道