按鈕圖標設計規范

　　盡管與網頁上吸引游客目光的精彩內容相比，按鈕是如此的不顯眼，但在網頁設計中，按鈕圖標設計卻又有著不可替代的作用。按鈕圖標設計也不是隨意而行，而是要遵循一定的設計規范。隨小編一起看看按鈕圖標設計、按鈕設計規范。

　　1.在每個窗口中保持按鈕寬度相等。如果這麼做不切實際的話，應當將有文本標簽的命令按鈕不同寬度的數量限制為兩種。

　　2.對於有文本標簽的命令按鈕來說，應當使用最小按鈕寬度和標准按鈕高度。

　　3.如果同樣的命令按鈕出現在多個窗口中，試著使用相同的標簽文本、訪問鍵及窗口位置。

　　4.如果單擊命令按鈕不會立即產生結果的話，應當顯示忙碌鼠標指針。如果沒有反饋，用戶可能會認為沒有單擊並會再次單擊。

　　5.當其他控件和一個命令按鈕存在互操作時，如帶有“浏覽”按鈕的文本框，應當將該命令按鈕以下列三種方式中的一種進行擺放以表示它們之間的關系位於其他控件下側，左對齊。位於其他控件右側，頂端對齊。在互操作的控件之間垂直居中。

　　6.不要使用過窄、過短或過高的帶有文本標簽的命令按鈕，因為其看起來顯得不專業。盡量使用默認的寬度和高度。

　　7.當命令按鈕附屬於其他控件時，應當使用上述位置，並在上級控件被選中之前禁用附屬的命令按鈕。

　　8.如果多個命令按鈕與同一個控件存在互操作時，在其他控件右側縱向排列並頂端對齊，或在控件下方橫向排列並左對齊。

　　9.避免在命令按鈕上同時使用文本標簽和圖形。同時使用文本和圖標往往會增加不必要的視覺混亂，且無法幫助用戶更好地理解。僅當圖形用於增進理解的時候才考慮同時使用文本和圖形，例如當用於命令的是標准符號或它能夠幫助用戶形象地了解該命令的結果等等。否則，首先考慮文本，或者單獨使用圖形。 盡管與網頁上吸引游客目光的精彩內容相比，按鈕是如此的不顯眼，但在網頁設計中，按鈕圖標設計卻又有著不可替代的作用。按鈕圖標設計也不是隨意而行，而是要遵循一定的設計規范。隨小編一起看看按鈕圖標設計、按鈕設計規范。

　　1.在每個窗口中保持按鈕寬度相等。如果這麼做不切實際的話，應當將有文本標簽的命令按鈕不同寬度的數量限制為兩種。

　　2.對於有文本標簽的命令按鈕來說，應當使用最小按鈕寬度和標准按鈕高度。

　　3.如果同樣的命令按鈕出現在多個窗口中，試著使用相同的標簽文本、訪問鍵及窗口位置。

　　4.如果單擊命令按鈕不會立即產生結果的話，應當顯示忙碌鼠標指針。如果沒有反饋，用戶可能會認為沒有單擊並會再次單擊。

　　5.當其他控件和一個命令按鈕存在互操作時，如帶有“浏覽”按鈕的文本框，應當將該命令按鈕以下列三種方式中的一種進行擺放以表示它們之間的關系位於其他控件下側，左對齊。位於其他控件右側，頂端對齊。在互操作的控件之間垂直居中。

　　6.不要使用過窄、過短或過高的帶有文本標簽的命令按鈕，因為其看起來顯得不專業。盡量使用默認的寬度和高度。

　　7.當命令按鈕附屬於其他控件時，應當使用上述位置，並在上級控件被選中之前禁用附屬的命令按鈕。

　　8.如果多個命令按鈕與同一個控件存在互操作時，在其他控件右側縱向排列並頂端對齊，或在控件下方橫向排列並左對齊。

　　9.避免在命令按鈕上同時使用文本標簽和圖形。同時使用文本和圖標往往會增加不必要的視覺混亂，且無法幫助用戶更好地理解。僅當圖形用於增進理解的時候才考慮同時使用文本和圖形，例如當用於命令的是標准符號或它能夠幫助用戶形象地了解該命令的結果等等。否則，首先考慮文本，或者單獨使用圖形。