下拉菜單樣式是懸停式菜單，這種設計模式對于今天的用戶來說已經不太起作用了。這個概念很的操作性過于繁瑣，并切不總是能夠很好地在小屏的網頁設計中被轉換。

設計師在進行網頁設計的時候應該充分的考慮用戶的需求（畢竟設計最終是要給到用戶手里進行檢驗的）。作為一個用戶，肯定希望菜單和導航選項更易于使用，易于理解，并且不會在幾秒鐘內提供比他們想象中更多選項（這可能導致他們無所適從）。導航菜單應與終端設備無關，但是在不同設備上應以相同的方式工作，創建單一體驗，跨設備類型。那么你能做什么來告別那些下拉菜單呢？這里我們有五個選擇供你參考。

一.卡式導航
卡片式，卡片式和更多的卡片式。看起來設計師（和用戶）可以從中得到足夠友好體驗。那么為什么不讓卡片式成為選的導航/菜單選項呢？
從主頁上的卡片圖案開始，這是一個全屏體驗時代。然后，每張卡片將用戶帶到網站的不同部分。這個想法是如此簡單直觀，任何用戶都能夠直觀的瀏覽整個網站流程，輕松找到他們正在尋找的內容。
此外，響應卡片式設計能夠隨后在移動設備的屏幕上“變換到位”，以便跨平臺的體驗相似（用戶會愛上你的）。
如果你需要混合式設計，試著考慮以卡片式的界面作為承載內容的“盒子”。混合不同的卡片樣式——文字，圖像，視頻，使用戶可以瀏覽整體網頁設計的同時與多個元素進行交互。上面的katvig做到了一個很好的范例，結合多種卡片樣式，顏色和簡單的動畫來吸引用戶注意特定的元素。
二.粘性菜單
簡單可用的粘性菜單是幫助用戶瀏覽你網站整體的最簡單的方法。創建一個簡單的菜單結構，只需要幾個重要元素，并確保粘性元素找到并鎖定到屏幕上的特定位置。
大多數時候，這些菜單欄的原始狀態是大的，然后通過變換折疊成更小的版本，固定在每個頁面上的屏幕頂部。
the bloomberg mayors challenge的網站設計在這方面做的很棒。菜單的位置從屏幕中間移動到主頁頂部，以此提供視覺興趣，并粘貼在網站中的其他頁面。此外，菜單還提供了用戶可能需要的其他一些內容，例如社交媒體圖標，以便快速訪問和快速更改語言。
這種簡單的解決方案是你可以做的最方便用戶的事情之一。這就是為什么粘性菜單是許多“套餐”網站主題最受歡迎的銷售功能。
三.垂直側面菜單
這是世界上最受歡迎的兩個網站（twitter和facebook）中最受歡迎功能，其他許多網站都沒有利用垂直側面菜單導航。也許是時候開始了。
兩個社交媒體網站在網頁設計中都將重要元素納入到側欄式導航中。窄立柱樣式可以很好的保存大量簡單的文本信息，使事情更容易，并且一目了然。
在菜單的位置上，無論你選擇位于屏幕左側還是右側都是可以的（不過它們各自還是有一些優點和缺點的），我會考慮導航與其他圖像的運作方式來決定最終的位置。網站的其余部分是否需要統一方向拉到一邊或另一邊？主視覺圖像可以引導用戶查看導航嗎？你可以嘗試以一個大圖片的方式來思考元素，創造出一個單一，統一的感覺。
四.滾動面板
無論你多么喜歡滾動，使用諸如視差或面板之類的滾動效果，只要可以將用戶引導到網站設計的不同部分就都是有效的導航方式。雖然我們很多人（包括我自己）在幾年前就提出了滾動，但其真正的發展基于較小的高分辨屏幕設備的流行，使得這種高可用功能的導航模式重新出現在公眾的視野中。
通過這種形式，用戶不必滾動鼠標向下移動頁面，所以你不必急于在第一屏上填充每個鏈接或信息。將html5作為你的的優勢，構建一個網站，使導航成為用戶身臨其境的體驗的一部分（實際上，用戶甚至可能無法識別導航的真實感覺）。
為了使其工作，你必須做的不僅僅是創建一個長鏈接或一堆鏈接。設計必然會帶來影響，提醒用戶你正在做什么，通過“屏幕”之間的顏色創建視覺分離，并包含大量可點擊區域，可以將用戶的下一步操作直接告訴用戶。
如果你擔心某些用戶可能需要更傳統的網站地圖樣式菜單，請考慮將其放在網站設計的底部欄中。你最終會得到一個更加流線型的設計，并將這些可鏈接的項目保留在單一位置，供偏于傳統的用戶使用。
五.隱藏式漢堡導航
在你陷入“我討厭漢堡包圖標”這個話題之前，重新仔細想想，無論你喜歡與否，這個小小的圖標已經變成了一個彈出、擺動或者隱藏的菜單符號了。用戶似乎以及習慣于這種引用了。雖然許多設計師似乎都不喜歡它，但是你可能最終也會在你的網頁設計項目中使用到它。
所以，放棄抵抗吧。
相反，要努力尋找以及創造出更好的方法將圖標整合到整個導航模式中。對于現在開放為簡約的全屏菜單模式，你需要全面地挖掘漢堡包圖標，如上面trivium art history在其網頁設計中應用的一樣。
漢堡導航的訣竅在于簡單，僅此而已。菜單是粗體的，為用戶提供了幾個選擇，并且易于在任何設備上使用。現在誰還需要幾十個菜單選項呢？大部分用戶將從內部的搜索引擎上登陸你的網站或直接輸入你的網址。
總結
導航模式和菜單風格是網站設計的一個不斷發展的部分，在這里的許多趨勢比其他地方更慢。這可能是由于設計不同風格的復雜性，對于謹慎的設計者來說，它們在考慮網頁設計導航樣式的時候往往考慮的是更加接受的用戶模式，因為這確實是比較保險的。
教訓是：簡單的導航往往是更好的。如果你現在仍在使用笨重而且過于復雜的下拉菜單的話，那是時候改變了。

分享文章：緊跟潮流的五種下拉菜單樣式,讓你的網站就是與眾不同
文章位置：http://www.js-pz168.com/news24/106524.html

成都網站建設公司_創新互聯，為您提供網站導航、網站內鏈、網站營銷、網站設計、網站建設、網站維護

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