很(hěn)多(duō)網頁設計(jì)者在設計(jì)網站(zhàn)頁面的(de)時(shí)候隻圖為∏±​(wèi)了(le)好(hǎo)看(kàn)，當然這(zhè)是(shì)很(hěn)重要(yào‍​$)的(de)。屬于用(yòng)戶體(tǐ)驗度之一(yī)。¥ ​其實還(hái)有(yǒu)兩個(gè)重要(yào)原則。設計®£(jì)的(de)實現(xiàn)可(kě)以分(fēn)為(wèi)兩個(gè)部分(fē♥✔σ∞n)。第一(yī)部分(fēn)為(wèi)站(zhàn)點的(de)規劃及草(cǎ©•∑o)圖的(de)繪制(zhì)，這(zhè)一(yī)部分(fēn)可(kě)以在≈​紙(zhǐ)上(shàng)完成;第二部分(fēn)為(wèi)網頁的(de)設計(jì)制(±±← zhì)作(zuò)，這(zhè)一(yī)過程是(shì)在計(₩↔jì)算(suàn)機(jī)上(shàng)完成的(de)。

設計(jì)網頁的(de)第一(yī)步是(shì)設計(jì)版面布局。可(kě)以将網頁看(k±"λàn)作(zuò)傳統的(de)報(bào)刊雜(zá)♥€志(zhì)來(lái)編輯，這(zhè)裡(l↕ε✘ǐ)面有(yǒu)文(wén)字、圖像乃至動畫(huà)，要(yào±®↕)以最适合的(de)方式将圖片和(hé)文(wén)字排放(fàng)在頁©'面的(de)不(bù)同位置。常用(yòng)的(de)網♦Ω≤頁設計(jì)軟件(jiàn)有(yǒu)Dreβ∑ amweaver、Fireworks、Flash 以及P€♠>hotoshop，這(zhè)些(xiē)都(dōu)是(sh↕​ì)很(hěn)不(bù)錯(cuò)的(de)±•軟件(jiàn)。接下(xià)來(lái)要(yào)做(zuò)的(de)®∑&就(jiù)是(shì)通(tōng)過軟'₩✘¥件(jiàn)的(de)使用(yòng)，将λ±≈設計(jì)的(de)藍(lán)圖變為(wèi)現(xiàn)實，最終的(de)集成一±★≠≠(yī)般是(shì)在Dreamweaver裡(lǐ)完α₩成的(de)。

雖然在草(cǎo)圖上(shàng)定出了(le)頁面的(de)✔♠♥✘大(dà)體(tǐ)輪廓，但(dàn)是(shì)靈感$₽∏一(yī)般都(dōu)是(shì)在制(zhì)作(zuò)過程✔™✘↔中産生(shēng)的(de)。設計(jì)一(yī)定要(yào)有(yǒu)創意，這(zhè)₩→φ•是(shì)最基本的(de)要(yào)求，沒有(yǒu)創意的(↔≥de)設計(jì)是(shì)失敗的(de)。在制(zhì)作(zuò)的(de ♠)過程中，會(huì)碰到(dào)許多(duō)問(wèn)題，其中最敏感的(de)莫過于¥‌¶頁面的(de)顔色了(le)。處理(lǐ)的(de)方法是(shì)，₹ ₩×先确定一(yī)種能(néng)表現(xiàn ₽)主題的(de)主體(tǐ)色，然後根據具體(tǐ)的(de)需要(yào)，應用(£←yòng)顔色的(de)近(jìn)似和(hé)對(duì)比來(lái)完成Ω♦整個(gè)頁面的(de)配色方案。整個(gβ₽↓è)頁面在視(shì)覺上(shàng)應是(shì)一∞¶©(yī)個(gè)整體(tǐ)，并且有(yǒu)和(hé)諧、悅目的Ω€∑♣(de)視(shì)覺效果。

設計(jì)是(shì)有(yǒu)原則的(de)，網頁設計(jì)遵循以下(xi→♦¶à)幾個(gè)原則：統一(yī)、連貫、分(fēn)割、對(duì)比及和(hé ✔)諧。

統一(yī)是(shì)指網頁的(de)整體(tǐ)性，一(yī)緻∑∏性。網頁的(de)整體(tǐ)效果是(shì)至關重要(yào)的(de)，網頁中← 各個(gè)版塊設計(jì)風(fēng)格要(yào)一(yī)緻協調。

連貫是(shì)指要(yào)注意頁面的(de)相(xiàng)互‌'關系。設計(jì)中要(yào)注意各組成部分(fēn)在內(nèi)容上(shàng)的‌>→≈(de)內(nèi)在聯系和(hé)表現(xiàn)形式上(shàng)≠₩ 的(de)相(xiàng)互呼應，并注意整個(gè)頁面設計(jì)風(fēng)格的(de) &♠一(yī)緻性，實現(xiàn)視(shì)覺上(shàng)和(hé)心理(lǐ)上(s•λ₹hàng)的(de)連貫，使整個(gè)頁面設計(jì)的(de)各個(gè)部分(fēn)←≈融洽得(de)猶如(rú)一(yī)氣呵成。

分(fēn)割是(shì)指将頁面分(fēn)成若幹小(xiǎo)塊，小(xiǎo'σ)塊之間(jiān)有(yǒu)視(shì)覺上(shàng)的(de±≈)不(bù)同，這(zhè)樣可(kě)以使浏覽者一(yī)目了(le)然。

對(duì)比就(jiù)是(shì)通(tōn↔÷γ‌g)過矛盾和(hé)沖突，使設計(jì)更加富有(yǒu)生(shē☆€ng)氣。對(duì)比的(de)手法很(hěn)多(duō)，如(rú)多(ε←duō)與少(shǎo)、曲與直、強與弱、長(cháng)λ☆≤α與短(duǎn)、粗與細、主與次、黑(hēi)與白(bái)、動與靜(jìng)、美(měi)與醜α≥✔等。在使用(yòng)對(duì)比的(de)時(shí)候應慎重，對(duì)比過強¥↓容易破壞美(měi)感，影(yǐng)響統一(yī)。

和(hé)諧是(shì)指整個(gè)頁面符合美(měi)的(de)法則，渾然一(yī)體(tǐ®÷Ω)。網頁不(bù)僅僅是(shì)色彩、形狀•±、線條等的(de)随意混合。