咨詢(xún)電話(huà)
微信掃一掃
新聞動(dòng)態(tài)
小程序開(kāi)發(fā)為什么要做適配?
行業(yè)資訊 發(fā)布者:swl 2020-08-20 09:29 訪(fǎng)問(wèn)量:130
由于用戶(hù)可在PC端使用小程序,且有可能在不同尺寸視圖下進(jìn)行切換,為了保證小程序在不同尺寸屏幕下的體驗流暢友好,我們建議開(kāi)發(fā)者根據用戶(hù)使用設備和場(chǎng)景,自行對小程序進(jìn)行適配。適配推薦柵格系統、配合響應策略實(shí)現頁(yè)面動(dòng)態(tài)布局。
采用柵格系統進(jìn)行頁(yè)面設計
柵格系統具有規律性,其元素寬高可使用百分比進(jìn)行呈現,這個(gè)特性讓使用柵格系統設計出的頁(yè)面與布局具有規律可尋,從而提高不同分辨率下頁(yè)面布局的一致性與可復用性。
制定小程序頁(yè)面的響應策略
響應式是系統對于外部變化的反饋跟適應,即通過(guò)合理的設計方案配合規范的技術(shù)來(lái)制定的變化策略。
響應式策略的制定能夠讓小程序在任何一個(gè)尺寸的屏幕上的使用體驗保持合理與連貫性。
開(kāi)發(fā)者適配設計指引
1.基本適配原則
PC端屏幕尺寸相對于移動(dòng)端具有更大的內容展示空間和展現優(yōu)勢,例如可同時(shí)開(kāi)啟多個(gè)窗口、窗口可拖動(dòng)、窗口可切換成不同尺寸等。 為了提高屏幕利用率,將屏幕變大帶來(lái)的體驗增值最大化,在適配過(guò)程中有如下體驗原則:
?。?/span>1)視圖信息展示完整可讀
在小程序視圖尺寸切換后,視圖信息應保證完整可讀,不應出現信息形變、缺失、分辨率下降等變化。
?。?/span>2)視圖尺寸切換交互流暢友好
在小程序視圖增大后,可展現出更多信息;視圖切換過(guò)程應流暢友好,可采用適當手段對小程序布局進(jìn)行優(yōu)化。
【推薦閱讀】
美團點(diǎn)評發(fā)布2018年中期報 上半年凈虧損42億元
app開(kāi)發(fā)如何才能滿(mǎn)足市場(chǎng)的需求?
關(guān)鍵字:
文章連接: http://www.gostscript.com/hyzx/739.html
版權聲明:文章由 晨展科技 整理收集,來(lái)源于互聯(lián)網(wǎng)或者用戶(hù)投稿,如有侵權,請聯(lián)系我們,我們會(huì )立即刪除。如轉載請保留
晨展解決方案
晨展新聞