1、色彩設計(jì)原則

衆所周知(zhī)，不(bù)管是(shì)做(zuò)招貼、包裝或者是(shì)VI，給人(rén)的(de)第一(yī)印象往往是(shì)這(zhè↓)個(gè)作(zuò)品的(de)色彩設計(jì)，它的(de)色彩運用(yòng)的(de)好(hǎo)與壞，将直接影(yǐng)響到(dào)₹閱讀(dú)者的(de)興趣。同樣，在網頁設計(jì)中，色彩也(yě)是(shì)居于十分(fēn)重•要(yào)的(de)地(dì)位。現(xiàn)在的(de)文(wén)學類網站(zhàn)的(de)∞網頁設計(jì)，大(dà)部分(fēn)以比較淺的(de)顔色為(wèi)網頁的(de)背景色，如(rú)淺±黃(huáng)色、淺藍(lán)色、淺綠(lǜ)色或者直接就(jiù)是(shì)白(bái)色背景，再加上(shàng)較深顔色的(de)文(wén)字來(lái)做(zuò)的(de♦)配色。一(yī)般來(lái)說(shuō)網頁中所出現(xiàn)的(de)字體(tǐ)顔色都(dōu)是(shì)黑(hēi)色&，因為(wèi)淺色背景中黑(hēi)色字體(tǐ)的(de)視(shì)認度最高(gāo)，但(dàn)是(shì)這(zhè)種強對(duì)比×，屏幕刺激較大(dà)，也(yě)更容易讓浏覽者産生(shēng)視(shì)覺疲勞。在文(wén)學類網頁設計(jì)中，$這(zhè)種對(duì)比過于強烈的(de)配色會(huì)使用(yòng)戶長(cháng)時(shí₹)間(jiān)在線浏覽的(de)時(shí)候有(yǒu)不(bù)适，但(dàn)是(shì)緩和(<hé)的(de)色彩搭配視(shì)認度不(bù)高(gāo)，也(yě)不(bù)利于用(yòng)戶閱讀(dú)。所以筆(bǐ)者認為(wèi)在網頁中出現(xiàn)大(dà)面積✔文(wén)字以及考慮到(dào)用(yòng)戶會(huì)長(cháng)時(shí)間(jiān)停留在一(y©ī)個(gè)頁面的(de)時(shí)候，比如(rú)文(wén)學網站(zhàn)的(de)在線閱讀(dú)界面，我們可(kě)以給用(yòng)戶一(yī)個(gè)選擇，讓"用(yòng)戶自(zì)己來(lái)挑選網頁的(de)背景色以及字體(tǐ)顔色，讓用(yòng)戶自(zì)己來(≈lái)選擇适合自(zì)己的(de)顔色搭配。

2、文(wén)字和(hé)排版設計(jì)原則

