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

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

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

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

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

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

　　1.基本適配原則

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

　?。?）視圖信息展示完整可讀

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

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

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