手機網站導航欄怎么設計更出彩
- 日期 : 2018-10-15 10:35:01
通常來說,我們打開一個網站習慣在導航欄里找欄目,然后點擊進去看。網站導航欄是包含站內90%的重要內容,在你還不了解這家企業(yè)經營什么產品時,看看產品導航基本上就能明白。從對導航的第一印象來看,很多客戶看了導航就決定了是否繼續(xù)瀏覽的意向。對比電腦網站,手機網站的導航在設計上更有難度。想要把手機網站的導航設計簡單好看,又要指向清晰是非??简灱夹g的。想上網站能從第一眼就吸引客戶,導航設計就是個突破點。接下來說說,手機網站導航欄怎么設計更出彩。
手機網站導航欄怎么設計更出彩
一、名稱要短
導航欄目里設置的名稱要簡短,曾經有一份關于人類記憶的調查,一個人在看一段文字中僅僅只有五個字才能被他們所記住。想讓客戶一下子記住欄目名稱,那么建議字數控制在5~8個較好,越短就越容易記。如果該欄目的名稱不好命名,可以在欄目內頁用小文字來表示,欄目名稱主要突出這個頁面內容的重點。盡可能不要出現(xiàn)沒用的文字,例如《聯(lián)系方式》這個欄目,有的會在名稱前加企業(yè)主體名稱,變成《XX聯(lián)系方式》,認為這樣可以增加客戶印象。小編覺得這就是沒用的文字,整個網站出現(xiàn)企業(yè)名稱的頻率已經很高了,頂部和底部都有,其實沒必要。
二、與網站有統(tǒng)一性
導航欄需要在視覺上與網站風格和產品包裝搭配達到統(tǒng)一性,形成視覺上的統(tǒng)一感覺。因為很多企業(yè)的手機網站在設計的時候就是根據產品來的,從配色到元素的使用都是以產品為標準的。對客戶來說,一個網站里最有價值的內容就是產品了。產品的不同影響了網站的風格,連同導航在設計上也是配合產品的。就好像一些商城網站,廣告圖與產品圖是相應的,因為視覺上差別不大,可以讓客戶更準確地找到所需的產品。所以手機網站導航在設計上要與網站有統(tǒng)一性,這樣對產品的印象,對企業(yè)的形象都有所提升。
三、導航欄形式
美觀實用的導航欄可以提高視覺效果,而導航欄要設計成什么形式這個很重要。目前,很多企業(yè)手機網站的導航欄形式跟電腦版的差不多,都是設計在頂部,以方塊的形式呈現(xiàn)。這就使得欄目數量有限,少則只能四個,多則才6個,這就使很多內容無法全部在導航上展示出來。如果網站里的欄目比較多,可以這么做:在頂部右上角設計一個點擊下拉的功能,作為網站的導航,這樣可以展示更多的欄目,而客戶只需要上下劃動就能看到所有的欄目。另一種方法是首頁只有導航欄,沒有其它欄目。那么首頁就可以圖標加文字的形式來作導航。