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

2018-05-21

1347

網站設計導航中有一個熱門話題:側欄菜單。更多的設計師正在為項目開展垂直側向導航工作,其中許多網站設計的左側都有一個特定的位置。
網站設計導航中有一個熱門話題:側欄菜單。更多的設計師正在為項目開展垂直側向導航工作,其中許多網站設計的左側都有一個特定的位置。

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


側面導航無處不在

側面導航是隐藏和有趣菜單樣式演變的一部分。響應式設計幾乎迫使設計人員考慮替代導航模式,以便在小屏幕上輕松浏覽。漢堡菜單圖标誕生了。

這是演變為更多的彈出式樣式,以漢堡圖标開始。其中一些導航菜單完全打開,而其他導航菜單則提供了一個完整的用戶選項調色闆下拉或下降樣式。常見的主題是許多漢堡圖标打開垂直滑動導航。

完整的側邊欄導航似乎是該想法的延伸。

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

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

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


側面導航優點

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

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

左側垂直導航屬于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

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

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