淺談網頁設計的版麵編排原理
設計學
作者：邢義傑
【內容摘要】虛擬的網絡已然是人們現實生活中不可或缺的一部分，人們通過瀏覽網頁獲取各種各樣信息，與傳統的紙質媒介相比較，網頁所包含的信息量大、內容更加多樣化，並且與讀者的互動性要求較高。因此，研究網頁信息傳播的編排特點、個性，實現信息的有效傳遞，成為網頁設計師首要解決的問題。
【關鍵詞】網頁設計版麵編排信息傳達
網頁設計作為一種視覺語言，與傳統的紙質媒介相比較，信息傳遞迅速及時、傳播麵廣、趣味性強，具有很強的互動性，在其版麵編排設計中具有區別於其他平麵印刷媒介的個性特點。
一、網頁版式設計的基礎知識
1.版麵構成要素
網頁的版麵設計構成要素主要包括：網站名稱、Logo、主菜單、新聞、搜索、郵件列表、版權信息、友情鏈接、廣告條等。
從上到下網頁布局包括：Logo、頁眉布局表格、導航布局表格、內容布局表格以及頁腳布局表格。
網站名稱和Logo要放在明顯的地方，常常在頁麵左上角。頁眉用來放置網站宣傳廣告、近期熱門活動等信息。導航工具是用來引導瀏覽者快速獲取信息的區域，主要欄目和一級頁麵的鏈接按鈕都放在這裏。通常在網站的頁麵中，導航布局表格始終以相同的風格保持在相同的位置。內容布局表格是提供信息的區域，由於信息含量大，往往會把內容布局表格分割為若幹布局單元格，以便區分不同類別的信息，節約瀏覽時間。網站相關版權和聯係方式等信息一般布置在頁腳。
2.頁麵尺寸
網頁的排版與書籍雜誌的排版有很多差異。印刷品都有固定的規格尺寸，但網頁頁麵的垂直和水平滾動是沒有限製的，因此頁麵的尺寸沒有具體的要求。應該根據屏幕尺寸進行調整，太寬太長都會影響人們的閱讀效率，因此通常以無邊框（因此看不見）的表格來實現。
3.字體
版式設計中的文字是版麵的核心，同時具有信息傳達和增強視覺美感的作用。在以文字為主的排版樣式中，不同的字體、不同的字號、不同的字距、行距都會給讀者不同的傳達效果和心理效應。要根據平麵設計的總體設想和閱讀者的需要，選擇恰當的文字表現形式。
網頁是生動的媒介，訪問者不會像閱讀書籍那樣逐行研究，也不喜歡老是上下滾動頁麵這樣容易加速眼睛的疲勞。在字體選擇上應該與網頁的整體風格相符，最好用可以在microsoft internet explorer中顯示的字體。例如，中文用宋體和黑體，英文主要是Times New Roma。
文字間距的設計是閱讀功能的需要，也體現了版式的形式美感。字距縮小可造就緊密、整合的視覺效果，會使閱讀加速；字距拉大，版麵精致典雅，具有現代感，也會舒緩閱讀速度。
常用的文字編排形式主要有：左右對齊，這是最常用的排列格式，大量應用於段落性文字編排上，整齊劃一的優勢可造就版麵的清晰有序；左對齊，是一個最接近閱讀習慣的排列方式。是每一行的第一個字整齊一致對齊在左邊的垂直線上，右邊可長可短，這種版麵形式規範、自然；右對齊，是每一行的最後一個字對齊在右邊的垂直線上，左邊長短不一。該形式具有版麵個性和格調，因為左起的不規則排列，使閱讀不太方便，這種格式隻適用於少量的文字，也常常與圖片相組合形成版麵的整體效果；居中對齊，版麵以中軸線為準，文字居中排列，兩端文字可齊可不齊。該編排形式可以使視線集中，給人莊重傳統的感覺；突出字首，在編排中將起始的第一個字突出加大，形成一個跳躍點，可打破枯燥的局麵，形成活躍版麵的效果；自由編排，是一種打破秩序的隨意編排方式，可使畫麵輕鬆、活潑，適宜運用於少量的字數，且要保持畫麵的完整性。