很(hěn)多(duō)網頁設計(jì)者在設計(jì)網站(zhàn)頁面的(d‍εe)時(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òn→Ωg)的(de)網頁設計(jì)軟件(jiàn)有(yǒu‌∏)Dreamweaver、Fireworks、Fl'↑ash 以及Photoshop，這(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ǐ)上>"≥(shà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ōng)過矛盾和(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)随意混合。