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