網站建設與網頁藝術的處理分析

一、網站建設的版面編排

網站建設的設計首先要考慮的藝術處理問題是版面的編排。在版面編排設計時，要遵循“形式美法則”，即將網站建設內容中的造型單位（從視覺效果上講，主要是文字、符號、圖形），在頁面中進行有規律的排列組合，融合為一個有機整體，從而有效地傳遞信息，并表達出作者的情感和審美情趣。形式美法則主要有主與次、聚與散、均衡、呼應方面的關系。主與次，是指在一個頁面上，一定要設置一個視覺的中心，這個中心一般安排在屏幕的中央，或者在中間偏上的部位。一些重要的內容一般可以安排在這個部位，在視覺中心以外的地方就可以安排那些稍微次要的內容，這樣在網頁上就突出了重點，做到了主次有別。聚與散，是指在頁面上通過造型單位的聚集和分散來使頁面形成有疏有密的對比。對網站建設的具體制作而言，較長的文章或標題，不要編排在一起，要有一定的距離，同樣，較短的文章，也不能編排在一起；對待圖片的安排也應如此。這樣，才能使頁面錯落有致，避免重心的偏離。均衡，是指以頁面中心為支點，其上下左右呈現的內容要素在視覺上的均勢。具體地講，就是使頁面中上下左右的視覺形象不要一邊太滿，另一邊太空，或一邊感到太重，另一邊又感到太輕。

均衡的頁面給人以穩定、舒適、和諧的感覺，而不均衡的頁面則給人以不穩定、異常的感覺。因此，在對網站建設進行藝術處理時，要有意識地將文字和圖片等內容要素進行配置和調整，從而使頁面整體達到平衡的狀態。要注意的是，“均衡”并不是簡單的“對稱”，而是一種視覺上的平衡美。呼應就是指網絡頁面上的各內容要素不應孤立地存在，而要做到有呼有應，相互聯系成一個整體。文字和圖片是網站建設的兩個主要內容要素，它們之間就具有一種相互補充的視覺關系。網絡頁面上文字太多，就會顯得沉悶，缺乏生氣；頁面上圖片太多，缺少文字，必然就會減少頁面的信息容量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，這樣，既能使網絡頁面生動活潑，又能保證信息的正常傳遞。

二、網站建設的配色

色彩是網站建設畫面構成中的一個基本要素。網站建設的色彩處理得好，可以更有效地傳遞信息，達到事半功倍的效果。在網站建設的制作配色中，總的應用原則應該是“總體協調，局部對比”，也就是：主頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。這樣，網站建設中的色彩各組成部分之間才能做到相互協調，實現在差異中趨向一致、小對比大統一的效果。對網站建設制作中的色彩處理而言，首先要根據課程的內容和主題的需要，確定一種色彩作為網頁的色彩基調。比如，若是歷史、政治方面的課程，其色調應該比較莊重，若是英語等外語類課程，色調可活潑生動一些。但總的來說，網站建設的目的是為學生提供信息，風格應該高雅大方。在網站建設中，色彩基調主要是通過某種色彩在頁面中的空間面積或在整個課件中的呈現時間上占據主導地位而形成。為保證整個頁面色彩的統一與和諧，在基色調和主體形象的色調之外，還需配置適當的過渡色彩。過渡色彩常采用色調基色的輔色來完成。現實生活中的色彩是千變萬化的，但在網站建設的設計制作時，卻不能無所不包，在用色上一定要力求簡潔明快，頁面的色彩布局首先要保證重點色彩在位置和面積上的核心地位。

三、形狀的結構方式

平面形狀的結構方式大致有：并置拼接、遮擋、透疊、咬合和編織等形式。在網站建設的設計制作中，并置拼接的結構方式運用比較多。而文字、標題、圖片等的并置拼接，會在頁面上形成各種各樣的線條和形狀。這些線條與形狀的組合，在網站建設的總體藝術效果構成中起著非常關鍵的作用。因此，在網站建設的設計制作中，要根據的內容和主題，提練和搭配好這些線條和形狀，才能增強網站建設的表現力，更好地為務。除了線條的結構，線條的濃淡、粗細、虛實，也會在人們視覺心理上產生不同的反應。比如，濃線重，淡線輕；粗線強，細線弱；實線靜，虛線動。此外，線條形狀、排列疏密不同，也可使人們產生不同的視覺節奏。比如，斜線坡度大的節奏快；線條匯聚收縮快、節奏快；線條呈直線轉折，節奏快；曲線轉折，節奏慢；實線條節奏快，斷續線節奏慢。形狀是物體基本特征之一，也是頁面藝術處理中一個最基本的要素。

在具體設計制作中，單個物體的不同形狀或幾個物體的形狀的不同組合，會使畫面表現出不同的構圖形式，從而使觀眾得到不同的感受。比如說，正方形可以表示平等，三角形表示安全感，圓形表示團結，S形表示體貼關心、優雅活潑等等。因此，我們在設計制作網站建設時，要善于發現一些有趣的、有意義的形狀，并有意識地突出某一意義的形狀，使頁面更富有感染力。網站建設的目的是為學生提供信息，頁面的藝術處理必須要服從內容和主題的需要，緊緊圍繞內容這一中心，突出以“教”和“學”為主”的思想，要防止網頁界面喧賓奪主，影響學習者的學習。在具體設計制作中，如果能把上述幾方面都做到協調統一，一定會達到令人滿意的藝術效果，從而很好地激發學習者的學習興趣，提高網絡質量。

更多網站建設資料：