正好最近我也要開發小程序，所以今天我就從設計方面聊一聊微信小程序設計規范，埋上設計中可能會出現的坑，讓你能更好的完成你的小程序～

一、宏觀角度

微信小程序設計的基本原則是微信設計中心針對在微信類上線的小程序頁面總結的設計指南及建議。以下設計原則都是基于對用戶的尊重的基礎上的，旨在微信生態類建立有號、高效、一致的用戶體驗的同時，最大程度順應和支持各業務需求設計，實現用戶與程序的共贏。

二、清晰明確

作為一個負責任的開發者，一旦用戶進入我們的小程序頁面，就有責任和義務清晰明確告知用戶身在何處、又可以往何處去，確保用戶在頁面中游刃有余地穿梭而不迷路，這樣才能為用戶提供安全的愉悅的使用體驗。減少等待，反饋及時。頁面的過長時間的等待會引起用戶的不良情緒，使用微信小程序項目提供的技術已能很大程度縮短等待時間。即便如此，當不可避免的出現了加載和等待的時候，需要予以及時的反饋以舒緩用戶等待的不良情緒。

三、設計尺寸和區域

微信小程序的設計只需要以iPhone6屏幕尺寸750x1334px為視覺稿進行設計即可，因為微信小程序以rpx為css尺寸單位，rpx可以根據屏幕寬度進行自適應，規定屏幕寬度為750rpx，因此在iPhone6設計稿上1px=1rpx，在尺寸換算上就會很簡單。

對于頁面局部的操作，可在操作區域予以直接反饋。對于常用控件，微信設計中心已提供控件庫及WeUI控件庫，其中的控件都已設計有完整的操作反饋。頁面全局操作結果——toast

其中toast適用于輕量級的成功提示，1.5秒后自動消失，并不打斷流程，對用戶影響較小，適用于不需要強調成功專題的操作提醒。特別注意toast形式不適用于任何錯誤提醒。

頁面全局操作結果——彈框

對于需要用戶明確知曉的操作結果狀態可通過彈框來提示，并可附帶下一步操作指引。

頁面全局操作結果——結果頁

對于操作結果已經是當前流程的終結的情況，可使用操作結果頁來反饋。這種方式最為強烈和明確的告知用戶操作已經完成，并可根據實際情況給出下一步操作的指引。

四、統一穩定

除了以上所提到的種種原則，建議接入微信的小程序還應該時刻注意不同頁面間的統一性和延續性，在不同的頁面盡量使用一致的控件和交互方式。統一的頁面體驗和有延續性的界面元素都將幫助用最少的學習成本達成使用目標，減輕頁面跳動所造成的不適感。正因如此，小程序可根據需要使用微信提供的標準控件，以達到統一穩定的目的。

今天的內容就是這些，希望對你有所幫助！

總結

以上是生活随笔為你收集整理的控件尺寸规范_微信小程序设计规范你了解多少的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。