一、網站建設的版面編排

網站建(jian)設(she)的(de)(de)(de)(de)(de)(de)(de)設(she)計(ji)首先要(yao)(yao)(yao)考慮的(de)(de)(de)(de)(de)(de)(de)藝術處(chu)理問題是版面(mian)(mian)(mian)的(de)(de)(de)(de)(de)(de)(de)編排。在(zai)(zai)版面(mian)(mian)(mian)編排設(she)計(ji)時，要(yao)(yao)(yao)遵循“形(xing)式美(mei)法則”，即將網站建(jian)設(she)內(nei)容(rong)(rong)中(zhong)的(de)(de)(de)(de)(de)(de)(de)造(zao)型單位（從(cong)視(shi)(shi)覺效果上(shang)(shang)講，主要(yao)(yao)(yao)是文字(zi)、符號、圖(tu)形(xing)），在(zai)(zai)頁面(mian)(mian)(mian)中(zhong)進行(xing)有規律(lv)的(de)(de)(de)(de)(de)(de)(de)排列組合，融合為一(yi)(yi)個(ge)有機整體，從(cong)而有效地(di)(di)傳遞信(xin)息，并表(biao)達出作(zuo)者的(de)(de)(de)(de)(de)(de)(de)情感和審美(mei)情趣。形(xing)式美(mei)法則主要(yao)(yao)(yao)有主與次、聚與散、均(jun)衡(heng)(heng)、呼(hu)應方(fang)面(mian)(mian)(mian)的(de)(de)(de)(de)(de)(de)(de)關系。主與次，是指在(zai)(zai)一(yi)(yi)個(ge)頁面(mian)(mian)(mian)上(shang)(shang)，一(yi)(yi)定要(yao)(yao)(yao)設(she)置一(yi)(yi)個(ge)視(shi)(shi)覺的(de)(de)(de)(de)(de)(de)(de)中(zhong)心(xin)，這個(ge)中(zhong)心(xin)一(yi)(yi)般安排在(zai)(zai)屏幕的(de)(de)(de)(de)(de)(de)(de)中(zhong)央，或者在(zai)(zai)中(zhong)間偏上(shang)(shang)的(de)(de)(de)(de)(de)(de)(de)部(bu)位。一(yi)(yi)些重要(yao)(yao)(yao)的(de)(de)(de)(de)(de)(de)(de)內(nei)容(rong)(rong)一(yi)(yi)般可以(yi)安排在(zai)(zai)這個(ge)部(bu)位，在(zai)(zai)視(shi)(shi)覺中(zhong)心(xin)以(yi)外(wai)的(de)(de)(de)(de)(de)(de)(de)地(di)(di)方(fang)就(jiu)可以(yi)安排那些稍微(wei)次要(yao)(yao)(yao)的(de)(de)(de)(de)(de)(de)(de)內(nei)容(rong)(rong)，這樣(yang)在(zai)(zai)網頁上(shang)(shang)就(jiu)突出了(le)重點(dian)，做到了(le)主次有別。聚與散，是指在(zai)(zai)頁面(mian)(mian)(mian)上(shang)(shang)通過造(zao)型單位的(de)(de)(de)(de)(de)(de)(de)聚集和分散來使頁面(mian)(mian)(mian)形(xing)成有疏有密的(de)(de)(de)(de)(de)(de)(de)對比。對網站建(jian)設(she)的(de)(de)(de)(de)(de)(de)(de)具(ju)體制(zhi)作(zuo)而言，較長的(de)(de)(de)(de)(de)(de)(de)文章(zhang)或標題，不要(yao)(yao)(yao)編排在(zai)(zai)一(yi)(yi)起，要(yao)(yao)(yao)有一(yi)(yi)定的(de)(de)(de)(de)(de)(de)(de)距離，同樣(yang)，較短的(de)(de)(de)(de)(de)(de)(de)文章(zhang)，也(ye)不能(neng)編排在(zai)(zai)一(yi)(yi)起；對待(dai)圖(tu)片的(de)(de)(de)(de)(de)(de)(de)安排也(ye)應如此。這樣(yang)，才能(neng)使頁面(mian)(mian)(mian)錯落(luo)有致，避免重心(xin)的(de)(de)(de)(de)(de)(de)(de)偏離。均(jun)衡(heng)(heng)，是指以(yi)頁面(mian)(mian)(mian)中(zhong)心(xin)為支點(dian)，其上(shang)(shang)下(xia)左右(you)呈現的(de)(de)(de)(de)(de)(de)(de)內(nei)容(rong)(rong)要(yao)(yao)(yao)素在(zai)(zai)視(shi)(shi)覺上(shang)(shang)的(de)(de)(de)(de)(de)(de)(de)均(jun)勢。具(ju)體地(di)(di)講，就(jiu)是使頁面(mian)(mian)(mian)中(zhong)上(shang)(shang)下(xia)左右(you)的(de)(de)(de)(de)(de)(de)(de)視(shi)(shi)覺形(xing)象不要(yao)(yao)(yao)一(yi)(yi)邊(bian)太滿，另一(yi)(yi)邊(bian)太空，或一(yi)(yi)邊(bian)感到太重，另一(yi)(yi)邊(bian)又(you)感到太輕。