在做(zuò)網頁設計(jì)的(de)過程中，無論選擇什(shén)麽字體(tǐ)，都(dōu)要(yào)基于網頁的(de)總體(tǐ≈)設想和(hé)浏覽者的(de)需要(yào)來(lái)使用(yòng)。而且浏覽器(qì)使用(yòng)的(de)是(shì)本地(dì)字β庫顯示的(de)頁面內(nèi)容，作(zuò)為(wèi)一(yī)個(gè)網頁設計(jì)者，不(bù)得(de)不(bù)考慮到(dào)用(yòng)戶電('diàn)腦(nǎo)中是(shì)否有(yǒu)你(nǐ)選用(yòng)的(de)字體(tǐ)，所以說(shuō)網頁中的(de)文(wén)字最好(hǎo)使用(yòng)缺省字體≤(tǐ)，在必須使用(yòng)特殊字體(tǐ)的(de)地(dì)方，可(kě)以先把文(wén)字做(zuò)成圖像，然後再插入到(dào)網頁頁♣面中去(qù)。再者就(jiù)是(shì)文(wén)字行(xíng)距的(de)問(wèn)題，一(yī)般的(de)行(xíng)距比例為(wèi)10:12≠，因為(wèi)合适的(de)行(xíng)距可(kě)以很(hěn)好(hǎo)引導浏覽者的(de)視(shì)線，如(rú)果行(xín>g)距過寬會(huì)影(yǐng)響行(xíng)與行(xíng)之間(jiān)的(de)文(wén₹)字延續性，影(yǐng)響閱讀(dú)。而且在視(shì)覺傳達中文(wén)字作(zuò)為(wèi)網頁頁∏面的(de)要(yào)素之一(yī)，除了(le)表達文(wén)字本身(shēn)的(de)意義以外(wài)，還(hái)有(yǒu)傳達感情的(de)≈作(zuò)用(yòng)，所以文(wén)字設計(jì)在視(shì)覺上(shàng)要(yào)給人(rén)以美(měi)好(hǎo)的(deφ)印象，讓浏覽者可(kě)以獲得(de)良好(hǎo)的(de)閱讀(dú)感受。而且網頁設計(jì)作(zuò)為(wèi)一(yī)種視(shì)覺語言，特别講究編排和(≥hé)布局，雖然主頁的(de)設計(jì)不(bù)等同于平面設計(jì)，但(dàn)它們有(yǒu)許多(duō)相(xiàng)近(jìn)之處，都(dōu)是(shì)通→(tōng)過文(wén)字圖形的(de)空(kōng)間(jiān)組合，表達出和(hé)諧與美(měi)。在網頁文(w♠én)字設計(jì)編排中最重要(yào)的(de)一(yī)點，就(jiù)是(shì)要(yào)與網頁內(nèi)容的(de)性質♦和(hé)特點相(xiàng)和(hé)諧，其設計(jì)風(fēng)格要(yào)與內(nèi)容特性相(xiàng)一(yī)緻←，而不(bù)是(shì)相(xiàng)分(fēn)離(lí)沖突，所以在我們把大(dà)量的(de)信息整合到π(dào)一(yī)個(gè)頁面上(shàng)去(qù)的(de)時(shí)候，首先要(yào)考慮的(de)是(shì)怎樣把它們以合理(lǐ)統一(yφī)的(de)排布，達到(dào)變化(huà)與統一(yī)并存的(de)和(hé)諧效果。在排版這(zhè)方面，網頁的(de)版式設計(jì)同報(εbào)刊雜(zá)志(zhì)的(de)版式設計(jì)有(yǒu)不(bù)少(shǎo)共同之處，基本上(shàng)都(dōu)是(shì)把頁面中的(de)文(wén•)字字體(tǐ)、圖形圖像、色塊線條等要(yào)素按照(zhào)一(yī)定的(de)節奏進行(xíng)編排，同時(shí)注意其結構的∞(de)大(dà)小(xiǎo)、輕重、虛實等對(duì)比因素，并通(tōng)過對(duì)這(zhè)些(xiē)要(yào)素的(de)編排，使浏覽者直觀地(dì)感受到(dào©)該頁面要(yào)傳遞的(de)信息。

3、網頁圖形的(de)優化(huà)和(hé)應用(yòng)原則

對(duì)于一(yī)個(gè)網站(zhàn)來(lái)說(shuō)，網頁的(de)下(xià)載速度是(shì)非常重要(yào)的(™de)，但(dàn)是(shì)影(yǐng)響網頁的(de)下(xià)載速度的(de)因素除了(le₽)網速以外(wài)，網頁中所包含的(de)圖像圖形對(duì)網頁的(de)下(xià)載速度也(yě)有(yǒu)很(hěn)大(dà)的(de)影(yǐng)響。因此，對(duì)網頁圖→形進行(xíng)優化(huà)，使網頁能(néng)夠快(kuài)速下(xià)載是(shì)網站(zhàn)設計(jì)制(zhì)作(zuò)中考慮的(de)首要(yào)問(wènλ)題。所以，接下(xià)來(lái)就(jiù)來(lái)探討(tǎo)一(yī)下(xià)圖片優化(huà)的(de)基本方法。首先是(shì)圖片≥的(de)裁切，裁切時(shí)應盡量沿所需圖像邊緣裁切，避免不(bù)必要(yào)區(qū)域占用(yòng)文(wén)件(jiàn)大(dà)小(xiǎo)。如(rú♠)果在頁面中有(yǒu)一(yī)張過大(dà)的(de)圖片，也(yě)可(kě)以先把它裁成小(xiǎo)塊，然後再使用(yòng)Table語法所提供的(de)Border=0、Cell"-spacing=0、Cellpadding=0的(de)無縫功能(néng)，将它們組合起來(lái)，這(zhè)樣也(yě)會(huì)提高(gāo)圖片的(de)加載速度。再者☆就(jiù)是(shì)圖片的(de)輸出，一(yī)般情況下(xià)，色彩少(shǎo)的(de)圖片使用(y≤òng)GIF或者PNG格式，色彩豐富的(de)的(de)圖片使用(yòng)JPG格式。如(rú)果是(shì)一(yī)些(xiē)攝影(yǐng)網站(z"hàn)，圖片要(yào)求都(dōu)是(shì)高(gāo)清圖片，那(nà)就(jiù)可(kě)以用(yòng)JPG格式做→(zuò)小(xiǎo)圖預覽，然後鏈接到(dào)TIF格式(無損)的(de)原圖，這(zhè)對(duì)沒興趣看(kàn)這(zhè)張大 (dà)圖片的(de)浏覽者而言，不(bù)但(dàn)可(kě)快(kuài)速下(xià)載該網頁，而且也(yě)是(shì)一(yī)種體(tǐ)貼的(de)選擇。還(hái)有£(yǒu)些(xiē)圖片，因為(wèi)要(yào)在不(bù)同的(de)背景中使用(yòng)，需要(yào)輸出為(wèi)透明(míng)的(de)效果，這(zhè)時(₽shí)，就(jiù)可(kě)以選用(yòng)GIF格式，因為(wèi)對(duì)于GIF圖像來(l♣ái)說(shuō)，色彩越少(shǎo)，文(wén)件(jiàn)就(jiù)越小(xiǎo)。所以說(shuō)在看(kàn)起來(lái)可(kě)以接受的(de)範圍內(nèi)，盡可(↔kě)能(néng)地(dì)将色彩數(shù)量減少(shǎo)，就(jiù)能(néng)夠對(duì)GIF圖₩像進行(xíng)不(bù)錯(cuò)的(de)優化(huà)。而且對(duì)于網頁中所采用(yòng)的(de©)圖檔，通(tōng)常會(huì)加入Width、Height這(zhè)兩個(gè)屬性，這(zhè)樣就(jiù)可(kě)以在加載網頁的(de)過程中為(wèi)圖像預留空(kōn♠g)間(jiān)，在加載圖片時(shí)，用(yòng)戶就(jiù)可(kě)以先浏覽其他(tā)已β加載項目。如(rú)果沒有(yǒu)這(zhè)些(xiē)屬性，浏覽器(qì)就(jiù)不(bù)能(néng)了(le)解圖像的(de)大(dà)小(xiǎo)，¥也(yě)就(jiù)不(bù)能(néng)為(wèi)圖像預留下(xià)合适的(de)空(kōng)間(jiān)，'這(zhè)可(kě)能(néng)會(huì)給網頁中其他(tā)元素的(de)顯示帶來(lái)很(hě←n)大(dà)的(de)延遲，從(cóng)而影(yǐng)響用(yòng)戶的(de)閱讀(dú)。