WEB設計按鈕分組和位置

 

按鈕分組

按鈕的分組可以讓一個界面變得具有自我描述能力。在復雜的布局中，組織良好的各組按鈕用以選擇，而且因為很明顯，這樣可以很快告訴用戶有哪些功能可以使用。

幾個按鈕放在一起，因為它們可能完成類似的功能。我們可以看范例iTunes的主窗口，四個角分別放置了一組按鈕，界面中間的歌曲也有很多的行動點。加上滾動條，該界面只有有14個按鈕。確實有很多的功能，不過因為視覺上和語言上的巧妙組合，并不會給用戶很亂的感覺。

制定“阿里助手”視覺規范的時候運用的就是視覺相似性歸類，假若這組按鈕大小都一致，那么看起來就是一個整體，合適的大小和對齊可以幫助一組按鈕組成一個大一些的組合圖形。

分組按照按鈕的功能來分，設計上以顏色，大小來區分，為了頁面的整體性，質感我們都保持一致的。用簡短而又含義明確的動詞或者動詞短語作為標簽，如果用戶不需要的時候不要使用高深的專門用語。以后臺頁面的按鈕為例，一級按鈕和二級按鈕尺寸大小規格都是一致的，只要就是以顏色來區分（整張頁面中橙色的按鈕至多出現一個）。下面紅框部分的為表單列表中的按鈕

---