中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)頁側(cè)邊欄導(dǎo)航設(shè)計(jì)優(yōu)缺點(diǎn)

2022-05-30    分類: 網(wǎng)站建設(shè)

厭倦了傳統(tǒng)頂部導(dǎo)航的設(shè)計(jì)師,越來越偏愛側(cè)邊欄導(dǎo)航了。這種常見于頁面左側(cè)的側(cè)邊欄設(shè)計(jì),已經(jīng)成了許多獨(dú)樹一幟的設(shè)計(jì)師的選擇了。

側(cè)邊欄導(dǎo)航看起來不錯(cuò),它簡化布局的功能似乎也很強(qiáng)大,那么它真的有效么?用戶是否會(huì)認(rèn)可這種設(shè)計(jì)呢?今天,我們仔細(xì)分析一下側(cè)邊欄導(dǎo)航的優(yōu)缺點(diǎn)和使用狀況,盡可能精準(zhǔn)地對(duì)這種設(shè)計(jì)手法進(jìn)行界定和判斷。

無處不在的側(cè)邊欄導(dǎo)航

側(cè)邊欄導(dǎo)航和菜單設(shè)計(jì)的演變有著密不可分的關(guān)系。響應(yīng)式設(shè)計(jì)的流行使得向移動(dòng)端偏移的網(wǎng)頁設(shè)計(jì),不得不采用菜單欄來替代傳統(tǒng)的導(dǎo)航模式,其直接的影響就是催生了漢堡圖標(biāo)。


隨著漢堡圖標(biāo)的流行,彈出式的菜單也越發(fā)的常見。其中有些菜單是完全開放式的,而有的菜單則帶著下拉框,還有一部分直接是彈出的菜單界面。而為了兼容大量的移動(dòng)端界面,下拉和彈出式的菜單大多采用的是縱向布局——而這和側(cè)邊欄的設(shè)計(jì),是如此的相似。換句話來說,這種垂直的導(dǎo)航就是一種彈出式的側(cè)邊欄導(dǎo)航。

目前,這種左側(cè)側(cè)邊欄導(dǎo)航的設(shè)計(jì)已經(jīng)成為一種持續(xù)迭代中的設(shè)計(jì)趨勢(shì)了?,F(xiàn)在我們看到的側(cè)邊欄設(shè)計(jì),常常使用單一的純色打底,包含較少(但是重要或常用的)選項(xiàng),導(dǎo)航欄頂端通常會(huì)包含有品牌或者網(wǎng)站LOGO,文字鏈接,以及帶有小圖標(biāo)的社交媒體帳號(hào)的鏈接。

想要這種側(cè)邊欄設(shè)計(jì)能夠大化的發(fā)揮作用,訣竅在于控制好側(cè)邊欄本身和右側(cè)網(wǎng)站內(nèi)容的對(duì)比度,它要包含足夠清晰可見的導(dǎo)航條目,還要能在移動(dòng)端上良好地運(yùn)作。

還有一點(diǎn)值得一提:不要因?yàn)槠聊粋?cè)邊夠長,就試圖用鏈接和內(nèi)容將側(cè)邊欄填滿。留白是完全可以接受的,在簡約之風(fēng)大行其道的今天,盡量只保留必須的內(nèi)容,讓留白來凸顯它們,才是合乎道理又符合趨勢(shì)的設(shè)計(jì)。今天的文章中的許多優(yōu)質(zhì)案例,都遵循著這樣的設(shè)計(jì)邏輯。

側(cè)邊欄導(dǎo)航的優(yōu)點(diǎn)

側(cè)邊欄導(dǎo)航的美學(xué)特征是毋庸置疑的。它在互聯(lián)網(wǎng)存在的早期就已經(jīng)存在,在軟件的GUI設(shè)計(jì)中常常可以看到,但是在今天它仍然以一種時(shí)尚而前衛(wèi)的姿態(tài)出現(xiàn)。


側(cè)邊欄導(dǎo)航的優(yōu)點(diǎn)如下:

·側(cè)邊欄導(dǎo)航通常位于左側(cè),它位于F式布局的最左側(cè),作為信息主干,也符合用戶的瀏覽習(xí)慣

·側(cè)邊欄導(dǎo)航不會(huì)像漢堡菜單一樣一開始就隱藏其中的條目

·側(cè)邊欄中的條目優(yōu)先級(jí)基本一致

·當(dāng)間距足夠的時(shí)候,側(cè)邊欄中的條目會(huì)非常的一目了然

·今天的側(cè)邊欄通常會(huì)留有足夠的空間,讓后續(xù)的條目能夠加入進(jìn)去

·側(cè)邊欄讓右側(cè)的畫板形狀尺寸不盡相同,設(shè)計(jì)師可以以非常規(guī)的方式來展現(xiàn)視頻和圖片,創(chuàng)造更獨(dú)特的視覺體驗(yàn)

