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

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

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

 

用於展示産品的滑門樣式與上面的例子對應,滑門不僅能用於大容量資訊的組織,也能為用戶瀏覽大量産品條目提供方便。 SourceBits (見下圖)使用了多層滑門(一個水準的,一個垂直的),用唱片封面作為導航條目。

水準滑門兩端都有大的圓形箭頭圖標,實時反映左右導航的可用性。滑動的時候有平滑的動畫,用起來非常舒服。同時,你也能看到,各個元素間距都精心設計過,這有助於內容組織,也提升了可用性。滑鼠滑過時,每個條目還有漂亮的聚光燈效果。

Screenshot

垂直滑動的內容以及超大的水準“點擊條” 接下來看看 QuickSnapper 的滑門。這是一個完美融入頁面整體佈局的十分好用的垂直滑門。滑門內容中有大量截屏圖,內容被有序地組織起來。這個滑門最讚的地方就是上下方的按鈕導航。按鈕寬及整個滑門,大的按鈕讓“推拉”滑門更加容易。

還有,這些按鈕的:active和:focus效果也很漂亮。

Screenshot

滑門腳本

你可以參考下面的腳本、技巧和教程製作你自己的滑門:

   上一頁   1   2   3   4   5   6   下一頁  


 

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

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

留言須知

 
 
延伸閱讀