ios適配方法
淺談ios適配方法,歡迎討論
因為懶癌作祟,所以現在才總結最新的ios適配問題,兩個目的,一個是給健忘的自己留下個備忘錄,一個是拿出來,大家一起研討研討,有不對的地方,歡迎糾錯。
定位
以下內容僅為PS範圍,只討論佔有率高的機型。
先說手機,隨著人們的收入水平提高,用蘋果的人越來越多,並且新機型市場佔有率提高很快,但是老機型也是有很多人再用,我們把範圍壓縮在Iphone5、6、6s、7、8、X以及Plus版本和Xs、Xs man版本。
引數
首先,瞭解下每個機型的螢幕引數,才能明白型號之間的互換關係。
分析
根據列表,螢幕解析度····好多種,物理解析度跟邏輯解析度一樣,但是plus版本的物理解析度和螢幕解析度不一致,這個先不管他,我們繼續看邏輯解析度,可以發現,不同系列之間有些相關的引數了,比如:414、375這些寬度資料。
其實這些寬度資料是螢幕解析度除以後面的縮放因子(倍數)得到的邏輯解析度。從邏輯解析度我們能看出來,Xs man和Xr是一樣的,他兩個與plus版本寬度一樣;X/Xs與6/6s/7/8寬度一樣。
那麼我們能得到邏輯尺寸變化關係如下圖:
接下來我們對比螢幕高寬比,能看出5-8代都是1.77,X代以後都是2.16,那麼6的設計稿等比放大,就能得到6p的設計稿,等比縮放,就能得到5代的設計稿。關係如下:
總結
瞭解了他們的關係後,我們怎麼確定用哪個尺寸來做一稿適配呢?
首先,要明白一個道理,縮放後,尺寸方面會有誤差,那麼放大兩次,誤差×2。
在工作中我們要儘量減小這種誤差,那麼在上圖能看出來,以6代做基礎設計稿,經過一次放大可得5代、6P系列、X和Xs版本的設計稿,二次放大得到Xsman和Xr設計稿,這是最優路徑。
補充
最後來說說plus版本的物理解析度與螢幕解析度不一致的問題,如果手頭有plus手機的小夥伴,可以嘗試在標準顯示下,螢幕截圖匯入電腦看下圖片尺寸,正是2208×1242px,這是因為,如果按照1920解析度去製作設計稿,是有弊端的:如果以3倍圖來製作,邏輯比例變成640×360,介於5代和6代的邏輯解析度中間,那麼螢幕尺寸變大的情況下,顯示的內容卻變少了(640×360和667×375);如果按照2倍圖來製作,960×540解析度下,相同大小的icon和字型,在plus系列上顯示要比6代上看起來小,這樣在使用起來的體驗感並不好,所以後來用了這種折中的辦法,先放大到2208,在縮小顯示在1920上,雖然還是有誤差,但是在視覺體驗上是可以接受的。
以上及是我總結的適配方法,如果有不對的地方,歡迎留言討論。