均衡(heng)(heng)(heng)(heng)的(de)(de)(de)(de)頁(ye)面(mian)(mian)給人以(yi)穩定、舒(shu)適、和(he)諧的(de)(de)(de)(de)感覺(jue)，而(er)不(bu)均衡(heng)(heng)(heng)(heng)的(de)(de)(de)(de)頁(ye)面(mian)(mian)則給人以(yi)不(bu)穩定、異(yi)常的(de)(de)(de)(de)感覺(jue)。因(yin)此，在對網(wang)站建設進(jin)行(xing)(xing)藝術處理時，要(yao)(yao)有(you)意(yi)識地將文(wen)字(zi)(zi)和(he)圖片(pian)等內容(rong)要(yao)(yao)素進(jin)行(xing)(xing)配置和(he)調(diao)整，從而(er)使頁(ye)面(mian)(mian)整體達(da)到(dao)平衡(heng)(heng)(heng)(heng)的(de)(de)(de)(de)狀態。要(yao)(yao)注意(yi)的(de)(de)(de)(de)是(shi)，“均衡(heng)(heng)(heng)(heng)”并不(bu)是(shi)簡單的(de)(de)(de)(de)“對稱”，而(er)是(shi)一(yi)種視覺(jue)上的(de)(de)(de)(de)平衡(heng)(heng)(heng)(heng)美。呼應(ying)就是(shi)指(zhi)網(wang)絡(luo)頁(ye)面(mian)(mian)上的(de)(de)(de)(de)各內容(rong)要(yao)(yao)素不(bu)應(ying)孤立地存在，而(er)要(yao)(yao)做到(dao)有(you)呼有(you)應(ying)，相互聯系(xi)成一(yi)個(ge)整體。文(wen)字(zi)(zi)和(he)圖片(pian)是(shi)網(wang)站建設的(de)(de)(de)(de)兩個(ge)主要(yao)(yao)內容(rong)要(yao)(yao)素，它們之(zhi)間就具有(you)一(yi)種相互補充的(de)(de)(de)(de)視覺(jue)關(guan)系(xi)。網(wang)絡(luo)頁(ye)面(mian)(mian)上文(wen)字(zi)(zi)太(tai)(tai)多(duo)，就會(hui)顯得沉悶，缺乏(fa)生(sheng)(sheng)氣(qi)；頁(ye)面(mian)(mian)上圖片(pian)太(tai)(tai)多(duo)，缺少文(wen)字(zi)(zi)，必然就會(hui)減少頁(ye)面(mian)(mian)的(de)(de)(de)(de)信(xin)息容(rong)量。因(yin)此，最理想的(de)(de)(de)(de)效果是(shi)文(wen)字(zi)(zi)與圖片(pian)的(de)(de)(de)(de)密(mi)切配合(he)，互為襯托，這(zhe)樣，既能使網(wang)絡(luo)頁(ye)面(mian)(mian)生(sheng)(sheng)動活潑，又能保證信(xin)息的(de)(de)(de)(de)正(zheng)常傳(chuan)遞(di)。

二、網站建設的配色

