实战IT培训机构_黄色激情网站_IT培训班选大学生IT技术培训中心_黄色激情视频网站_中公优就业

400-650-7353
您所在的位置:首頁 > IT干貨資料 > ui設計 > 【UI設計基礎知識】設計時移動端適配原理是什么

【UI設計基礎知識】設計時移動端適配原理是什么

  • 發布: ui培訓
  • 來源:UI干貨資料
  • 2020-04-09 18:17:35
  • 閱讀()
  • 分享
  • 手機端入口

一說到PPI,好像大家都會想到DPI。DPI是什么意思呢?DPI表示每英寸有多少個點。PPI表示每英寸有多少個像素。

那點是什么?點是印刷單位,就是每英寸(2.54厘米)上面有多少個油墨點。

當然,在Android系統中,DPI就是像素/每英寸,跟PPI是一個概念。Android系統真的是為所欲為呀。但是沒辦法,Android就是這么用了,咱們只能這么去理解了。

那為什么會有@1X、@2X、@3X的概念呢?主要是因為Android機型太多了,一個圖片,要想放在所有的Android手機上,那得切多少張大小不一的圖片呀,要累死切圖的設計,上傳圖片的程序員的頭發掉的也更快了吧。哈哈哈哈哈哈哈,所以,Android出了一套規則,好方便他們統一圖片。

Android提出一個新的概念,DP。DP是Android為了使得開發者設置的長度能夠根據不同屏幕DPI/PPI使用不同的像素(px)的圖像以保證不同機型圖像在視覺上統一的單位,你可以理解為DP為物理點,PX是像素點,一個物理點上可能有幾個像素點。

【UI設計基礎知識】移動端適配原理(下)

有一個公式:dp=(dpi/(160像素/英寸))px

Android提出的這個概念DP在iOS上同樣適用。

那如果DPI的數值是160,那1DP=1PX;如果DPI的數值是320,那1DP=2PX;如果DPI的數值是480,那1DP=3PX;

好,大家理解一下下面的信息:假如一個物理點上有1個像素,那一個30X30PX的圖像正常上傳到屏幕上。假如一個物理點上有2個像素,那一個30X30PX的圖像,為了保證圖片看起來同樣大小,是不是要上傳一張60X60PX的圖像才能看起來跟上一個圖同樣大小。同理假如一個物理點上有3個像素,那一個30X30PX的圖像,為了保證圖片看起來同樣大小,是不是要上傳一張90X90PX的圖像才能看起來跟上一個圖同樣大小。

那這樣在30是30的1倍,60是30的2倍,90是30的3倍,所以規范上講@1X 表示一倍,@2X表示2倍 ,@3X表示3倍。

OK,大家明白了@1X、@2X、@3X 的事情,320PPI的圖像肯定是@2X圖了,但是iPhone11是326PPI,那是幾倍?

既然引進DP這個概念是為了適配,所以在適配的時候,如果PPI/DPI的數值接近于那個就用哪個倍數。326PPI接近320,所以iPhone11是用的@2X圖。

再深一些的知識,PX表示像素,一個點上像素越多,肯定就清晰。那iPhone手機,用@1X圖的機型有iPhone3Gs;用@2X圖的機型有:iPhone4/4S/4/5S/6/6S/7/8等;用的@3X圖的機型有:iPhone6/6S/7/8Plus、iPhoneX等。大家手上有別的機型也可以算算自己的手機的圖片是多少倍的。

文章“【UI設計基礎知識】設計時移動端適配原理是什么”已幫助

>>本文地址:http://m.jecan.cn/zhuanye/2020/48603.html

THE END  

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

1 您的年齡

