部落格 企業網站設計常見的網頁布局有哪些?
Jericho
Mar 22, 2024
網路、科技、滿滿的新知在浩瀚的網路上,想要得到他嗎?沒問題,永遠抱持著謙卑的態度,自然會找到方案!

企業網站設計常見的網頁布局有哪些?

網站的訊息量大小在某種程度上決定著網站的布局,在網站的布局中既要兼顧界面的美觀,又要有利於網站的優化方案。那麼在企業網站設計常見的網頁布局有哪些?

 

(1)三欄和四欄

尤其是四欄,可以為訊息量大的網站創造出更多可能性。訊息量很大的網站應屬綜合型門戶網站,通常採用三欄式結,頁面長度大於3屏幕。不過這類的網站比較少,我們要參與創作的訊息量大的網站類型多數是圖例中的情況。四分欄是一個不錯的選擇,可以調節窄欄和寬欄的平衡關係,創造出優勢和特色,並且有效地利用頁面頂部的最佳位置,使頁面儘量不要太長。

 

插圖的運用是訊息量大的網站類型的創作重點,主要表現在緩解訊息量的疏密度上。如果文字訊息過於擁擠,人們就會有窒息的感覺。文字訊息多,沒有圖片或圖片非常少,我們通常稱這種情況叫做「乾燥」。插圖像是調節「乾濕程度」中屬於「濕」的部分,適量和均衡的圖片訊息可以使頁面美觀,並且對閱讀起到調劑、緩衝的作用。

 

(2)拐角格局

訊息量不足,但又需要詮釋出氣勢,拐角格局是一個不錯的選擇。拐角格局可以稱為欄式結構的變異。一種情況是靠邊沿的分欄與橫欄猖通,不論被圖片占據還是安放了導航,都巧妙地彌補了訊息量的不足,並使頁面看起來仍舊訊息量十足,很有氣勢。這種情況是類似TNT網站頁面的欄底拐角:就是說不管哪一個分欄的內容不足,都可以通過這種方法轉移注意力。

 

(3)中等訊息量的網頁格局

 設計最自由,什麼樣的格局都可以選用。中等訊息量是最常見的網站類型,大部分商業網站都屬於這種情況。由於訊息量適中,配合一兩張典型插圖,很容易切入主題。這類網站的格局幾乎沒有固定的模,既可以採用傳統方式,也可以捨棄傳統束縛。圖例中的網站則是把兩種基礎結構融合起來,通過大膽的用色,使頁面風格鮮明。

 

(4)半包圍式格局

多數網站比較精,訊息量中等,擅長利用左部區域。包圍格局來自韓國,它的優勢在於頁面可以十分精美,並表現出企業的氣勢。左部位置的內容相對固定,通常放置形象代言人或主題廣告等識別性很強的訊息

 

(5)一個訊息區的網頁格局

訊息量很少,格局多變,網站風格亦多變。一個訊息展示區是訊息量少的網站的特徵,常見於個人主頁中,但也有不少別有新意的企業網需要使用這樣的創作方式。訊息量少的網站最為多變,頁面需要豐富的插圖作為補充,需要設計利用各種平面設計技巧為插圖設計服務。

 

6)「國」字型格局

全閉合格局,切忌不要使用在訊息量大的網站類型中。字型格局是用於處理訊息量少的網站的格局之一,有一定的普遍性和實用性。上圖就是一個非常典型的「國」字型結構的網站。所謂「國」字型,主要是指格局邊線不是瀏覽器邊框。訊息內容被包圍在一個框子裡,框子裡如何劃分並不重要,框子外沒有任何訊息,所以也可稱為全包圍式網站結構。這種格局屬於閉合式結構,與開放式結構相對立,有種出不去的感覺,主要開覺心開視覺心理為不開闊、精巧、小氣等。

文章標籤
網站設計
企業架設網站前如何做規劃?
企業架設網站前如何做規劃?
網站設計完成後期的運營維護工作有哪些?
網站設計完成後期的運營維護工作有哪些?
高質感網站製作要注意的細節內容
高質感網站製作要注意的細節內容