ios和安卓設(shè)計(jì)怎么適配

      ios和安卓設(shè)計(jì)怎么適配？目前移動(dòng)端系統(tǒng)主要以Android和iOS為主，由干Android平臺(tái)的差異化越來(lái)越大，在UI設(shè)計(jì)中通常以iOS系統(tǒng)為基準(zhǔn)，以此去適配其他手機(jī)，可以降低設(shè)計(jì)成本，提高開(kāi)發(fā)速度。

      iios和安卓設(shè)計(jì)怎么適配？設(shè)計(jì)基準(zhǔn)選擇指的是挑選當(dāng)前主流的手機(jī)屏幕分辨率作為設(shè)計(jì)適配標(biāo)準(zhǔn)。摒棄些非主流甚至已經(jīng)淘汰的手機(jī)屏幕尺寸，例如i0S@1x倍率的屏幕尺寸。

      i目前一般以iOS系統(tǒng)主流分辨率750x1334像素進(jìn)行設(shè)計(jì)，像素倍率為@2x，因?yàn)樗�的尺寸向上或向下適配時(shí)，界面調(diào)整幅度最小，偏差不會(huì)太大，視覺(jué)比例也不會(huì)出現(xiàn)太大問(wèn)題。而且與Android版本720x1280像素的尺寸相近，甚至屏幕密度也是相近的，所以只需做最小的設(shè)計(jì)調(diào)整。

      i設(shè)計(jì)基準(zhǔn)圖是指按照選擇的主流分辨率設(shè)計(jì)出來(lái)的界面，該界面可以適配多個(gè)屏幕尺寸。下面將對(duì)設(shè)計(jì)基準(zhǔn)圖的設(shè)計(jì)注意事項(xiàng)以及調(diào)整方法做具體講解。

      i按照iOS系統(tǒng)主流分辨率750x1334像素進(jìn)行的設(shè)計(jì)基準(zhǔn)圖，除了圖片外其余部分需要用形狀工具來(lái)做，方便后期其余版本的調(diào)整。將圖片轉(zhuǎn)為智能對(duì)象，進(jìn)行放大拉伸只要不超過(guò)原有尺寸便不會(huì)失真。設(shè)計(jì)完成后，在設(shè)計(jì)基準(zhǔn)圖上進(jìn)行標(biāo)注和輸出切圖。

      i開(kāi)發(fā)團(tuán)隊(duì)出于節(jié)省人力、時(shí)間等原因考慮，一般以ios系統(tǒng)設(shè)計(jì)基準(zhǔn)圖為主導(dǎo)，將繪制好的設(shè)計(jì)基準(zhǔn)圖進(jìn)行適當(dāng)調(diào)整、應(yīng)用于Android平臺(tái)中。

      i改版Android界面有如下幾個(gè)步驟:

      i(1) 設(shè)計(jì)基準(zhǔn)選擇Android主流設(shè)計(jì)界面尺寸為720x1280像素。

      i(2) 設(shè)置界面結(jié)構(gòu)中欄的尺寸(如狀態(tài)欄高度為50像素、導(dǎo)航欄高度為96像素、標(biāo)簽欄高度為96像素)。

      i(3) 設(shè)置兩邊邊距(邊距尺寸一般為24~30像素)。

      i(4) 把iOS系統(tǒng)設(shè)計(jì)基準(zhǔn)圖頁(yè)面中的元素拖放到Android界面中，將頁(yè)面元素調(diào)整到恰當(dāng)?shù)奈恢茫�并調(diào)整元素間的間距為偶數(shù)。

      i(5) 將字體改為“思源”即可。

      i對(duì)于ios系統(tǒng)中像素倍率不同，欄的高度有所不同。如iPhone 7的屏幕分辨率為750x1334像素，狀態(tài)欄商度為的像素、導(dǎo)航欄高度為88像素、標(biāo)簽欄高度為98像素。而iPhone7 Plus高度為60像素、特就欄高度132像素、標(biāo)茶欄高度為16像素。

      i在界面上進(jìn)行調(diào)整欄內(nèi)部元素，內(nèi)容區(qū)域也要進(jìn)行重新調(diào)整。而圖片需要單獨(dú)適配，iPhone 7 Plus是iPhone 7的1.65倍，需要在原圖的高度上乘1.65才是Plus的正確高度，但是位圖一般放大會(huì)發(fā)虛，所以適配的圖片最好以大尺寸去適配小尺寸。

      i自動(dòng)適配是在設(shè)計(jì)基準(zhǔn)圖適配時(shí)需要注意文字流式和控件的問(wèn)題。文字流式和控件都是頁(yè)面框架結(jié)構(gòu)制定好后，文字根據(jù)屏幕的尺寸自動(dòng)適應(yīng)排列，屏幕尺寸越大，顯示的內(nèi)容就會(huì)越多，充分發(fā)揮了大屏幕的優(yōu)勢(shì)。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.hebeijilong.cn/news-id-36570.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