1.基于微信小程序的輕量級功能，設計小程序旨在在微信生態系統內建立友好，高效和一致的用戶體驗，同時最大化適應和支持不同需求并實現雙贏。 2，友好禮貌為了避免用戶在微信中使用小程序服務，注意力受到周圍復雜環境的干擾，小程序應設計為注意減少無關的設計元素對用戶目標的干擾，禮貌地向用戶展示程序提供的服務，友好引導用戶操作。 3.突出顯示每個頁面都應有明確的重點，以便用戶每次進入新頁面時都能快速了解頁面內容。在確定關鍵點的前提下，我們應該盡量避免頁面上與用戶決策和操作無關的其他干擾因素。案例示意1案例示意2 4，過程清晰為了讓用戶順利使用頁面，當用戶執行某個操作過程時，應該中斷用戶以避免用戶的目標進程以外的內容。 5.清除和清除一旦用戶進入我們的小程序頁面，我們有責任和義務清晰明確地告知用戶身在何處、又可以往何處去確保用戶可以輕松瀏覽頁面而不會迷路，從而為用戶提供安全和愉快的體驗。 6，清晰導航，來去自由導航是確保用戶在網頁中瀏覽跳轉時不迷路的最關鍵因素。導航需要告訴用戶，目前在哪里，去哪里，如何回去等問題。 微信在小程序中不提供統一的導航欄樣式。開發人員可以根據需要設計小程序主頁和輔助頁面界面導航。建議左上角的所有輔助頁面都返回上一頁操作。此外，微信iOS用戶還可以通過接口邊緣向右滑動，返回上一個小程序或微信頁面。 Android用戶可以使用物理返回鍵實現相同的目標。 7，小程序菜單小程序所有頁面，包括小程序嵌入式網頁和插件，微信將被放置在官方小程序菜單的右上角，樣式如圖所示。 開發人員無法自定義其內容，但他們可以選擇兩種基本顏色以適應頁面設計風格。官方的小程序菜單將被放置在界面的固定位置。開發人員在設計界面時應保留空間。如果你需要在這個區域附近放置交互元素，要特別注意交互事件是否會發生沖突，以及操作是否易于使用 8,小程序菜單陰影配色方案開發人員可以滿足可用性，從微信中提供深度的兩組色彩匹配小程序菜單選擇適當的解決方案以適應小程序頁面的設計風格。 9.頁內導航開發人員可以根據自己的功能設計將自己的導航添加到頁面中。并保持不同頁面間導航一致，指向清晰，有路可退。由于手機屏幕尺寸的限制，小程序頁面的導航應盡可能簡單。建議開發人員自己的導航樣式與微信官方小程序菜單樣式保持不同，以便區分。開發人員可以為小程序頁面添加標簽頁導航。標簽頁欄可以固定在頁面的頂部或底部，便于用戶在不同頁面之間切換。標簽數量必須不小于2且不大于5.為確保點擊區域，建議的標簽數量不超過4.頁面也不應超過一組標簽。 小程序主頁可以選擇微信提供的本機底部標簽分頁樣式，該樣式僅用于小程序主頁。可以在開發期間自定義圖標樣式，標簽副本和副本顏色。有關圖標大小等特定設置項，請參閱開發文檔和WeUI基本控件庫。頂部標簽頁欄顏色可以自定義。在自定義顏色選擇中，保持標簽欄標簽的可用性，可見性和可操作性非常重要。 10，可視規范字體微信字體用法與運行系統字體一致，常用字體大小為20,18,17,16,14,13,11（pt），使用場景如下：字體顏色主要內容黑色黑色，次要內容灰色;時間戳和表單默認值淺灰色;大段描述內容和主要內容是Semi Black。藍色是鏈接顏色，綠色是完成的顏色，紅色是錯誤顏色按下和禁用狀態分別將透明度降低到20％和10％列表按鈕圖標