7. 手風琴效果(折疊功能表)
折疊功能表和滑動門以及標簽卡涉及同一個概念:把大量資訊壓縮到一小塊區域裏。“手風琴效果”指的是一些被水準或垂直組織的區塊,通過點擊,一個內容區塊滑向另一個區塊,並將其內部內容展示出來,和手風琴的推拉過程有點相似。
手風琴效果的實例功能性和大點擊區域 Alex Cohaniuc 的手風琴功能表設計的很好。把作品項目藏到手風琴裏是的做法其實挺有道理的,因為這能把每個項目的不必要資訊隱藏起來,等訪客有需要的時候再顯示。説這項設 計好是因為:一,每塊畫布的標題都很大,很好點擊;二,每塊標簽卡都使用了一個小箭頭來反映開闔狀態;三,滑鼠滑過時,當前標簽卡有將它區分出來的不同背 景色。
水準內容滾動
Jason Reed 使用手風琴將整個站點糅合進一張頁面裏。他沒有賦予手風琴以特別不一般的視覺特徵,而是讓它融入了頁面之中。另外,這是一個水準方向推拉的手風琴(儘管標 簽卡是垂直方向的)。請注意看他的標簽卡,每個標簽卡之間的距離很大,這些標簽卡,或者説標題,並不像上一個例子有那麼明顯的區分,設計師利用了留白來將 它們各自獨立。滑鼠移上去的時候,這些十分易讀的標簽就會變成橙色,讓用戶能夠非常明確地了解到自己將要點擊的標簽後面都有什麼。
|