企業(yè)做網(wǎng)站導航條怎么設計?
日期 : 2019-02-15 13:57:42
根據(jù)網(wǎng)站首頁版式設計、網(wǎng)頁欄日、網(wǎng)站內(nèi)容、網(wǎng)站風格等各方面的考慮,設計導航條的樣式、位置、顏色。如根據(jù)本章的環(huán)保網(wǎng)站實例,可以設計。
導航的位置
為了使網(wǎng)站的整體風格一致,可以把導航信息以相同的形式固定在不同頁面的相同位置,這些位置可以是頁面的上部、下部、左側(cè)、右側(cè)和中部。頁面中間一般放置主體內(nèi)容,所以頁面實際上有4個區(qū)域比較適合放置導航元素,即頂部、左側(cè)、右側(cè)和下部。放在下部需要將網(wǎng)頁控制在一屏以內(nèi)。
導航的方向
導航的方向是指導航文字的排列方式。有橫排導航、豎排導航和傾斜導航三種情況,也有少數(shù)不規(guī)則的導航。導航方向很大程度上影響了網(wǎng)頁平面的空間分割與版式風格,運用得體能起到事半功倍的效果。
橫排導航占用頁面空間最少,經(jīng)常使用在信息量比較大的門戶網(wǎng)站、資訊網(wǎng)站中,顯得很大氣。因此,不少企業(yè)網(wǎng)站也采用了橫排導航。
豎排導航占用空間較多,通常位于頁面的左側(cè),比較適合閱讀者的視覺心理。豎排導航像傳統(tǒng)的菜單,符合使用規(guī)律。也有不少網(wǎng)站把傳統(tǒng)的豎排導航改進成折疊式的樹形導航,以節(jié)省空間。
傾斜導航打破了網(wǎng)頁由于表格排版造成的橫向與豎向的格局,擁有很強的視覺沖擊力。
但是由于它的個性特征太鮮明,不適用于信息量豐富的網(wǎng)站。通常在一些個人網(wǎng)站上比較常用。
網(wǎng)站制作可以通過色彩變化、字號大小、多級子欄目、動畫效果等方法來告訴測覽者現(xiàn)在所處的位置,增加頁面的辨識性。通常,可以在導航中加入圖片,背景色、欄目線等裝飾元素,以突出其視覺效果。
導航的位置
為了使網(wǎng)站的整體風格一致,可以把導航信息以相同的形式固定在不同頁面的相同位置,這些位置可以是頁面的上部、下部、左側(cè)、右側(cè)和中部。頁面中間一般放置主體內(nèi)容,所以頁面實際上有4個區(qū)域比較適合放置導航元素,即頂部、左側(cè)、右側(cè)和下部。放在下部需要將網(wǎng)頁控制在一屏以內(nèi)。
導航的方向
導航的方向是指導航文字的排列方式。有橫排導航、豎排導航和傾斜導航三種情況,也有少數(shù)不規(guī)則的導航。導航方向很大程度上影響了網(wǎng)頁平面的空間分割與版式風格,運用得體能起到事半功倍的效果。
橫排導航占用頁面空間最少,經(jīng)常使用在信息量比較大的門戶網(wǎng)站、資訊網(wǎng)站中,顯得很大氣。因此,不少企業(yè)網(wǎng)站也采用了橫排導航。
豎排導航占用空間較多,通常位于頁面的左側(cè),比較適合閱讀者的視覺心理。豎排導航像傳統(tǒng)的菜單,符合使用規(guī)律。也有不少網(wǎng)站把傳統(tǒng)的豎排導航改進成折疊式的樹形導航,以節(jié)省空間。
傾斜導航打破了網(wǎng)頁由于表格排版造成的橫向與豎向的格局,擁有很強的視覺沖擊力。
但是由于它的個性特征太鮮明,不適用于信息量豐富的網(wǎng)站。通常在一些個人網(wǎng)站上比較常用。
網(wǎng)站制作可以通過色彩變化、字號大小、多級子欄目、動畫效果等方法來告訴測覽者現(xiàn)在所處的位置,增加頁面的辨識性。通常,可以在導航中加入圖片,背景色、欄目線等裝飾元素,以突出其視覺效果。