微信小程序設(shè)計規(guī)則-在線瀏覽
2025-08-08 23:01本頁面
【正文】 的首頁，不展示導(dǎo)航按鈕。小程序次級頁面，導(dǎo)航區(qū)只有返回上一級頁面的操作，而點擊安卓手機(jī)自帶 的硬件返回鍵也起到相同作用。建議參考以下選色效果： 選色方案示例 頁面內(nèi)導(dǎo)航 開發(fā)者可根據(jù)自身功能設(shè)計需要在頁面內(nèi)添加自有導(dǎo)航。但是受限于手機(jī)屏幕尺寸的限制，小程序頁面的導(dǎo)航應(yīng)盡量簡單，若僅為一般線性瀏覽的頁面建議僅使用微信導(dǎo)航欄即可。標(biāo)簽分頁欄可固定 在頁面頂部或者底部，便于用戶在不同的分頁間做切換。一個頁面也不應(yīng)出現(xiàn)一組以上的標(biāo)簽分頁欄。開發(fā)時可自定義圖標(biāo)樣式、標(biāo)簽文案以及文案顏色等，具體設(shè)置項如圖標(biāo)尺寸等參考可參考開發(fā)文檔和 WeUI 基礎(chǔ)控件庫。在自定義顏色選擇中，務(wù)必注意保持分頁欄標(biāo)簽的可用性、可視性和可操作性。即便如此，當(dāng)不可避免的出現(xiàn)了加載和等待的時候，需要予以及時的反饋以舒緩用戶等待的不良情緒。本頁面將突出展示小程序品牌特征和加載狀態(tài)。 頁面下拉刷新加載 在微信小程序內(nèi)，微信提供標(biāo)準(zhǔn)的頁面下拉刷新加載能力和樣式，開發(fā)者無需自行開發(fā)。建議不管是使用在局部還是全局加載，自定義加載樣式都應(yīng)該盡可能簡潔，并使用簡單動畫告知用戶加載過程。 模態(tài)加載 模態(tài)的加載樣式將覆蓋整個頁面的，由于無法明確告知具體加載的位置或內(nèi)容將可能引起用戶的焦慮感，因此應(yīng)謹(jǐn)慎使用。 局部加載反饋 局部加載反饋即只在觸發(fā)加載的頁面局部進(jìn)行反饋，這樣的反饋機(jī)制更加有針對性，頁面跳動小，是微信推薦的反饋方式。 ? 載入過程中 ,應(yīng)保持動畫效果 。 ? 不要在同一個頁面同時使用超過 1 個加載動畫。根據(jù)實際情況，可選擇不同的結(jié)果反饋樣式。 頁面局部操作結(jié)果反饋 對于頁面局部的操作，可在操作區(qū)域予以直接反饋， 例如點擊多選控件前后如下圖。 頁面全局操作結(jié)果 ——彈出式提示（ Toast） 彈出式提示（ Toast）適用于輕量級的成功提示， 秒后自動消失，并不打斷流程，對用戶影響較小，適用于不需要強(qiáng)調(diào) 的操作提醒，例如成功提示。 頁面全局操作結(jié)果 ——模態(tài)對話框 對于需要用戶明確知曉的操作結(jié)果狀態(tài)可通過模態(tài)對話框來提示，并可附帶下一步操作指引。這種方式最為強(qiáng)烈和明確的告知用戶操作已經(jīng)完成，并可根據(jù)實際情況給出下一步操作的指引。 要杜絕異常狀態(tài)下，用戶莫名其妙又無處可去，停滯在某一個頁面的情
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1