網站導航的布局非常靈活。
一般情況下,網站導航位于頂部居中或縱向居左的偏多。如果網站導航位于右側,為了避免干擾,原來在右側下方出現的友情鏈接和廣告按鈕可能就不會在第一屏出現,或者把它們放置在頁面左下方。
如果網站導航位于頁面底部,則通常在折疊位置以上,即一屏之內能看到。
導航布局的各種方式常常混合使用,比如:全局導航在標志下方居左水平排列,實用性導航位于頂部右側水平排列,局部導航垂直左側排列。
1.橫向頂部
主導航水平位于頁面上方,這就是導航的常見位置。人們常規(guī)的閱讀習慣是從上到下、從左到右,所以主導航菜單一般都布局在頁面頂部,水平排列。對于布局穩(wěn)定的全局導航,用戶的閱讀經驗使其知道全局導航的常規(guī)位置和功能,雖然關注度不高,一旦需要使用時卻可以輕松定位。
2.縱向左側
按照視線流從上到下、從左到右的習慣,也會把全局導航或局部導航設置在頁面左側垂直排列。
3.橫向底部
如果導航位于頁面下方折疊位置以上:
一種情況是頁面內容比較少,一屏就可以全部顯示;
另一種情況是內容很多,需要拖動滾動條才能看下面的內容,但拖動滾動條時,導航的位置始終位于底部,并不會隨滾動條向上滾動以致消失,即采用了浮動布局法。
4.縱向居中
縱向居中的導航會把整個網頁一分為二,信息內容分列左右兩側。用戶瀏覽信息時會受到中間導航條的干擾,思維出現停頓和跳躍。
比較好的處理方法是,縱向居中的導航平常收起狀態(tài),光標滑過后展開,單擊選擇某菜單項后再次收起,空出版面來顯示具體內容。
5.隨意布局
貌似隨意布置的導航菜單,給人自然放松的感覺,但是在細節(jié)處理上,網站設計風格應保持一致,文字、顏色、圖形、背景、投影燈視覺元素設計應統(tǒng)一。各導航菜單間距小于導航菜單整體與其他內容面積之間的距離,或者導航菜單周圍有大面積留白,從整體看,有很明確的信息塊的印象。
6.浮動布局
浮動布局的導航菜單,通常使用在設計感強、頁面較長的網站上,如果只在第一屏設置主導航菜單,向下滑動時主導航隨之滑動,既可以節(jié)省空間,又可能讓用戶在頁面中的任何位置隨時使用。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號-3