色彩是網站建設畫面構成中的一個基本要素。網站建設的色彩處理得好，可以更有效地傳遞信息，達到事半功倍的效果。在網站建設的(de)(de)(de)制作配(pei)色(se)(se)(se)(se)(se)(se)中(zhong)(zhong)，總(zong)(zong)的(de)(de)(de)應(ying)用原則(ze)應(ying)該是(shi)(shi)“總(zong)(zong)體協(xie)調(diao)(diao)(diao)，局部(bu)對(dui)比(bi)(bi)”，也(ye)就是(shi)(shi)：主(zhu)(zhu)頁(ye)的(de)(de)(de)整體色(se)(se)(se)(se)(se)(se)彩(cai)(cai)效果應(ying)該是(shi)(shi)和(he)(he)(he)諧(xie)的(de)(de)(de)，只有局部(bu)的(de)(de)(de)、小范圍的(de)(de)(de)地方(fang)可以(yi)有一(yi)(yi)(yi)些強(qiang)烈色(se)(se)(se)(se)(se)(se)彩(cai)(cai)的(de)(de)(de)對(dui)比(bi)(bi)。這樣，網站建(jian)設(she)(she)(she)中(zhong)(zhong)的(de)(de)(de)色(se)(se)(se)(se)(se)(se)彩(cai)(cai)各(ge)組成(cheng)部(bu)分之(zhi)間(jian)才能做到相互協(xie)調(diao)(diao)(diao)，實(shi)(shi)現在(zai)差異中(zhong)(zhong)趨向一(yi)(yi)(yi)致、小對(dui)比(bi)(bi)大統一(yi)(yi)(yi)的(de)(de)(de)效果。對(dui)網站建(jian)設(she)(she)(she)制作中(zhong)(zhong)的(de)(de)(de)色(se)(se)(se)(se)(se)(se)彩(cai)(cai)處理而(er)言(yan)，首(shou)先(xian)(xian)要根據課(ke)程的(de)(de)(de)內容和(he)(he)(he)主(zhu)(zhu)題的(de)(de)(de)需(xu)要，確定一(yi)(yi)(yi)種色(se)(se)(se)(se)(se)(se)彩(cai)(cai)作為(wei)網頁(ye)的(de)(de)(de)色(se)(se)(se)(se)(se)(se)彩(cai)(cai)基調(diao)(diao)(diao)。比(bi)(bi)如(ru)，若是(shi)(shi)歷(li)史、政治方(fang)面(mian)(mian)的(de)(de)(de)課(ke)程，其色(se)(se)(se)(se)(se)(se)調(diao)(diao)(diao)應(ying)該比(bi)(bi)較(jiao)莊(zhuang)重(zhong)，若是(shi)(shi)英語(yu)等(deng)外語(yu)類(lei)課(ke)程，色(se)(se)(se)(se)(se)(se)調(diao)(diao)(diao)可活潑(po)生(sheng)動一(yi)(yi)(yi)些。但總(zong)(zong)的(de)(de)(de)來(lai)(lai)說，網站建(jian)設(she)(she)(she)的(de)(de)(de)目的(de)(de)(de)是(shi)(shi)為(wei)學生(sheng)提(ti)供信息，風格應(ying)該高雅大方(fang)。在(zai)網站建(jian)設(she)(she)(she)中(zhong)(zhong)，色(se)(se)(se)(se)(se)(se)彩(cai)(cai)基調(diao)(diao)(diao)主(zhu)(zhu)要是(shi)(shi)通過(guo)某種色(se)(se)(se)(se)(se)(se)彩(cai)(cai)在(zai)頁(ye)面(mian)(mian)中(zhong)(zhong)的(de)(de)(de)空間(jian)面(mian)(mian)積(ji)或在(zai)整個課(ke)件中(zhong)(zhong)的(de)(de)(de)呈現時(shi)(shi)間(jian)上占據主(zhu)(zhu)導地位而(er)形(xing)成(cheng)。為(wei)保(bao)證整個頁(ye)面(mian)(mian)色(se)(se)(se)(se)(se)(se)彩(cai)(cai)的(de)(de)(de)統一(yi)(yi)(yi)與(yu)和(he)(he)(he)諧(xie)，在(zai)基色(se)(se)(se)(se)(se)(se)調(diao)(diao)(diao)和(he)(he)(he)主(zhu)(zhu)體形(xing)象的(de)(de)(de)色(se)(se)(se)(se)(se)(se)調(diao)(diao)(diao)之(zhi)外，還需(xu)配(pei)置適當的(de)(de)(de)過(guo)渡色(se)(se)(se)(se)(se)(se)彩(cai)(cai)。過(guo)渡色(se)(se)(se)(se)(se)(se)彩(cai)(cai)常采用色(se)(se)(se)(se)(se)(se)調(diao)(diao)(diao)基色(se)(se)(se)(se)(se)(se)的(de)(de)(de)輔(fu)色(se)(se)(se)(se)(se)(se)來(lai)(lai)完成(cheng)。現實(shi)(shi)生(sheng)活中(zhong)(zhong)的(de)(de)(de)色(se)(se)(se)(se)(se)(se)彩(cai)(cai)是(shi)(shi)千變萬化(hua)的(de)(de)(de)，但在(zai)網站建(jian)設(she)(she)(she)的(de)(de)(de)設(she)(she)(she)計(ji)制作時(shi)(shi)，卻不能無所(suo)不包，在(zai)用色(se)(se)(se)(se)(se)(se)上一(yi)(yi)(yi)定要力求簡(jian)潔明快(kuai)，頁(ye)面(mian)(mian)的(de)(de)(de)色(se)(se)(se)(se)(se)(se)彩(cai)(cai)布局首(shou)先(xian)(xian)要保(bao)證重(zhong)點色(se)(se)(se)(se)(se)(se)彩(cai)(cai)在(zai)位置和(he)(he)(he)面(mian)(mian)積(ji)上的(de)(de)(de)核心地位。

