歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2022-02-24 11:48:56|已瀏覽:208次

關(guān)于屏幕適配的尺寸問題,由于是手機(jī)時代,不同的屏幕尺寸、不同的系統(tǒng)和不同的分辨率迫使界面設(shè)計(jì)者解決屏幕尺寸的適配問題,順應(yīng)設(shè)計(jì)的發(fā)展趨勢。本篇文章將講述UI設(shè)計(jì)師一般是如何解決,屏幕適配的尺寸問題的。
一般來說,我們把屏幕適配的尺寸問題分成三種尺寸:大、中、小。在應(yīng)用程序的設(shè)計(jì)和開發(fā)中,必須考慮三個屏幕之間采用何種協(xié)作模式。如何提供一套設(shè)計(jì)方案來解決三屏適應(yīng)的問題?其基本思想是:選擇一個尺寸作為設(shè)計(jì)和開發(fā)的基準(zhǔn);定義一組適應(yīng)規(guī)則,并自動適應(yīng)其余兩個尺寸;特殊的適應(yīng)效果賦予設(shè)計(jì)效果。在設(shè)計(jì)和開發(fā)合作過程中,向開發(fā)工程師輸出兩個可交付成果:一個是程序使用的@3x切削資源,另一個是寬度為750 px的設(shè)計(jì)注釋圖。開發(fā)工程師得到了750 px的注解圖和@3x的裁剪圖資源,完成了iPhone 6(375 pt)的界面開發(fā)。在這個階段,不允許以固定寬度的方式開發(fā)接口,但必須使用自動布局,以便于后續(xù)適應(yīng)其他尺寸。
關(guān)于屏幕適配的尺寸問題,可根據(jù)iPhone 6的界面效果,分別上下調(diào)試iPhone 6 plus(414 pt)和iPhone 5S及以下(320 pt)的界面效果,從而完成大、中、小三屏的改編。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://elsolbar.com/news-id-23220.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050