為網站選擇合適的菜單設置
2016.12.15
xianggonglushangdelubiaoyiyang,wangzhandefangwenzheyeyilaiyucaidanbangzhudaohang,zhaodaotamenxuyaodequeqiexinxi。bulunshichuizhidehaishishuipingde,bulunshigundongdehaishitubiaoshide,zhengquedecaidanzongnengrangfangwenzhedaodatamenxiangqudedifang。
下麵將介紹六種菜單樣式,希望幫到正在建設網站的你。
水平菜單
shuipingcaidanshiquanqiuwangzhanjianshezhedemorenxuanze,dangranzheyeshiyouyuanyinde。ruguonidekehuxiangyaoyiyankandaowangyedibuerbuxuyaonaxieshimaodecaidanxuanze,najiuxuanzeshuipingcaidanba。tamenweiyuliulanqihebokededingduan,caozuojiandan。
如果子菜單和下拉列表很長時,這種樣式也是最好的選擇。
垂直菜單
chuizhicaidanzhengzaichengweiyuelaiyueshouhuanyingdexuanze。tamenyibanweiyuwangzhandezuoce,bingbuhuirangwangzhanfangwenzhemihuo。chuizhicaidanhuizaiwangyezhongbuliuchuhendadekongjian,suoyizhengzaichengweibokecaidanderemenxuanze。
建議:如果你選擇垂直菜單,頁麵名稱請保持簡短。
固定頁眉菜單
如果網站頁麵很長,有大量的信息,固定頁麵菜單可能適合你。這種樣式能夠凍結頁眉,能夠讓菜單永遠在訪問者視線中。
固定頁眉菜案可以讓網站訪問者輕鬆找到你的網站,並在不同頁麵之間點擊。在網站菜單上放置logo和聯係方式,以便訪問者動動手指就能找到關鍵信息。
固定頁眉菜單舉例:
浮動錨點菜單
ruguonizuijinyoushangwang,namenikendingjianguofudongmaodiancaidan。zuoweichangyemianwangzhanheyidongwangzhandewanmeibanlv,maodiancaidannengrangwangzhanfangwenzhetongguoyicidianjijiutiaozhuandaowangzhandebutongbankuai。maodiancaidanshifudongde,yongyuandounengbaochizaifangwenzheshixianzhong。
圖標菜單
一圖頂一千字,由此可見圖標菜單的重要性。不要用文字版的“首頁”和“聯係我們”,試試使用房屋和信封的圖標。想要讀者訪問你的網店?你可以試試用一張購物車的圖片告訴他們應該點擊哪裏。
圖標菜單是讓訪問者記住網站的好辦法,但也要注意一下,對於一些不那麼熟悉網絡的人來說,這些圖標還是有一點陌生的。
圖標菜單舉例:
頁麵底部菜單
想(xiang)要(yao)一(yi)點(dian)叛(pan)逆(ni)感(gan)?把(ba)菜(cai)單(dan)放(fang)在(zai)頁(ye)麵(mian)底(di)部(bu),為(wei)你(ni)的(de)網(wang)站(zhan)訪(fang)問(wen)者(zhe)帶(dai)來(lai)意(yi)想(xiang)不(bu)到(dao)的(de)體(ti)驗(yan)。由(you)於(yu)設(she)計(ji)流(liu)程(cheng)的(de)不(bu)同(tong),這(zhe)個(ge)樣(yang)式(shi)適(shi)合(he)頁(ye)麵(mian)隻(zhi)有(you)一(yi)張(zhang)焦(jiao)點(dian)圖(tu)、看起來跟簡潔的網站。
建議:底部菜單應該有比較突出的顏色,以免被錯過。
頁麵底部菜單舉例:
下麵將介紹六種菜單樣式,希望幫到正在建設網站的你。
水平菜單
shuipingcaidanshiquanqiuwangzhanjianshezhedemorenxuanze,dangranzheyeshiyouyuanyinde。ruguonidekehuxiangyaoyiyankandaowangyedibuerbuxuyaonaxieshimaodecaidanxuanze,najiuxuanzeshuipingcaidanba。tamenweiyuliulanqihebokededingduan,caozuojiandan。
如果子菜單和下拉列表很長時,這種樣式也是最好的選擇。
水平菜單舉例:

垂直菜單
chuizhicaidanzhengzaichengweiyuelaiyueshouhuanyingdexuanze。tamenyibanweiyuwangzhandezuoce,bingbuhuirangwangzhanfangwenzhemihuo。chuizhicaidanhuizaiwangyezhongbuliuchuhendadekongjian,suoyizhengzaichengweibokecaidanderemenxuanze。
建議:如果你選擇垂直菜單,頁麵名稱請保持簡短。
垂直菜單舉例:

固定頁眉菜單
如果網站頁麵很長,有大量的信息,固定頁麵菜單可能適合你。這種樣式能夠凍結頁眉,能夠讓菜單永遠在訪問者視線中。
固定頁眉菜案可以讓網站訪問者輕鬆找到你的網站,並在不同頁麵之間點擊。在網站菜單上放置logo和聯係方式,以便訪問者動動手指就能找到關鍵信息。
固定頁眉菜單舉例:
浮動錨點菜單
ruguonizuijinyoushangwang,namenikendingjianguofudongmaodiancaidan。zuoweichangyemianwangzhanheyidongwangzhandewanmeibanlv,maodiancaidannengrangwangzhanfangwenzhetongguoyicidianjijiutiaozhuandaowangzhandebutongbankuai。maodiancaidanshifudongde,yongyuandounengbaochizaifangwenzheshixianzhong。
演示視頻:
圖標菜單
一圖頂一千字,由此可見圖標菜單的重要性。不要用文字版的“首頁”和“聯係我們”,試試使用房屋和信封的圖標。想要讀者訪問你的網店?你可以試試用一張購物車的圖片告訴他們應該點擊哪裏。
圖標菜單是讓訪問者記住網站的好辦法,但也要注意一下,對於一些不那麼熟悉網絡的人來說,這些圖標還是有一點陌生的。
圖標菜單舉例:
頁麵底部菜單
想(xiang)要(yao)一(yi)點(dian)叛(pan)逆(ni)感(gan)?把(ba)菜(cai)單(dan)放(fang)在(zai)頁(ye)麵(mian)底(di)部(bu),為(wei)你(ni)的(de)網(wang)站(zhan)訪(fang)問(wen)者(zhe)帶(dai)來(lai)意(yi)想(xiang)不(bu)到(dao)的(de)體(ti)驗(yan)。由(you)於(yu)設(she)計(ji)流(liu)程(cheng)的(de)不(bu)同(tong),這(zhe)個(ge)樣(yang)式(shi)適(shi)合(he)頁(ye)麵(mian)隻(zhi)有(you)一(yi)張(zhang)焦(jiao)點(dian)圖(tu)、看起來跟簡潔的網站。
建議:底部菜單應該有比較突出的顏色,以免被錯過。
頁麵底部菜單舉例:












