摘要： 在互聯(lián)網(wǎng)飛速發(fā)展的今天，互聯(lián)網(wǎng)已經(jīng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，正以前所未有的影響影響著人類(lèi)活動(dòng)。網(wǎng)站設(shè)計(jì)越來(lái)越接近于成為一門(mén)藝術(shù)而不僅僅是一項(xiàng)技術(shù)。網(wǎng)頁(yè)設(shè)計(jì)中的特定字體、圖形、圖像、標(biāo)志等往往表現(xiàn)為點(diǎn)、線、面、顏色、運(yùn)動(dòng)、主次等視覺(jué)因素，這些因素的不同運(yùn)用會(huì)影響讀者的視覺(jué)習(xí)慣和心理變化。多媒體和動(dòng)態(tài)網(wǎng)頁(yè)不斷地進(jìn)入人們的視線。吸引瀏覽用戶(hù)的是一個(gè)視覺(jué)效果極佳、信息豐富、使用方便的網(wǎng)頁(yè)，因此網(wǎng)頁(yè)設(shè)計(jì)顯得尤為重要。一、網(wǎng)頁(yè)的布局

其實(shí)這需要具體情況具體分析：比如內(nèi)容很大，就要考慮使用“國(guó)字號(hào)”或者角字；如果內(nèi)容不是太多，說(shuō)明性的東西比較多，可以考慮標(biāo)題文字類(lèi)型；這些框架結(jié)構(gòu)的一個(gè)共同特點(diǎn)是瀏覽方便、速度快，但結(jié)構(gòu)變化不靈活；如果是想展示企業(yè)形象的企業(yè)網(wǎng)站，或者想彰顯個(gè)人風(fēng)采的個(gè)人主頁(yè)，封面是首選； Flash類(lèi)型比較靈活一些，好的Flash極大的豐富了網(wǎng)頁(yè)，但是不能表達(dá)過(guò)多的文字信息。圖片頁(yè)面有大小不一，縱橫差異。圖片和文字都需要同時(shí)展示給觀眾，不能簡(jiǎn)單的列在一頁(yè)上，否則會(huì)很亂。關(guān)于具體的網(wǎng)頁(yè)布局，常見(jiàn)的有“國(guó)”字型、邊角型、標(biāo)題文字型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變量型等。關(guān)于它們，在網(wǎng)頁(yè)設(shè)計(jì)中有詳細(xì)的描述，可以在相關(guān)書(shū)籍或網(wǎng)上找到。因?yàn)橹挥胁粩嗟母淖?，才?huì)完善和豐富我們的網(wǎng)頁(yè)。二、網(wǎng)頁(yè)設(shè)計(jì)技巧

一個(gè)完美的主頁(yè)設(shè)計(jì)需要積累豐富的知識(shí)，掌握大量的技巧。

框架的使用

框架最常見(jiàn)的用途是導(dǎo)航。一組框架通常包括一個(gè)包含導(dǎo)航欄的框架和另一個(gè)顯示主要內(nèi)容頁(yè)面的框架。

使用框架有以下優(yōu)點(diǎn)：訪問(wèn)者的瀏覽器不需要為每個(gè)頁(yè)面重新加載與導(dǎo)航相關(guān)的圖形；每個(gè)框架都有自己的滾動(dòng)條（如果內(nèi)容太大，窗口放不下），因此訪問(wèn)者可以獨(dú)立滾動(dòng)這些框架。例如，當(dāng)內(nèi)容頁(yè)面的框架較長(zhǎng)時(shí)，如果導(dǎo)航欄位于不同的框架中，則向下滾動(dòng)到頁(yè)面底部的訪問(wèn)者無(wú)需滾動(dòng)回頂部即可使用導(dǎo)航欄。

使用框架有以下缺點(diǎn)：很難實(shí)現(xiàn)不同框架中元素的精確圖形對(duì)齊；測(cè)試導(dǎo)航可能很耗時(shí)。三、網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的原則

網(wǎng)頁(yè)作為傳播信息的載體，在設(shè)計(jì)上與報(bào)刊雜志等其他出版物有很多相似之處，也應(yīng)遵循一些基本的設(shè)計(jì)原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會(huì)功能的不同，網(wǎng)頁(yè)設(shè)計(jì)有其特殊的規(guī)律。網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。網(wǎng)頁(yè)設(shè)計(jì)的要素：

在一個(gè)網(wǎng)站中，最重要的頁(yè)面就是首頁(yè)，所以這里我們以首頁(yè)為例來(lái)說(shuō)明網(wǎng)頁(yè)制作中的版面設(shè)計(jì)問(wèn)題。從版式設(shè)計(jì)的角度來(lái)看，一個(gè)與眾不同的首頁(yè)必須包含文字、圖片、排版、主色四大要素。這四個(gè)要素相輔相成，缺一不可。

1.圖片元素

