由于用戶可在PC端使用小程序，且有可能在不同尺寸視圖下進行切換，為了保證小程序在不同尺寸屏幕下的體驗流暢友好，我們建議開發(fā)者根據(jù)用戶使用設(shè)備和場景，自行對小程序進行適配。適配推薦柵格系統(tǒng)、配合響應(yīng)策略實現(xiàn)頁面動態(tài)布局。

采用柵格系統(tǒng)進行頁面設(shè)計

柵格系統(tǒng)具有規(guī)律性，其元素寬高可使用百分比進行呈現(xiàn)，這個特性讓使用柵格系統(tǒng)設(shè)計出的頁面與布局具有規(guī)律可尋，從而提高不同分辨率下頁面布局的一致性與可復(fù)用性。

制定小程序頁面的響應(yīng)策略

響應(yīng)式是系統(tǒng)對于外部變化的反饋跟適應(yīng)，即通過合理的設(shè)計方案配合規(guī)范的技術(shù)來制定的變化策略。

響應(yīng)式策略的制定能夠讓小程序在任何一個尺寸的屏幕上的使用體驗保持合理與連貫性。

開發(fā)者適配設(shè)計指引

1.基本適配原則

PC端屏幕尺寸相對于移動端具有更大的內(nèi)容展示空間和展現(xiàn)優(yōu)勢，例如可同時開啟多個窗口、窗口可拖動、窗口可切換成不同尺寸等。 為了提高屏幕利用率，將屏幕變大帶來的體驗增值最大化，在適配過程中有如下體驗原則：

（1）視圖信息展示完整可讀

在小程序視圖尺寸切換后，視圖信息應(yīng)保證完整可讀，不應(yīng)出現(xiàn)信息形變、缺失、分辨率下降等變化。

（2）視圖尺寸切換交互流暢友好

在小程序視圖增大后，可展現(xiàn)出更多信息；視圖切換過程應(yīng)流暢友好，可采用適當手段對小程序布局進行優(yōu)化。

分享名稱：小程序開發(fā)為啥要做適配？
文章鏈接：http://chinadenli.net/news29/327229.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有小程序開發(fā)、微信小程序等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)