小程序開(kāi)發(fā)
小程序開(kāi)發(fā)為啥要做適配?
MENU
MENU CLOSE
小程序開(kāi)發(fā)為啥要做適配?
于用戶可在PC端使用小程序,且有可能在不同尺寸視圖下進(jìn)行切換,為了保證小程序在不同尺寸屏幕下的體驗(yàn)流暢友好,我們建議開(kāi)發(fā)者根據(jù)用戶使用設(shè)備和場(chǎng)景,自行對(duì)小程序進(jìn)行適配。
由于用戶可在PC端使用小程序,且有可能在不同尺寸視圖下進(jìn)行切換,為了保證小程序在不同尺寸屏幕下的體驗(yàn)流暢友好,我們建議開(kāi)發(fā)者根據(jù)用戶使用設(shè)備和場(chǎng)景,自行對(duì)小程序進(jìn)行適配。適配推薦柵格系統(tǒng)、配合響應(yīng)策略實(shí)現(xiàn)頁(yè)面動(dòng)態(tài)布局。
采用柵格系統(tǒng)進(jìn)行頁(yè)面設(shè)計(jì)
柵格系統(tǒng)具有規(guī)律性,其元素寬高可使用百分比進(jìn)行呈現(xiàn),這個(gè)特性讓使用柵格系統(tǒng)設(shè)計(jì)出的頁(yè)面與布局具有規(guī)律可尋,從而提高不同分辨率下頁(yè)面布局的一致性與可復(fù)用性。
制定小程序頁(yè)面的響應(yīng)策略
響應(yīng)式是系統(tǒng)對(duì)于外部變化的反饋跟適應(yīng),即通過(guò)合理的設(shè)計(jì)方案配合規(guī)范的技術(shù)來(lái)制定的變化策略。
響應(yīng)式策略的制定能夠讓小程序在任何一個(gè)尺寸的屏幕上的使用體驗(yàn)保持合理與連貫性。
開(kāi)發(fā)者適配設(shè)計(jì)指引
1.基本適配原則
PC端屏幕尺寸相對(duì)于移動(dòng)端具有更大的內(nèi)容展示空間和展現(xiàn)優(yōu)勢(shì),例如可同時(shí)開(kāi)啟多個(gè)窗口、窗口可拖動(dòng)、窗口可切換成不同尺寸等。 為了提高屏幕利用率,將屏幕變大帶來(lái)的體驗(yàn)增值最大化,在適配過(guò)程中有如下體驗(yàn)原則:
(1)視圖信息展示完整可讀
在小程序視圖尺寸切換后,視圖信息應(yīng)保證完整可讀,不應(yīng)出現(xiàn)信息形變、缺失、分辨率下降等變化。
(2)視圖尺寸切換交互流暢友好
在小程序視圖增大后,可展現(xiàn)出更多信息;視圖切換過(guò)程應(yīng)流暢友好,可采用適當(dāng)手段對(duì)小程序布局進(jìn)行優(yōu)化。
填寫您的項(xiàng)目需求給我們。
* 請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
中國(guó) ? 成都市新通大道777號(hào)時(shí)尚大廈
Fashion Building, No. 777 Xintong Avenue, Chengdu, China在線QQ: 21416620
手機(jī)(同微): 13808056570
手機(jī)(同微): 15680723280
關(guān)于炬誠(chéng)
小程序
建網(wǎng)站
直播開(kāi)發(fā)
動(dòng)態(tài)
聯(lián)系