·側(cè)邊欄導(dǎo)航以更加干凈優(yōu)雅的方式呈現(xiàn)更多的鏈接

側(cè)邊欄導(dǎo)航的缺點(diǎn)

不喜歡側(cè)邊欄導(dǎo)航的人也很多,有些爭論是關(guān)于導(dǎo)航欄放在右側(cè)會(huì)不會(huì)更好,還有人則覺得側(cè)邊欄導(dǎo)航本身就是個(gè)麻煩,一方面讓用戶面對(duì)更復(fù)雜的布局,另一方面還增加了開發(fā)的難度。


使用垂直導(dǎo)航,或者說側(cè)邊欄導(dǎo)航,存在的問題:

·垂直式的導(dǎo)航在響應(yīng)式布局當(dāng)中很難正常工作

·導(dǎo)航中的詞匯必須足夠簡短,否則導(dǎo)航欄會(huì)設(shè)計(jì)的很寬,或者部分內(nèi)容無法顯示

·垂直導(dǎo)航所占據(jù)的空間,可能會(huì)擠壓其他更有價(jià)值的內(nèi)容

·在同等內(nèi)容量之下,側(cè)邊欄導(dǎo)航會(huì)讓用戶滾動(dòng)頁面的時(shí)間更長

·頂部導(dǎo)航通常只能放四五個(gè)鏈接,而側(cè)邊欄導(dǎo)航無疑能放更多,這可能會(huì)促使部分設(shè)計(jì)師,在導(dǎo)航欄中塞入過多導(dǎo)航條目

·絕大多數(shù)用戶是右撇子,這些用戶需要橫快整個(gè)屏幕去點(diǎn)擊導(dǎo)航

·垂直導(dǎo)航通常在單頁式頁面上非常好用,但是其他類型的網(wǎng)頁上則沒有想象中那么好使

側(cè)邊欄導(dǎo)航真的好使么?


說真的,討論很多,結(jié)論并不那么明朗。

作為一種設(shè)計(jì)趨勢(shì),側(cè)邊欄導(dǎo)航是引人注意的,作為導(dǎo)航欄,它常駐式的設(shè)計(jì),讓它的功能性更強(qiáng)。如果你的導(dǎo)航是用戶流程中非常重要的存在,那么側(cè)邊欄導(dǎo)航是個(gè)不錯(cuò)的選擇。

總而言之,這種導(dǎo)航設(shè)計(jì)對(duì)于較少的導(dǎo)航內(nèi)容的小型網(wǎng)站而言,頗為有用,尤其是對(duì)于產(chǎn)品展示型的網(wǎng)站而言。

其他的導(dǎo)航模式

非常規(guī)的導(dǎo)航模式是打破了舊有的常規(guī)導(dǎo)航模式的有趣嘗試,除了側(cè)邊欄導(dǎo)航之外,還有一些其他的有趣的導(dǎo)航設(shè)計(jì)。

當(dāng)然,非常規(guī)的導(dǎo)航設(shè)計(jì)最主要的問題在于,用戶不熟悉,容易混淆,迷惑。對(duì)于小型站點(diǎn),適當(dāng)?shù)膰L試還好,對(duì)于復(fù)雜的大型網(wǎng)站,這樣的嘗試就有點(diǎn)得不償失了。

在這里另外介紹兩種有趣的導(dǎo)航設(shè)計(jì)。Aurora 所采用的是隱藏式的導(dǎo)航,點(diǎn)擊LOGO旁邊的菜單按鈕能夠顯示,而AndCulture 則直接將頂部導(dǎo)航旋轉(zhuǎn)了90度直接放到側(cè)面。


兩種設(shè)計(jì)雖然都有人讓人意想不到,但是都在各自的網(wǎng)站中良好的運(yùn)行。當(dāng)然,不管你要做多么奇怪的嘗試,在真正決定投入使用之前,盡量多做用戶測(cè)試,確保它們是有效的。

名稱欄目:網(wǎng)頁側(cè)邊欄導(dǎo)航設(shè)計(jì)優(yōu)缺點(diǎn)
文章鏈接:http://www.rwnh.cn/news/161199.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、響應(yīng)式網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)公司、關(guān)鍵詞優(yōu)化、Google

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營
鄂尔多斯市| 宣恩县| 神池县| 四川省| 深泽县| 手机| 宝坻区| 隆安县| 马尔康县| 萨嘎县| 宜黄县| 荥经县| 营山县| 象山县| 石狮市| 巴里| 梨树县| 准格尔旗| 阿鲁科尔沁旗| 南康市| 冷水江市| 神池县| 通州区| 北京市| 玛曲县| 贡山| 驻马店市| 白玉县| 桐乡市| 宜春市| 赣州市| 定陶县| 江川县| 渭南市| 方山县| 通江县| 景谷| 涟水县| 吴桥县| 麻栗坡县| 高尔夫|