Button的設計原則

標籤：

Button的設計原則

 

在Msdn上看到一篇有關於button設計原則的文章，感覺不僅適合uwp ，也適合其他技術的ui設計，於是整理如下：

 

1. Button內文字含義清晰簡潔，盡量使用一個詞語來表示其含義或功能，整個軟體運行期間同一button中的文字不要改變。Button內文字含義要和功能一致，整個系統功能相同的Button其內含文字盡量統一，比如建立和建立，修改和更新等意思相近的詞要盡量統一，不要混用。而且Button內含文字字型盡量保持預設。
2. Button的設計要簡潔，不能包含太多的內容最好只包含一張圖片或者一個片語。禁止設計出寬高比例失調的的Button，過寬過窄的Button都會給人怪異的感覺，絕對不能在軟體中出現。
3. 如果某一button在不同的頁面都需要，那麼將其抽離到單獨的菜單區（如 bottom app bar），而不是每個頁面都放一個。而且，在同一時間，控制同一功能按鈕組中的button不應超過三個，比如退出word時的提示框包含三個按鈕（確定、取消、儲存）。
4. 確保Button的狀態清楚，並能向使用者即時反饋。可以自訂按鈕的懸停和單擊樣式突出Button的狀態，各狀態的區分度要大。

最後分享一張圖片，供自訂button樣式時使用：

Button的設計原則