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聯系起來。

 

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

>>本文地址:http://www.028benet.com/zhuanye/2020/48581.html

THE END  

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

1 您的年齡

2 您的學歷

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

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

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板: 第四色亚洲色图| 夜夜燥天天燥2022| 粗喘撞吟np文古代| 91青青国产在线观看免费| 亚洲另类欧美综合久久图片区| 国产精品久久久久久久久久久搜索 | 日本成人在线免费| 综合久久99久久99播放| www免费插插视频| 亚洲人成色77777| 国产日韩欧美综合在线| gay白袜男强制捆绑视频网站| 国产男女无遮挡猛进猛出| 极品色天使在线婷婷天堂亚洲| 黄色链接在线观看| 中文字幕91在线| 亚洲明星合成图综合区在线| 国产性生活视频| 天天操天天干天天拍| 极品美女丝袜被的网站| 精品综合久久久久久蜜月| 亚洲欧洲日韩国产一区二区三区| 国产精品亚洲精品日韩已满| 日本精品一区二区在线播放| 狠狠夜色午夜久久综合热91| 青青热久免费精品视频在线观看| free性video西欧极品| 久久人人爽人人爽人人片av高请| 人人爽人人爽人人片a免费| 国产剧果冻传媒星空在线| 国语对白做受XXXXX在线中国| 日韩人妻潮喷中文在线视频| 特级无码毛片免费视频| 蜜桃麻豆WWW久久囤产精品| a大片大片网y| 久久久久国产一区二区三区| 亚洲性猛交xx乱| 伊人久久大香线蕉av五月天| 国产亚洲欧美视频| 国产男女爽爽爽免费视频| 天堂网www最新版资源在线|