您的位置: 首頁 > 資訊 > 設計

提升設計品質的8種佈局方案

藝術中國 | 時間: 2010-04-14 14:47:14 | 文章來源: 中國設計之窗

 

7. 手風琴效果(折疊功能表)

折疊功能表和滑動門以及標簽卡涉及同一個概念:把大量資訊壓縮到一小塊區域裏。“手風琴效果”指的是一些被水準或垂直組織的區塊,通過點擊,一個內容區塊滑向另一個區塊,並將其內部內容展示出來,和手風琴的推拉過程有點相似。

手風琴效果的實例功能性和大點擊區域 Alex Cohaniuc 的手風琴功能表設計的很好。把作品項目藏到手風琴裏是的做法其實挺有道理的,因為這能把每個項目的不必要資訊隱藏起來,等訪客有需要的時候再顯示。説這項設 計好是因為:一,每塊畫布的標題都很大,很好點擊;二,每塊標簽卡都使用了一個小箭頭來反映開闔狀態;三,滑鼠滑過時,當前標簽卡有將它區分出來的不同背 景色。

Screenshot

水準內容滾動

Jason Reed 使用手風琴將整個站點糅合進一張頁面裏。他沒有賦予手風琴以特別不一般的視覺特徵,而是讓它融入了頁面之中。另外,這是一個水準方向推拉的手風琴(儘管標 簽卡是垂直方向的)。請注意看他的標簽卡,每個標簽卡之間的距離很大,這些標簽卡,或者説標題,並不像上一個例子有那麼明顯的區分,設計師利用了留白來將 它們各自獨立。滑鼠移上去的時候,這些十分易讀的標簽就會變成橙色,讓用戶能夠非常明確地了解到自己將要點擊的標簽後面都有什麼。

Screenshot

   上一頁   6   7   8   9   10   11   12   13   14   下一頁  


 

凡註明 “藝術中國” 字樣的視頻、圖片或文字內容均屬於本網站專稿,如需轉載圖片請保留 “藝術中國” 浮水印,轉載文字內容請註明來源藝術中國,否則本網站將依據《資訊網路傳播權保護條例》維護網路智慧財産權。

列印文章    收 藏    歡迎訪問藝術中國論壇 >>
發表評論
用戶名   密碼    

留言須知

 
 
延伸閱讀