按鈕分組
按鈕的分組可以讓一個界面變得具有自我描述能力.在復雜的布局中,組織良好的各組按鈕用以選擇,而且因為很明顯,這樣可以很快告訴用戶有哪些功能可以使用。
幾個按鈕放在一起,因為它們可能完成類似的功能。我們可以看范例iTunes的主窗口,四個角分別放置了一組按鈕,界面中間的歌曲也有很多的行動點。加上滾動條,該界面只有有14個按鈕。確實有很多的功能,不過因為視覺上和語言上的巧妙組合,并不會給用戶很亂的感覺。
制定“阿里助手”視覺規(guī)范的時候運用的就是視覺相似性歸類,假若這組按鈕大小都一致,那么看起來就是一個整體,合適的大小和對齊可以幫助一組按鈕組成一個大一些的組合圖形。
分組按照按鈕的功能來分,設計上以顏色,大小來區(qū)分,為了頁面的整體性,質感我們都保持一致的。用簡短而又含義明確的動詞或者動詞短語作為標簽,如果用戶不需要的時候不要使用高深的專門用語。以后臺頁面的按鈕為例,一級按鈕和二級按鈕尺寸大小規(guī)格都是一致的,只要就是以顏色來區(qū)分(整張頁面中橙色的按鈕至多出現(xiàn)一個)。下面紅框部分的為表單列表中的按鈕
出處:Alibaba.com UED
責任編輯:bluehearts
上一頁 下一頁 淺談按鈕分組和位置 [2]
|