2 您的學歷

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

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

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板: 颚式破碎机,圆锥破碎机,制砂机-新乡市德诚机电制造有限公司 | 即用型透析袋,透析袋夹子,药敏纸片,L型涂布棒-上海桥星贸易有限公司 | 路面机械厂家| 不锈钢复合板|钛复合板|金属复合板|南钢集团安徽金元素复合材料有限公司-官网 | 托盘租赁_塑料托盘租赁_托盘出租_栈板出租_青岛托盘租赁-优胜必达 | 臭氧发生器_臭氧消毒机 - 【同林品牌 实力厂家】 | 干粉砂浆设备_干混砂浆生产线_腻子粉加工设备_石膏抹灰砂浆生产成套设备厂家_干粉混合设备_砂子烘干机--郑州铭将机械设备有限公司 | 二手色谱仪器,十万分之一分析天平,蒸发光检测器,电位滴定仪-湖北捷岛科学仪器有限公司 | 丝杆升降机-不锈钢丝杆升降机-非标定制丝杆升降机厂家-山东鑫光减速机有限公司 | 大鼠骨髓内皮祖细胞-小鼠神经元-无锡欣润生物科技有限公司 | 窖井盖锯圆机_锯圆机金刚石锯片-无锡茂达金刚石有限公司 | 电动葫芦|防爆钢丝绳电动葫芦|手拉葫芦-保定大力起重葫芦有限公司 | EPDM密封胶条-EPDM密封垫片-EPDM生产厂家 | 冷却塔风机厂家_静音冷却塔风机_冷却塔电机维修更换维修-广东特菱节能空调设备有限公司 | 磁力反应釜,高压釜,实验室反应釜,高温高压反应釜-威海自控反应釜有限公司 | 正压送风机-多叶送风口-板式排烟口-德州志诺通风设备 | 富森高压水枪-柴油驱动-养殖场高压清洗机-山东龙腾环保科技有限公司 | 台湾阳明固态继电器-奥托尼克斯光电传感器-接近开关-温控器-光纤传感器-编码器一级代理商江苏用之宜电气 | 亮点云建站-网站建设制作平台| 电机修理_二手电机专家-河北豫通机电设备有限公司(原石家庄冀华高压电机维修中心) | 合肥展厅设计-安徽展台设计-合肥展览公司-安徽奥美展览工程有限公司 | 小区健身器材_户外健身器材_室外健身器材_公园健身路径-沧州浩然体育器材有限公司 | 【365公司转让网】公司求购|转让|资质买卖_股权转让交易平台 | 防爆鼓风机-全风-宏丰鼓风机-上海梁瑾机电设备有限公司 | 防水套管厂家-柔性防水套管-不锈钢|刚性防水套管-天翔管道 | 插针变压器-家用电器变压器-工业空调变压器-CD型电抗器-余姚市中驰电器有限公司 | 校车_校车价格_19座幼儿园校车_幼儿园校车_大鼻子校车 | 保定市泰宏机械制造厂-河北铸件厂-铸造厂-铸件加工-河北大件加工 | 涡轮流量计_LWGY智能气体液体电池供电计量表-金湖凯铭仪表有限公司 | 冷柜风机-冰柜电机-罩极电机-外转子风机-EC直流电机厂家-杭州金久电器有限公司 | 警用|治安|保安|不锈钢岗亭-售货亭价格-垃圾分类亭-移动厕所厂家-苏州灿宇建材 | 高压无油空压机_无油水润滑空压机_水润滑无油螺杆空压机_无油空压机厂家-科普柯超滤(广东)节能科技有限公司 | 建筑资质代办-建筑企业资质代办机构-建筑资质代办公司 | 耐力板-PC阳光板-PC板-PC耐力板 - 嘉兴赢创实业有限公司 | 厂厂乐-汇聚海量采购信息的B2B微营销平台-厂厂乐官网 | 黑田精工电磁阀-CAMMOZI气缸-ROSS电磁-上海茂硕机械设备有限公司 | 胶辊硫化罐_胶鞋硫化罐_硫化罐厂家-山东鑫泰鑫智能装备有限公司 意大利Frascold/富士豪压缩机_富士豪半封闭压缩机_富士豪活塞压缩机_富士豪螺杆压缩机 | 不锈钢电动球阀_气动高压闸阀_旋塞疏水调节阀_全立阀门-来自温州工业阀门巨头企业 | 卫浴散热器,卫浴暖气片,卫生间背篓暖气片,华圣格浴室暖气片 | 硬质合金模具_硬质合金非标定制_硬面加工「生产厂家」-西迪技术股份有限公司 | ptc_浴霸_大巴_干衣机_呼吸机_毛巾架_电动车加热器-上海帕克 |