精品h动漫无遮挡在线看中文 _国产精品r级在线_免费观看无遮挡www的视频_乱子伦av无码中文字幕_樱桃视频小蝌蚪视频榴莲视频秋葵视频

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

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

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

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

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

下面的內(nèi)容要注意啦,一定要理解。

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

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

那一個換算可以把兩者聯(lián)系起來,那6.06英寸是對角線的長度,那對角線上有多少個像素,大家能算出來嗎?

【UI設(shè)計基礎(chǔ)知識】移動端適配原理(上)

大家還記得我們上學(xué)的時候?qū)W過的勾股定理,X²Y²=Z²,我們知道iPhone11手機的寬高的像素的,那我們就可以算出來對角線的像素值。

1792²+828²=3211264+685584=3896848

²√3896848=1974.043565881969

這個數(shù)值就是對角線上的像素點數(shù)了,那一共有6.06英寸,每個英寸上有多少個像素呢?

1974.043565881969÷6.06=325.7497633468596

按照四舍五入取整數(shù),這個數(shù)值等于326。

蘋果官網(wǎng)的顯示是iPhone11是326PPI,那PPI是什么。

PPI是像素密度,以每英寸的像素數(shù)值評判每英寸的像素密度是多少。

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

今天先把這些概念給大家講清楚,后面我們再把326PPI跟@1X、@2X、@3X聯(lián)系起來。

 

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

>>本文地址:http://www.yiyunku.cn/zhuanye/2020/48581.html

THE END  

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

1 您的年齡

2 您的學(xué)歷

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

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

快速通道fast track

近期開班時間TIME