全國免費咨詢熱線:400-611-9921
 
設計趨勢:側面導航無處不在,但它有效嗎?

2019-04-08

548

網站設計導航中有一個熱門話題:側邊欄菜單。更多設計師正在為項目使用垂直側導航,左側的特定位置用于許多這些網站設計。 雖然看起來不錯,可以幫助簡化整體畫布中的混亂,但它真的有用嗎?用戶會回應側面導航嗎?這是一個你應該考慮的設計趨勢嗎?今天,我們将嘗試通過一些實用和可用的答案來解決問題的核心
網站設計導航中有一個熱門話題:側邊欄菜單。更多設計師正在為項目使用垂直側導航,左側的特定位置用于許多這些網站設計

雖然看起來不錯,可以幫助簡化整體畫布中的混亂,但它真的有用嗎?用戶會回應側面導航嗎?這是一個你應該考慮的設計趨勢嗎?今天,我們将嘗試通過一些實用和可用的答案來解決問題的核心。

側面導航随處可見

側面導航是隐藏和有趣菜單樣式演變的一部分。響應式設計幾乎迫使設計師考慮替代導航模式,以便更容易在小屏幕上四處走動。漢堡包菜單圖标誕生了。

這已經演變為更多彈出式的風格,從漢堡包圖标開始。其中一些導航菜單完全打開,而其他導航菜單提供了一個下拉或下降的樣式與完整的用戶選項。共同的主題是許多漢堡包圖标打開垂直滑動導航。

全側邊欄導航似乎是這個想法的延伸。

當前疊代的趨勢主要是薄左手導航側邊欄。它們往往是簡單的,單一的純色(或疊加),并包括一些可供選擇的項目。導航欄可以包括徽标或品牌标記,文本鍊接和社交媒體或其他圖标和搜索的混合。

使這種趨勢發揮作用的關鍵是确保側邊欄包含足夠的對比度,以便與屏幕的其餘部分保持清晰可見,它必須在移動設備上工作(這可能相當棘手)并且足夠寬以包含字體是可讀的。

在考慮垂直導航時,還有一個建議:不要僅僅為了填補标準分辨率屏幕的深度而過于充滿元素。白色空間完全可以接受 - 甚至強烈推薦 - 作為這種格式的設計工具。查看本文中的示例,您可以看到在項目之間留出空間或将元素對齊到頂部,底部或中心,周圍的空間可以各自具有吸引力。導航欄中的額外空間将有助于吸引眼球,有助于增加整體可用性。


側面導航優點

側面導航具有很多美學價值。雖然這個概念在網絡的早期經常使用,但今天的垂直導航菜單時尚而時尚。

使用垂直側面導航的優點包括:

左垂直導航屬于F形的長行程,其中讀者首先看到頂部然後向左看作為自然閱讀模式
菜單項目最初并未隐藏,因為其他時尚風格(如漢堡菜單)經常會出現這種情況
項目在卷軸上方具有相同的權重
當元素之間有足夠的間距時,可以輕松掃描自上而下的讀數
為整個設計留下整潔的帆布
提供不同形狀的畫布,可以增加視覺興趣或使用戶更容易使用某些圖像或視頻内容
可以以幹淨的方式包含更多鍊接


側導航構成


有一大群人根本不喜歡垂直導航。雖然可用性方面的最大抱怨與右側導航有關,但一些設計師認為垂直導航樣式為用戶和開發人員增加了一定程度的複雜性。

使用垂直側面導航的原因包括:

在響應式框架中使垂直導航正常工作可能很困難
導航中的單詞必須足夠短,以适應窄列而不使用不可讀的字體
垂直導航使用的空間可能對其他内容更有價值。
對于更寬的屏幕,滾動更高,一些導航元素可能會“丢失”。> / li>
垂直導航的額外“空間”可能會鼓勵一些設計師過度使用導航菜單。與頂部,水平導航一樣,隻堅持網站内的前四或五個鍊接。
許多鼠标用戶(右手)必須通過屏幕點擊導航元素。這可能是麻煩且最終令人讨厭的用戶模式。
垂直導航需要滾動并“粘貼”到屏幕上,以便用戶不會丢失它。垂直導航通常在單頁設計上運行良好,但随着使用範圍的擴大而變得尴尬。


真的有用嗎?


垂直側導航真的有效嗎?

陪審團仍在那個問題上。

這個趨勢引人注目,讓你看起來。所以,因為用戶會看到它,所以有一些價值。如果您的導航是點擊模式和用戶流程的重要組成部分,則可以考慮使用此選項。

總的來說,這種導航風格似乎對隻有少數導航選項和有限内容的小型網站最有效。本文中的許多示例似乎都是針對房地産綜合體(完全是偶然的),而它似乎也适用于創意組合或代理網站。任何具有大量内容的設計可能會覺得側面導航在設計和内容層次結構方面過于嚴格。

其他導航地點怎麼樣?

非傳統導航樣式可以是一種有趣的方式來分解一些相同的舊設計模式。垂直選項隻是少數幾個想法中的一個。

任何非标準用戶模式的問題在于您冒着混淆用戶的風險,導緻他們完全放棄網站。任何此類實驗最适合具有簡單整體視覺流的較小網站。

另外兩種開始獲得牽引力的導航樣式包括Aurora(頂部)使用的水平漢堡彈出和AndCulture使用的90度傾斜文本導航(下圖)。

這兩種風格都提供了一些意想不到的效果,并且在各自的環境中運行良好,盡管它們可能很難用不同的設計理解。與任何設計技術一樣,如果您在正常用戶模式之外執行某些操作,請務必仔細觀察分析并進行測試。如果存在奇怪的點擊模式或用戶停止浏覽導航,則可能是非傳統設計存在問題,需要重新考慮。

結論

有一點可以肯定的是,在導航趨勢方面,用戶和設計師似乎厭倦了在桌面和移動設備上以類似格式工作的完全隐藏的樣式和需求選項。這可能是垂直模式趨勢的原因之一。


本文來自廣州品牌網站建設網站設計制作公司-縱天科技

标簽:司網站制作,廣州建設網站,官網建設,網頁制作公司,建網站公司,企業建站廣州網站建設公司,廣州網頁設計公司,廣州網站設計公司,廣州企業網站建設

立即緻電縱天品牌顧問:
400-611-9921
聯系我們:

地址1:廣州市天河區中山大道中38号加悅大廈8F

地址2:杭州市濱江區濱安路1190号智彙中心B308

業務 QQ: 251232156

E-mail: sales@caifu38890.cn

電話咨詢 在線咨詢 QQ咨詢 官方微信
官方微信
TOP

立即與縱天項目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預約資深顧問

信息保護中,請放心填寫
關閉