網頁設計中常用的技巧:最常見的固定浮窗設計

文章描述：固定浮窗在設計中的使用.

固定浮窗是網頁設計中常用的技巧，指一定區塊固定在瀏覽器的響應位置而不隨捲軸的移動而改變位置的設計。

最常見的固定浮窗設計是固定在瀏覽器底部的彈窗廣告，比如新浪首頁會有新浪視窗的彈窗廣告。

最近噹噹網首頁廣告力度很大，其中大部分都是固定在瀏覽器底部和兩邊。

由於固定浮窗總是顯示在網頁內容的最上端，有時候甚至覆蓋了使用者想要的價值內容，這種設計確實不討人喜歡。有時候，有的固定浮窗會提供“關閉”按鈕，但是這明顯不能消除使用者的反感情緒，因為在一片廣告上找關閉，也是一種煎熬，而且關閉按鈕總是很小，不注意就會點到廣告連結上，有時候這個“關閉”還有可能是假的關閉，點上去之後反而跳到了廣告頁面。

以上這些都是負面的甚至流氓的設計行為，我們不予討論，今天主要來討論固定浮窗在設計中的良性使用。在此之前，我們先分析一下固定浮窗的特點：不隨捲軸移動而移動，出現在瀏覽器的固定位置。如何利用這種特性呢？我們或許可以從案頭軟體的設計中找找靈感。

第一個例子，福昕閱讀器的標籤目錄頁，它有什麼作用？在一篇長文中，使用者可以點擊標籤到達文章的特定部分。在團800網站左邊，有一分類團購的錨鏈，點擊瞭解就能到達相應的分類團購部分。

第二個例子，是WPS2012的工具列和底部的資料顯示。作用很明顯，使用者隨時需要或者隨時可能需要使用的功能或者看到的資訊，用固定的模組展示出來。在新浪微博頂部、新浪微博右邊“回到頂部”按鈕、人人網底部、美麗說登陸框，都有這樣的模組。當然，從網站而非使用者的角度講，固定浮窗廣告也是希望使用者能夠隨時注意到廣告資訊。

因此，使用固定浮窗必須具備的條件就是，頁面很長或者很寬（一般不可能很寬吧？！）的情況下，使用者有需要隨時或者隨時可能有需要在不同段落之間跳轉閱讀，或者有一些功能和資訊隨時需要或隨時可能需要提供給使用者。

[1] [2]  下一頁