要設(shè)計(jì)一個(gè)漂亮的主頁(yè)，首先要成為計(jì)算機(jī)圖形專(zhuān)家，僅此一項(xiàng)就足以讓初學(xué)者花上一年半的時(shí)間。圖片的要求與頁(yè)面內(nèi)容有關(guān)。對(duì)于一些隨意的主頁(yè)，比如股票、醫(yī)療網(wǎng)站，訪問(wèn)者并不關(guān)心你能不能拍出精彩的圖片。有時(shí)他們覺(jué)得放置圖片會(huì)影響訪問(wèn)速度。他們關(guān)心的恰恰相反，像一些靠圖片吸引訪問(wèn)者的主頁(yè)，圖片是一個(gè)極其重要的元素。如果沒(méi)有合適的圖片，整個(gè)頁(yè)面都會(huì)黯然失色，這將是一個(gè)不完整的主頁(yè)。這就需要學(xué)習(xí)photoshop等圖形圖像處理軟件，還要有一定的美術(shù)基礎(chǔ)，比如審美和創(chuàng)作能力。

2.色彩元素

顏色在網(wǎng)頁(yè)中起著重要作用。搭配合理清新的色調(diào)，彌補(bǔ)首頁(yè)其他方面的不足。頁(yè)面的配色與網(wǎng)站的主題密不可分。一個(gè)網(wǎng)站必須有一種或兩種主題顏色。不會(huì)使觀者迷失方向而顯得單調(diào)。一般來(lái)說(shuō)，頁(yè)面的正文盡量使用黑色等較深的顏色，與背景形成鮮明的對(duì)比，按鈕、邊框等要有顏色。

如果首頁(yè)的色彩處理得當(dāng)，可以錦上添花，達(dá)到事半功倍的效果。色彩運(yùn)用的總原則應(yīng)該是“整體協(xié)調(diào)，局部對(duì)比”，即：首頁(yè)的整體色彩效果要和諧，只有局部和小區(qū)域可以有一些強(qiáng)烈的色彩對(duì)比。在色彩的運(yùn)用上，可以根據(jù)首頁(yè)內(nèi)容的需要，采用不同的主色調(diào)。因?yàn)轭伾哂邢笳饕饬x，例如：嫩綠、翠綠、金黃色，灰褐色可以分別象征春、夏、秋、冬。其次，有專(zhuān)業(yè)的標(biāo)識(shí)顏色，如：軍警用的橄欖綠，醫(yī)療保健用的白色等。顏色也有鮮明的心理感受

，例如冷、暖的感覺(jué)，進(jìn)、退的效果等。另外，色彩還有民族性，各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性，可以使我們的主頁(yè)具有深刻的藝術(shù)內(nèi)涵，從而提升主頁(yè)的文化品位。

3.文字要素

文字、標(biāo)題、圖片等的組合，會(huì)在頁(yè)面上形成各種各樣的線條和形狀。這些線條與形狀的組合，構(gòu)成了主頁(yè)的總體藝術(shù)效果。必須注意藝術(shù)地搭配好這些線條和形狀，才能增強(qiáng)頁(yè)面的藝術(shù)魅力。

4、版面編排

主頁(yè)的設(shè)計(jì)首先涉及到的是頁(yè)面的版面編排問(wèn)題。“版面編排”實(shí)際上就是中國(guó)古代畫(huà)論中的“經(jīng)營(yíng)位置”。主頁(yè)作為一種版面，既有文字，又有圖片。文字有大有小，還有標(biāo)題和正文之分；圖片也有大小，而且有橫有豎之別。圖片和文字都需要同時(shí)展示給觀眾，總不能簡(jiǎn)單地羅列在一個(gè)頁(yè)面上，這樣往往會(huì)搞得雜亂無(wú)章。因此必須根據(jù)內(nèi)容的需要，將這些圖片和文字按照一定的次序進(jìn)行合理的編排和布局，使它們組成一個(gè)有機(jī)的整體，展現(xiàn)給廣大的觀眾。
　　
網(wǎng)頁(yè)設(shè)計(jì)造型要素中的點(diǎn)

商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中的點(diǎn)是構(gòu)成網(wǎng)頁(yè)的最基本單位，是指頁(yè)面中具備點(diǎn)的視覺(jué)特點(diǎn)、體積較小的物象。相對(duì)于整體背景而言一個(gè)單獨(dú)的點(diǎn)是相比較而言的；是有大小、形狀和體積的。點(diǎn)的大小、形態(tài)、位置不同，所產(chǎn)生的視覺(jué)效果、心理作用也不同。一個(gè)網(wǎng)頁(yè)往往需要有數(shù)量不等，形狀各異的點(diǎn)來(lái)構(gòu)成，可以是具體產(chǎn)品、商品標(biāo)志等，也可以是感覺(jué)上的點(diǎn)。

點(diǎn)在設(shè)計(jì)中即可以起一種穩(wěn)定造型的作用，亦可起到活潑生動(dòng)、吸引視覺(jué)中心的作用，使用得當(dāng)，甚至可以畫(huà)龍點(diǎn)睛；點(diǎn)的形狀、方向、大小、位置、聚集與發(fā)散，還能夠給人帶來(lái)不同的心理感受。

動(dòng)態(tài)網(wǎng)頁(yè)

