網站設計導航中有一個熱門話題:側欄菜單。更多的設計師正在為項目開展垂直側向導航工作,其中許多
網站設計的左側都有一個特定的位置。
雖然它看起來不錯,并且可以幫助簡化整個畫布中的混亂,但它確實有效嗎?用戶是否會回應側面導航?這是你應該考慮的設計趨勢嗎?今天,我們將嘗試用一些實用而有用的答案來解答問題的核心。
側面導航無處不在
側面導航是隱藏和有趣菜單樣式演變的一部分。響應式設計幾乎迫使設計人員考慮替代導航模式,以便在小屏幕上輕松瀏覽。漢堡菜單圖標誕生了。
這是演變為更多的彈出式樣式,以漢堡圖標開始。其中一些導航菜單完全打開,而其他導航菜單則提供了一個完整的用戶選項調色板下拉或下降樣式。常見的主題是許多漢堡圖標打開垂直滑動導航。
完整的側邊欄導航似乎是該想法的延伸。
目前迭代的趨勢主要是左側導航側欄。它們往往很簡單,只有單一的純色(或疊加),并包含一些可供選擇的項目。導航欄可以包含徽標或品牌標記,文本鏈接和社交媒體或其他圖標和搜索的組合。
使這一趨勢發揮作用的關鍵是確保側邊欄包含足夠的對比度,以便與屏幕的其他部分保持清晰可見,它必須在移動設備上工作(這可能相當棘手),并且足夠寬以容納字體是可讀的。
在考慮垂直導航時,還有一點建議:不要試圖填充太多元素,以填補標準分辨率屏幕的深度。作為這種格式的設計工具,空白是完全可以接受的 - 甚至是強烈推薦的。查看本文中的示例,您可以看到在項目之間留出空間或者將元素與空間的頂部,底部或中心對齊可以分別具有吸引力。導航欄中的額外空間將有助于吸引眼球,有助于增加整體可用性。
側面導航優點
側面導航有很多美學價值。雖然這個概念在網絡的早期階段經常使用,但今天的垂直導航菜單時尚而時尚。
使用垂直側面導航的優點包括:
左側垂直導航屬于F形的長行程,讀者首先在頂部,然后在左側作為自然閱讀模式
菜單項目最初并不像其他時髦風格(如漢堡菜單)那樣隱藏
項目在滾動上方保持相同的權重
當元素之間有足夠的間距時,自頂向下讀數很容易掃描
剩下的設計留下整齊的帆布
提供不同的形狀畫布,可以增加視覺興趣或使用戶更容易地使用某些圖像或視頻內容
可能會以干凈的方式包含更多鏈接
側面導航缺點
有很多人不喜歡垂直導航。雖然可用性方面的大抱怨與右側導航有關,但一些設計師認為,垂直導航風格為用戶和開發人員增添了一定程度的復雜性。
使用垂直側面導航的原因包括:
垂直導航在響應式框架中正常工作可能很困難
導航中的單詞必須足夠短,以適應窄列而不使用不可讀的字體
垂直導航使用的空間可能對其他內容更有價值。
使用更寬的屏幕時,滾動更高,某些導航元素可能會“丟失”。> / li>
來自垂直導航的額外“空間”可能會鼓勵一些設計人員過度沉迷導航菜單; 與頂級的水平導航一樣,只能堅持站點內的前四個或五個鏈接。
許多鼠標用戶(右手)必須穿過屏幕才能點擊導航元素。這可能是一個繁瑣且最終令人討厭的用戶模式。
垂直導航需要滾動并“粘”到屏幕上,以便用戶不會丟失它。通常,垂直導航在單頁設計中效果很好,但使用范圍更廣時會變得很笨拙。
它真的有用嗎?
垂直側面導航是否真的有效?
陪審團仍然在那個之外。
這個趨勢很引人注目,讓你看起來很漂亮。所以,這有一些價值,因為用戶會看到它。如果您的導航是點擊模式和用戶流程的重要組成部分,則可以考慮此選項。
總的來說,這種導航風格似乎對于只有少數導航選項和有限內容的小型網站來說是最有效的。本文中的許多例子似乎都是針對房地產綜合體(完全是偶然的),而它似乎也適用于創意組合或代理網站。任何帶有大量內容的設計都可能會讓人感覺側面導航在設計和內容層次上過于嚴格。
關于其他導航位置怎么樣?
非傳統的導航風格可能是一種有趣的方式來打破一些相同的舊設計模式。垂直選項只是幾個想法之一。
任何非標準用戶模式的問題在于您冒著使用戶混淆的風險,導致他們完全放棄網站。任何這樣的實驗對于具有簡單整體視覺流的較小站點來說都是最好的。
另外兩種正在開始吸引力的導航風格包括Aurora使用的水平漢堡包彈出窗口(上圖)以及AndCulture使用的90度傾斜文本導航(下圖)。
這兩種風格都提供了一些意想不到的效果,并且在各自的環境中運行良好,但它們可能很難用不同的設計理解。與任何設計技術一樣,如果您在正常用戶模式之外執行某些操作,請務必經常關注分析和測試。如果存在奇怪的點擊模式,或者用戶停止通過導航進行移動,則可能會遇到非傳統設計方面的問題,需要重新考慮。
結論
有一點是肯定的,當涉及到導航趨勢時,用戶和設計人員似乎厭倦了完全隱藏的樣式和需求選項,這些選項在臺式機和移動設備上以類似的格式工作。這可能是縱向格局趨勢的原因之一。
本文來自創新互聯品牌網站建設網站設計制作公司-創新互聯
標簽:公司網站制作,成都建設網站,官網建設,網頁制作公司,建網站公司,企業建站,重慶網站建設公司,成都網頁設計公司,成都網站設計公司,企業網站建設
文章名稱:設計趨勢:側面導航無處不在,但它有效嗎?
文章源于:http://m.newbst.com/news48/171398.html
成都網站建設公司_創新互聯,為您提供微信小程序、面包屑導航、電子商務、網站策劃、企業網站制作、做網站
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