網(wǎng)站的導(dǎo)航多為一欄、二欄示绊、三欄锭部，原來所做的業(yè)務(wù)系統(tǒng)，在這方面不太關(guān)心耻台，而最近在做的數(shù)據(jù)看板空免，嘗試了幾種方式，了解了幾種方式的區(qū)別盆耽。
一欄式圖標(biāo)
一欄式版式又稱為“單欄式版式”，它的特點(diǎn)是版面的內(nèi)容區(qū)域非常廣闊扼菠，一欄式的高自由度能夠測(cè)試出設(shè)計(jì)師的水準(zhǔn)摄杂，也更適合表現(xiàn)視覺效果和創(chuàng)意。
1循榆、適合應(yīng)用：官網(wǎng)網(wǎng)站析恢，瀑布式頁(yè)面展示。頂部導(dǎo)航不影響整體感秧饮。
2映挂、網(wǎng)站層級(jí)多，擴(kuò)展性強(qiáng)盗尸。
3柑船、舉例：蘋果官網(wǎng)、阿里云
一欄式_側(cè)欄默認(rèn)展開模式
左側(cè)導(dǎo)航固定泼各，默認(rèn)展開一級(jí)目錄鞍时，右側(cè)主要內(nèi)容區(qū)域滾動(dòng)，內(nèi)容區(qū)自適應(yīng)頁(yè)面寬帶。
1逆巍、適合應(yīng)用：層級(jí)關(guān)系少的網(wǎng)站及塘，結(jié)構(gòu)比較簡(jiǎn)單。
2锐极、缺點(diǎn)：點(diǎn)擊目錄時(shí)笙僚，整個(gè)頁(yè)面會(huì)刷新，視覺上不夠流暢灵再。解決方式：左側(cè)導(dǎo)航采用淺色底色肋层，刷新效果不明顯。
3檬嘀、舉例：百度移動(dòng)統(tǒng)計(jì)
一欄式_側(cè)欄默認(rèn)收起模式
與默認(rèn)展開不同的是槽驶，側(cè)欄默認(rèn)只顯示出一級(jí)圖標(biāo)，當(dāng)切換其他目錄時(shí)鸳兽，側(cè)欄刷新視覺不強(qiáng)烈掂铐，并且右側(cè)展示區(qū)面積大，不會(huì)有喧賓奪主之感揍异。
