GOGOGO免费完整国语版_GOGOGO手机高清在线观看_GOGOGO免费完整国语_GOGOGO高清完整版_GOGOGO免费高清在线完整版_GOGOGO免费高清完整版

400-611-9921

當(dāng)前位置:首頁 > 新聞資訊 > 建站知識
設(shè)計趨勢:側(cè)面導(dǎo)航無處不在,但它有效嗎?

2019-04-08

3388

網(wǎng)站設(shè)計導(dǎo)航中有一個熱門話題:側(cè)邊欄菜單。更多設(shè)計師正在為項目使用垂直側(cè)導(dǎo)航,左側(cè)的特定位置用于許多這些網(wǎng)站設(shè)計。

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

側(cè)面導(dǎo)航隨處可見

側(cè)面導(dǎo)航是隱藏和有趣菜單樣式演變的一部分。響應(yīng)式設(shè)計幾乎迫使設(shè)計師考慮替代導(dǎo)航模式,以便更容易在小屏幕上四處走動。漢堡包菜單圖標誕生了。

這已經(jīng)演變?yōu)楦鄰棾鍪降娘L(fēng)格,從漢堡包圖標開始。其中一些導(dǎo)航菜單完全打開,而其他導(dǎo)航菜單提供了一個下拉或下降的樣式與完整的用戶選項。共同的主題是許多漢堡包圖標打開垂直滑動導(dǎo)航。

全側(cè)邊欄導(dǎo)航似乎是這個想法的延伸。

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

使這種趨勢發(fā)揮作用的關(guān)鍵是確保側(cè)邊欄包含足夠的對比度,以便與屏幕的其余部分保持清晰可見,它必須在移動設(shè)備上工作(這可能相當(dāng)棘手)并且足夠?qū)捯园煮w是可讀的。

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


側(cè)面導(dǎo)航優(yōu)點

側(cè)面導(dǎo)航具有很多美學(xué)價值。雖然這個概念在網(wǎng)絡(luò)的早期經(jīng)常使用,但今天的垂直導(dǎo)航菜單時尚而時尚。

使用垂直側(cè)面導(dǎo)航的優(yōu)點包括:

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


側(cè)導(dǎo)航構(gòu)成


有一大群人根本不喜歡垂直導(dǎo)航。雖然可用性方面的最大抱怨與右側(cè)導(dǎo)航有關(guān),但一些設(shè)計師認為垂直導(dǎo)航樣式為用戶和開發(fā)人員增加了一定程度的復(fù)雜性。

使用垂直側(cè)面導(dǎo)航的原因包括:

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


真的有用嗎?


垂直側(cè)導(dǎo)航真的有效嗎?

陪審團仍在那個問題上。

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

總的來說,這種導(dǎo)航風(fēng)格似乎對只有少數(shù)導(dǎo)航選項和有限內(nèi)容的小型網(wǎng)站最有效。本文中的許多示例似乎都是針對房地產(chǎn)綜合體(完全是偶然的),而它似乎也適用于創(chuàng)意組合或代理網(wǎng)站。任何具有大量內(nèi)容的設(shè)計可能會覺得側(cè)面導(dǎo)航在設(shè)計和內(nèi)容層次結(jié)構(gòu)方面過于嚴格。

其他導(dǎo)航地點怎么樣?

非傳統(tǒng)導(dǎo)航樣式可以是一種有趣的方式來分解一些相同的舊設(shè)計模式。垂直選項只是少數(shù)幾個想法中的一個。

任何非標準用戶模式的問題在于您冒著混淆用戶的風(fēng)險,導(dǎo)致他們完全放棄網(wǎng)站。任何此類實驗最適合具有簡單整體視覺流的較小網(wǎng)站。

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

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

結(jié)論

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


本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-縱天科技

標簽:司網(wǎng)站制作,廣州建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁制作公司,建網(wǎng)站公司,企業(yè)建站,廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁設(shè)計公司,廣州網(wǎng)站設(shè)計公司,廣州企業(yè)網(wǎng)站建設(shè)

免費咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項目顧問通話

400-611-9921

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

信息保護中,請放心填寫
關(guān)閉
免費獲取方案
五河县| 达日县| 永吉县| 大埔区| 隆子县| 木兰县| 桐柏县| 普宁市| 临沂市| 浪卡子县| 巩义市| 商河县| 格尔木市| 瓦房店市| 宜都市| 东兰县| 兴业县| 通许县| 炎陵县| 通城县| 三门县| 南京市| 东乡族自治县| 明溪县| 莒南县| 东乌| 北流市| 金华市| 德兴市| 东阳市| 隆子县| 乌海市| 黄梅县| 常州市| 泗水县| 应城市| 乐陵市| 泰安市| 容城县| 海原县| 商丘市|