2022-05-30 14:34:13|已瀏覽:4451次
占比5%以上的6個主流分辨率,占比高的是480*800,320*480的設備竟然也占據了很大比例,但是和半年前的數據相比較,中低分辨率(320*480、480*800)的比例在減少,而中高分辨率的比例則在不斷地增加。雖然每個分辨率所占的比例在變化,但是總的趨勢沒變,還是這六種,只是分辨率在不斷地提高。所以說,我們只要盡量適配這幾種分辨率,就可以在大部分的手機上正常運行了。當然了,這只是手機的適配,對于平板設備(電視也可以看做是平板),我們還需要一些其他的處理。
(1)按寬度適配
iPhone4~6(+)的屏幕高寬比:
iPhone4(s):分辨率960*640,高寬比1.5
iPhone5(s):分辨率1136*640,高寬比1.775
iPhone6:分辨率1334*750,高寬比1.779
iPhone6+:分辨率1920*1080,高寬比1.778
可粗略認為iPhone5(s)、6(+)的高寬比是一致的(16:9),即可以等比例縮放。這樣,共有iPhone3/4/5、6、6+三組寬度,在iPhone6、6+下將按比例橫向放大。
(2)按高度適配
在同樣的寬度下,iPhone4(s)的屏高比iPhone5(s)低,若縱向排版緊張,可以iPhone5(s)為基準,共有iPhone3/4、5、6、6+四組高度,在iPhone3/4下將按比例縱向縮小,在iPhone6、6+下將按比例縱向放大。
(3)按字體適配
另外,iPhone的【設置】【通用】【輔助功能】中可以設置調節【更大字體】,APP也可以按字號適配。
一份設計稿就不能適用于 iOS 各手機屏幕尺寸。如何支持多個尺寸屏幕,這個要分情況討論。對于常規界面我們可以偷個懶,只做 iPhone 5 屏幕尺寸的設計稿,請開發在其它屏幕上自適應,終檢查實機效果沒問題就行。對于一些定制的界面我們應該根據不同屏幕重新適配, iPhone 6 Plus 界面中部分切圖尺寸比 3x 更大,要單獨切圖,所以不是說簡單地給 iPhone 6 Plus 統一切 3x 圖就 OK 的了。這時矢量切圖在開發中優勢很明顯,只要把大屏幕中切圖的尺寸告訴開發即可,無需針對非 3x 元素額外輸出切圖。
注:尊重原創文章,轉載請注明出處和鏈接 http://www.dedgn.cn/news-id-36635.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050
姓名:
手機:
地區: