淺談按鈕分組和位置 - 網頁設計

http://webdesign.zoapcon.com

按鈕分組

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

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


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

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

 

 

 

 


arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜

    inspirr 發表在 痞客邦 留言(0) 人氣()