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