電商網站的導航欄裏面包含了很多內容,涵蓋了整個網站的所有主題,所以一款好的網站導航是整個網站的關鍵之處;電商網站建設和企業網站建設不同,企業網站的導航裏面所包含的內容比較少,只含有公司的主要展示的幾個板塊,而電商的導航會根據其所出售的產品進行設計,東西多分類就會多;當我們在接受電商網站製作的時候一定要善於觀察與總結,多看一些較大的網站他們的設計風格與結構安排。
舉一個列子,我們看一下阿里巴巴的網站的導航,導航的欄目設計的比較少,分為了幾個大的板塊,然後導航的顏色和網站的 logo 顏色是同一種顏色,是整個網站的主色調,這樣是突出了網站的導航中的每個欄目;而網站在往裏面點點選進去就有了變化,導航顏色和網站的整體顏色有了不同,而這裏就是突出網站的這個欄目;所以針對不同顏色的運用就不同了(配圖)!
建議一:導航的設計要商業化、化
很多人會問什麼是商業化顏色,其實這個沒有具體的顏色,只是看上去不要太幼稚而已。不知道大家有沒有見過很多導航設計的色調為粉色,還有一些比較凌亂,亦或太女性化的,這樣的導航會對整個網站有影響,看上去也是非常的不的,作為網站的導航欄,要比其他的標題欄的高度更高,字型要大一些,要加粗,要更突出,但是不能太大;看起來太粗糙,不夠精緻。
在企業網站的設計中,我們要保證頁面的效果,常常使用 FLASH 、 JS 來製作導航欄,使導航欄有很多動態的效果。比如滑鼠放上去的時候變色、運動,比如使用看起來很不商業化的圖片作為導航欄背景,在導航欄上加太多卡通的圖示等,都不符合 B2B 行業網站嚴肅、簡潔、大方的特點。
建議二:導航要符合搜索引擎優化
這一點也是企業與電商網站的不同,企業站也可運用下拉選單,但是電商網站就不要用了,其主要原因就是搜索引擎的優化不是很好,因為欄目很多不利於搜索引擎的抓取。網站導航欄是網站主要的入口。在內容設定上,應該一目瞭然地把網站的主要內容體現出來。多用户訪問瀏覽時,可以很快地找到自己想要的內容。而搜索引擎蜘蛛訪問時,也可以非常方便地順着導航目錄,一層層地訪問收錄網站的各級網頁。導航欄是網站的一級標題,內容非常重要。如果導航欄名稱能包含關鍵詞,就更是錦上添花了。不要使用圖片或按鈕,有的網站,一味追求美觀,在導航欄使用按鈕或圖片。使用圖片或按鈕,不利於蜘蛛訪問和收錄。導航欄上的文字,知名都使用文字,可以把按鈕或圖片作為背景就解決了。導航欄的標題字型,在網頁上比別的內容應該大一些,一級導航欄的話,字型要加粗,還不要使用不易辨認的少見字型。