發布人:admin , 瀏覽次數:81 , 發布時間:2018-01-24 09:06
下面是幾種可見性較強的導航菜單樣式:
1. 標簽式導航
如果你網站的導航菜單項數量相對不多,且比較常用,這時你可以選擇標簽式導航。不管你準備將這個標簽式導航放在頁面上方還是下方,一定要確保用戶能一眼就看見它,確保菜單內容是一目了然的。雖然標簽式菜單算是導航菜單設計中最簡單的一種樣式了,但在網頁中使用這種形式的菜單時還是要注意以下幾點:
使用標簽式導航時,菜單項最好不超過5個;
標簽式導航在使用時,至少應有一個標簽始終處于活動狀態,且通過色彩對比,將活動狀態的標簽突出顯示出來;
通常第一個標簽應設置為主頁,標簽欄順序按照用戶使用的優先級來排列;(青島微信營銷)
在導航標簽當中,最好使用"圖標+文本"的方式來呈現,而諸如搜索應用中的搜索按鈕這樣常用且用戶熟知的操作,則只需要通過圖標來展示;
為了節省空間,導航欄可以在滾動翻頁過程中隱藏,而當頁面靜止的時候顯現;
2. 標簽欄+"更多"選項
如果你的導航菜單項數量比較多,你可以選擇"標簽欄+更多"的菜單設計方式:將4個比較主要的菜單項以標簽樣式展示出來,剩下的菜單項則出現在"更多"選項中。這種設計方式的原理其實和標簽式導航沒有多大區別,只是多了一個"更多"選項。不過,這種導航菜單樣式比隱藏式菜單更加優秀,一方面,雖然它同樣隱藏了內容,但是絕大多數的重要選項已經被展示出來了,可見性還是比較強的。另一方面,"更多"選項按鈕既可以出現下拉菜單,也可以鏈接到獨立的菜單頁面,具體的設計策略能夠根據網站實際狀況靈活處理。
3. 漸進收縮式導航
漸進收縮式導航菜單,也被稱為"優先級+"菜單,是一種符合響應式設計規則的菜單設計,它會根據屏幕寬度和大小,盡可能多的顯示優先級菜單項,而那些無法顯示出來的菜單項則會被收納到"更多"按鈕中,當然"更多"按鈕中能夠菜單項的多少也取決于屏幕的寬度。這種設計方案比靜態的標簽式+更多的按鈕更加靈活自然,更能給用戶提供較好的體驗,當然在設計方面也要復雜不少。
4. 滾動式導航菜單
和前兩種設計方案一樣,滾動式菜單也是針對較多菜單項的一種解決方法。如果你的網站有許多菜單項,且菜單項之間沒有優先級順序,你可以將所有的條目列在可滾動查看的范圍內,讓用戶自行查看。不過滾動式菜單的弊端在于當頁面沒被滾動時,只有主菜單呈現,剩下的菜單項都是難以看見的。
5. 全屏導航
前面的4種設計方案的基本思路,都是盡可能的少占據屏幕空間,而全屏式導航則采用了完全相反的策略。這種設計方法,直接將主頁做成導航,用戶打開首頁之后,可以上下滾動瀏覽導航類目,根據需求來點擊不同的導航,尋找自己想要的內容。
這種設計模式通常適用于目標任務比較明確的網站,尤其適合于那種用戶任務會固定在特定的類別當中的應用和網站。這種結構明確的網站,對于他們的固定用戶而言,是非常的清晰、明確的,一方面可以讓網站的設計和優化更加便捷,另一方面對用戶而言更加好用,更容易集中注意力。Yelp網站就使用全屏導航讓設計以更加一致的方式來組織導航內容,更有針對性的展示信息。
青島微信營銷,就找青島卓信網絡技術有限公司!