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