三、形狀的結構方式

平面(mian)形(xing)(xing)(xing)(xing)狀(zhuang)的(de)(de)結構(gou)方式(shi)大(da)致有：并(bing)置拼(pin)接(jie)、遮(zhe)擋、透(tou)疊、咬合和(he)(he)編織(zhi)等形(xing)(xing)(xing)(xing)式(shi)。在(zai)(zai)網(wang)(wang)站(zhan)建設(she)的(de)(de)設(she)計(ji)制(zhi)作(zuo)(zuo)中，并(bing)置拼(pin)接(jie)的(de)(de)結構(gou)方式(shi)運(yun)用比較(jiao)多。而文字(zi)、標題、圖片等的(de)(de)并(bing)置拼(pin)接(jie)，會在(zai)(zai)頁面(mian)上(shang)形(xing)(xing)(xing)(xing)成各(ge)種(zhong)各(ge)樣的(de)(de)線(xian)(xian)(xian)(xian)條(tiao)和(he)(he)形(xing)(xing)(xing)(xing)狀(zhuang)。這些線(xian)(xian)(xian)(xian)條(tiao)與形(xing)(xing)(xing)(xing)狀(zhuang)的(de)(de)組合，在(zai)(zai)網(wang)(wang)站(zhan)建設(she)的(de)(de)總體藝術效果構(gou)成中起著非常關鍵的(de)(de)作(zuo)(zuo)用。因此，在(zai)(zai)網(wang)(wang)站(zhan)建設(she)的(de)(de)設(she)計(ji)制(zhi)作(zuo)(zuo)中，要根(gen)據的(de)(de)內容和(he)(he)主題，提(ti)練(lian)和(he)(he)搭配(pei)好(hao)這些線(xian)(xian)(xian)(xian)條(tiao)和(he)(he)形(xing)(xing)(xing)(xing)狀(zhuang)，才(cai)能增強網(wang)(wang)站(zhan)建設(she)的(de)(de)表現力(li)，更好(hao)地為務。除了線(xian)(xian)(xian)(xian)條(tiao)的(de)(de)結構(gou)，線(xian)(xian)(xian)(xian)條(tiao)的(de)(de)濃淡、粗細、虛(xu)實，也會在(zai)(zai)人(ren)們視覺心理(li)(li)上(shang)產生不同的(de)(de)反應。比如，濃線(xian)(xian)(xian)(xian)重，淡線(xian)(xian)(xian)(xian)輕；粗線(xian)(xian)(xian)(xian)強，細線(xian)(xian)(xian)(xian)弱(ruo)；實線(xian)(xian)(xian)(xian)靜，虛(xu)線(xian)(xian)(xian)(xian)動。此外(wai)，線(xian)(xian)(xian)(xian)條(tiao)形(xing)(xing)(xing)(xing)狀(zhuang)、排(pai)列疏密(mi)不同，也可(ke)使人(ren)們產生不同的(de)(de)視覺節(jie)奏(zou)(zou)(zou)。比如，斜(xie)線(xian)(xian)(xian)(xian)坡度大(da)的(de)(de)節(jie)奏(zou)(zou)(zou)快(kuai)(kuai)；線(xian)(xian)(xian)(xian)條(tiao)匯聚(ju)收縮快(kuai)(kuai)、節(jie)奏(zou)(zou)(zou)快(kuai)(kuai)；線(xian)(xian)(xian)(xian)條(tiao)呈直線(xian)(xian)(xian)(xian)轉(zhuan)(zhuan)折(zhe)(zhe)，節(jie)奏(zou)(zou)(zou)快(kuai)(kuai)；曲線(xian)(xian)(xian)(xian)轉(zhuan)(zhuan)折(zhe)(zhe)，節(jie)奏(zou)(zou)(zou)慢；實線(xian)(xian)(xian)(xian)條(tiao)節(jie)奏(zou)(zou)(zou)快(kuai)(kuai)，斷續線(xian)(xian)(xian)(xian)節(jie)奏(zou)(zou)(zou)慢。形(xing)(xing)(xing)(xing)狀(zhuang)是物(wu)體基本特征之一(yi)，也是頁面(mian)藝術處理(li)(li)中一(yi)個(ge)最(zui)基本的(de)(de)要素。

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

更多網站建設資料：