論文摘要：通過對網頁設計中的形式美法則和網頁中各種構成要素進行分析，探討網頁設計教學中網站版面的編排與設計。
論文關鍵詞：網頁設計;形式美法則;構成要素
如今，網際網路已經融入我們日常學習生活的各個環節，並在全球範圍內飛速發展。其打破了國界、地域、文化的限制，使資訊傳達的範圍、速率都產生了質的飛躍。網際網路中數以萬計的網站中，每個網站都擁有自己不同的網頁，一個個變換的網頁構成我們互相交流的媒介。因此，網站製作過程中，特別是網頁頁面編排設計時，要展示出自己獨特的設計風格。如何設計出視覺效果好，色彩搭配和諧，結構合理的網頁版面是網頁設計中的一個重要問題。
一、網頁設計中的視覺流程
網站的宣傳內容、整體風格、設計理念都要通過視覺感官被瀏覽者所欣賞、接受和感受。設計精美的網頁版面能夠讓瀏覽者增加瀏覽興趣，擁有美好心情，從而增加網站點選率。反之，網頁頁面凌亂不堪會嚴重影響瀏覽者觀看閱讀的情緒，離開網頁。網頁視覺元素能否引人注目會直接影響到網站的資訊傳達，若想想通過網頁更好地傳達資訊，網頁視覺效果良好是其基本條件，讓網路真正意義上成為可讀強性、新穎的媒體，為此網頁設計者設計網頁時，必須適應人們閱讀習慣和滿足人們的審美需求。對每個視覺造型元素之間的距離、位置、面積以及視覺流程等都要精心設計。
人們閱讀文章時，視覺總會有一種先後順序習慣，有一定的方向，整個版面的走勢有一個主旋律。網頁設計中的主標題、重要廣告、更新的重要資訊等突出資訊通常選擇放於此位置。但視覺流程與學習數學公式不同，屬感性範疇，其只要符合人們認識過程的心理順序和邏輯順序，就可以根據感受靈活運用。網頁設計時，合理的運用網頁的視覺流程，能夠引導瀏覽者按照一定的順序閱讀網頁，組織好整個網頁版面的視覺導向，從而影響到整個網站的資訊傳達和功能實現。因此網頁的編輯設計，視覺導向是一個重要問題，資訊傳達是網頁設計的一種功能性的體現，這種傳達要符合人們普遍的思維習慣，做到視覺流程合理、順暢、自如。好的視覺流程佈置，能使網頁上的各種資訊要素在一定空間內合理分佈，能使頁面上各資訊要素的位置、間隙、大小保持一定的節奏感和美感。一個網站主要說明的東西必須通過網站首頁醒目位置加以體現和展示，以方便瀏覽者閱讀和理解。
二、網頁設計的審美需求
網頁設計是近些年才發展起來的`一門設計類學科，這些年隨著網路的發展，人們越來越重視網頁版面的設計和網站風格的整體設計。網頁不僅是將各種想要傳達的要素簡單的羅列在頁面上，而是要考慮如何使瀏覽者能更感興趣的和更有效率的接收網頁上的資訊內容。這就要求我們從審美的方面入手，設計製作出美觀、完整、新穎、合理的頁面。使瀏覽者觀看閱讀起來心情愉悅，更好的接受網頁所傳達給我們的資訊。我們可以把傳統平面設計中的形式沒的法則和現代的網頁設計的具體問題相結合起來，運用一些平面設計中美的基本形式到網頁版面的設計中去，增加網頁設計的美感和瀏覽者的視覺審美需求。
(一)版面的規範化
頁面編輯的規範化要求是網頁設計的重要方面。比如使用Dreamweaver設計網頁時，是選擇左右型結構、左中右型結構、左右型結構框架，還是用表格系統來定位網頁中版面的規劃。要遵循一定的規範。在網頁編排中應正確使用文字、標點符號、計量單位、規範使用術語、圖片和Flash動畫等。對網頁版面中的文字、圖形、色彩的設計，都要遵循形式美的視覺規律。網頁的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網頁上的各種物件之間要分清主次，突出重點，有一定的整體感。
(二)版面的均衡性
網頁的版面雖然有限，但在瀏覽者的眼裡和平面設計要求一樣同樣要有視覺的均衡性。版面構圖的基本元素是點、線、面，其中單個的字元是點，由字元組成的行是線，由行組成的段落是面。線和麵的運動方向可以歸納為水平、垂直和傾斜三種形式。水平和垂直給人以安靜和固定的感覺，傾斜則具有運動感。水平、垂直和傾斜組合起來使用會給版面帶來豐富和生動的效果，從而使版面在整體上保持平衡的前提下具有動感和變化。
(三)版面的裝飾性
“圖”與“地”的對比中版面的裝飾性中和重點。可以使用空白進行裝飾，力求在平面中達到不平的效果。要注意立體的裝飾效果，比如在文字大小、顏色的處理上要有對比，圖片的擺放也要有大小、顏色的對比，包括和背景顏色的對比，從而使版面在整體上體現出層次感。給瀏覽者以賞心悅目之感。
(四)版面的統一性
網頁版面設計中的統一，就是指在版面的整體感上要達到一致，風格上一致，色彩上統一協調，比如文字字型要統一，不能有的嚴肅，有的活躍，有的時尚，有的古板，同時色彩感受上也要達到風格統一。
三、學會分析網頁中各構成要素
網頁設計就是通過各種要素向瀏覽者傳達資訊，以實現宣傳的目的。其構成要素包括文字、圖形、影象、標誌、色彩等造型要素及標題、資訊選單、資訊正文、標語、單位名稱等內容要素，如何在網頁版面中合理的設計安排這些要素是我們要細心研究的問題。
(一)文字的編排與設計
文字作為資訊傳達的主要手段是網頁設計的主體，是所有宣傳物中不可缺少的元素，也是網頁中必不可少的元素，因此網頁中文字將佔據相當大的面積，文字表現的好與壞會影響到整個網頁的質量。必須考慮文字編輯的整體效果，給人以清晰的視覺印象，切記不要使頁面中的文字看起來凌亂、繁雜，過多的裝飾會讓人不容易辨認和理解。不可只為美觀而創意文字，忽略了文字本身的傳達資訊功能。版面設計時要注意文字的大小變化，色彩變化，明暗變化，用這些變化使字型版面活躍，達到視覺上的美感，注意變化中的統一，以獲得良好的心理反應，達到完美的文字編排效果。
(二)圖片的編排與設計
圖片是網頁版面中文字以外的又一主要元素，是傳達資訊的有力途徑，圖片的參與可以加大網頁提供的資訊量，而且圖片的引入也大大美化了網路頁面。可以說，要使網頁在純文字基礎上變得更有趣味，最為簡捷省力的辦法就是使用圖片。對於一條資訊來說，圖片對瀏覽者的吸引力遠超單純的文字。圖片的位置、面積、數量、形式、方向等直接關係到網頁的視覺傳達。在頁面圖片的合理選用時，一要注意統一，二要注意悅目，三要注意突出重點。
(三)色彩的設計
色彩是美麗而豐富的，不同的色彩會給我們帶來不同的心靈感受，現在一些大的企業已經將色彩融入到公司的整體企業識別中，因為色彩能使人產生聯想和感情，例如紅色是火的顏色，熱情、奔放，也是血的顏色，代表危險，綠色是自然、生命的顏色，象徵安寧與和平，紫色高貴、神祕，白色代表純潔等等。一個網站格調的設定，往往取決於網站顏色的選擇。色彩是人們瀏覽網頁的第一印象，它帶給我們不同的感受，它的好壞直接影響瀏覽者的觀賞興趣。因此，色彩設計在網頁設計中居於十分重要的地位。網頁的色彩設計具體應把握以下兩個方面：一是是整個頁面的色彩選擇，確定一個有利於體現網站主題的主色調。網頁的設計一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍色、淺綠色。大型的商業網站，你會發現他們更多運用的是白色、藍色、黃色等，使得網頁顯得典雅，大方和溫馨。更重要的是，這樣可以大大加快瀏覽者開啟網頁的速度。二是在背景的色調搭配上一定要注意不能有強烈的對比，大面積顏色適宜採用低比度，因為過於豐富的背景色彩會影響前景圖片和文字的取色，嚴重時會使文字溶於背景中，不易辨識。所以，背景一般應以單純為宜。如果需要一定的變化以增加背景的厚度，也應是在儘量統一的前提下的一種變化。
網頁作為作為一種新生事物，以它特有的方式飛速發展，它涵蓋了平面設計、廣告設計、版式設計、色彩設計等等知識。網頁設計是一種綜合性的設計，它所涉及的範圍非常廣泛。形式美的法則是任何事物所必需具備的基本因素，網頁資訊不僅是為了滿足使用者的需求，更重要的是創造一種視覺上的愉悅，符合形式美的法則，使瀏覽者在閱讀瀏覽的時候產生共鳴。未來的網際網路究竟會發展到什麼程度我們不得而知，就讓我們在這個網際網路的大世界裡去不段的探索和追尋吧。