動(dòng)態(tài)網(wǎng)頁(yè)是最常用的網(wǎng)站建設(shè)的一種表達(dá)形式，其優(yōu)點(diǎn)在于可以根據(jù)先前所制定好的程序界面，根據(jù)用戶(hù)的不同請(qǐng)求返回相應(yīng)的數(shù)據(jù)?？梢哉f(shuō)是一對(duì)多的關(guān)系。從而達(dá)到資源的最大利用和節(jié)省服務(wù)器上的物理資源。如果今后需要改變站點(diǎn)風(fēng)格，只需要重新制作前臺(tái)所訪問(wèn)的數(shù)據(jù)即可。只要數(shù)據(jù)庫(kù)結(jié)構(gòu)不變，可以很快的進(jìn)行改版的。通過(guò)執(zhí)行asp、php、jsp、.net等程序生成客戶(hù)端網(wǎng)頁(yè)代碼的網(wǎng)頁(yè)。動(dòng)態(tài)頁(yè)面通常可以通過(guò)網(wǎng)站后臺(tái)管理系統(tǒng)對(duì)網(wǎng)站的內(nèi)容進(jìn)行更新管理。發(fā)布新聞，發(fā)布公司產(chǎn)品，交流互動(dòng)，博客，網(wǎng)上調(diào)查等，這都是動(dòng)態(tài)網(wǎng)站的一些功能，也是我們常見(jiàn)的。動(dòng)態(tài)網(wǎng)頁(yè)是需要語(yǔ)言環(huán)境支持的，動(dòng)態(tài)頁(yè)面常見(jiàn)的擴(kuò)展名有：.asp、 .php、 .jsp 、.cgi 等。動(dòng)態(tài)頁(yè)面的“動(dòng)態(tài)”是網(wǎng)站與客戶(hù)端用戶(hù)互動(dòng)的意思，而非網(wǎng)頁(yè)上有動(dòng)畫(huà)的就是動(dòng)態(tài)頁(yè)面。

多媒體 網(wǎng)頁(yè)不同于傳統(tǒng)媒體之處，就在于信息的動(dòng)態(tài)更新和即時(shí)交互性。即時(shí)的交互性是Web成為熱點(diǎn)的主要原因，也是網(wǎng)頁(yè)設(shè)計(jì)時(shí)必須考慮的問(wèn)題。傳統(tǒng)媒體（如廣播、電視節(jié)目、報(bào)刊雜志等）都以線性方式提供信息，即按照信息提供者的感覺(jué)、體驗(yàn)和事先確定的格式來(lái)傳播。而在Web環(huán)境下，人們不再是一個(gè)傳統(tǒng)媒體方式的被動(dòng)接受者，而是以一個(gè)主動(dòng)參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互，使網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)不像印刷品設(shè)計(jì)那樣，發(fā)表之后就意味著設(shè)計(jì)的結(jié)束。網(wǎng)頁(yè)設(shè)計(jì)人員必須根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標(biāo)，配合網(wǎng)站不同時(shí)期的經(jīng)營(yíng)策略，以及用戶(hù)的反饋信息，經(jīng)常地對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)整和修改。例如，為了保持瀏覽者對(duì)網(wǎng)站的新鮮感，很多大型網(wǎng)站總是定期或不定期的進(jìn)行改版，這就需要設(shè)計(jì)者在保持網(wǎng)站視覺(jué)形象一貫性的基礎(chǔ)上，不斷創(chuàng)作出新的網(wǎng)頁(yè)設(shè)計(jì)作品。

目前網(wǎng)頁(yè)中使用的多媒體視聽(tīng)元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高以及跨平臺(tái)的多媒體文件格式的推廣，必將促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來(lái)設(shè)計(jì)網(wǎng)頁(yè)，以滿(mǎn)足和豐富瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國(guó)內(nèi)網(wǎng)頁(yè)已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術(shù)的改進(jìn)和推動(dòng)下，Internet網(wǎng)上出現(xiàn)實(shí)時(shí)的音頻和視頻服務(wù)，典型的有在線音樂(lè)、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此，多種媒體的綜合運(yùn)用是網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的特點(diǎn)之一，是未來(lái)的發(fā)展方向。

通過(guò)對(duì)網(wǎng)站設(shè)計(jì)的學(xué)習(xí)，我了解到網(wǎng)頁(yè)設(shè)計(jì)的布局框架以及網(wǎng)頁(yè)設(shè)計(jì)中不同因素的不同使用都會(huì)影響讀者的視覺(jué)習(xí)慣和心理變化。要吸引別人就首先應(yīng)當(dāng)抓住不同要素的特點(diǎn)加以利用，還要懂得如何去表現(xiàn)不同的特征和感覺(jué)，并把各個(gè)要素之間聯(lián)合起來(lái)不斷增加豐富、流暢、活潑的氣氛，給網(wǎng)頁(yè)文化注入新的血液，不斷地嘗試不斷地改進(jìn)，只有不斷的變化才會(huì)提高。

我們專(zhuān)注高端建站，小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類(lèi)API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿(mǎn)意為止，多一次對(duì)比，一定讓您多一份收獲！