隨著信息技術的迅猛發展,移動互聯網市場已然成熟,使得UI設計行業的持續走熱,讓許多企業也順應市場的要求,對UI設計也越來越重視,幾乎每個中大型IT企業都會在產品設計和UI界面設計上加大投資力度,這樣的行業發展趨勢吸引了越來越多的人參加UI設計工作,也有很多人都通過參加UI設計培訓課程來轉行UI設計,今天八維職業學校和大家一起來看看UI設計時移動端適配原理是什么,希望有助于大家學習。

一說到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是像素點,一個物理點上可能有幾個像素點。
有一個公式: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等。大家手上有別的機型也可以算算自己的手機的圖片是多少倍的。


學制學費
學習時間
近期活動
開班信息
課程內容
就業情況
津公網安備12011302141430
如何成為IT行業中有競爭力的人工智能工程師?
在當今數字化浪潮洶涌澎湃的時代,人工智能作為 IT 行業最具爆發力的領域之一,正重塑著世界的方方面面,從醫療保健到金融服務,從智能交通到娛樂產業,其影響力無處不在。若想成為這一充滿魅力與挑戰領域中的佼佼者 —— 極具競爭力的人工智能工程師,需要在多個維度精心打磨自己。