锐客直播_锐客直播app官方正版下载_锐客直播直播视频在线观看免费版下载

400-650-7353
您所在的位置:首頁 > IT干貨資料 > ui設計 > 【UI設計基礎知識】移動端適配原理有哪些需要注意的

【UI設計基礎知識】移動端適配原理有哪些需要注意的

  • 發(fā)布: ui培訓
  • 來源:UI干貨資料
  • 2020-04-06 22:15:42
  • 閱讀()
  • 分享
  • 手機端入口

首先我們先要了解什么是PX,這個大家還算比較熟悉,像素,是構成圖像的基本單位,一個圖像,上面的像素點越多,你的眼睛看到的圖像就越清晰。一個圖像長度上有1200個像素,寬度上有900個像素,那這個圖像就是由高900PX,寬1200PX組成的圖像。那就引出分辨率的問題,分辨率的概念是什么?分辨率就是一個圖像的屏幕競速,這個圖像是由多少個像素組成的。那高900PX,寬1200PX組成的圖像的分辨率就是900×1200像素。

我們現(xiàn)在討論適配的問題,是移動端的適配,移動端的典型例子就是手機,那最近新出的iOS手機就是iPhone11,安卓手機的尺寸比較多。那iPhone11的手機屏幕分辨率是什么呢,官網顯示iPhone11的手機屏幕分辨率是1792×828像素。也就是這個手機的屏幕是高度上有1792個像素,寬度上有828像素。

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

官網顯示iPhone11的手機屏幕分辨率是1792×828像素。官網也顯示iPhone 11 顯示屏采用曲線優(yōu)美的圓角設計,四個圓角位于一個標準矩形內。按照標準矩形測量時,屏幕的對角線長度是 6.06 英寸 (實際可視區(qū)域較小)。

英寸是什么,是物理計量單位,像素是什么,像素跟屏幕的清晰度有關系。

那一個換算可以把兩者聯(lián)系起來,那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聯(lián)系起來。

 

文章“【UI設計基礎知識】移動端適配原理有哪些需要注意的”已幫助

>>本文地址:http://uj2y2uok.com/zhuanye/2020/48581.html

THE END  

聲明:本站稿件版權均屬中公教育優(yōu)就業(yè)所有,未經許可不得擅自轉載。

1 您的年齡

2 您的學歷

3 您更想做哪個方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯(lián)網營銷互聯(lián)網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯(lián)網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發(fā)VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發(fā)智能機器人
 

快速通道fast track

近期開班時間TIME