網(wǎng)頁色彩搭配技巧

《網(wǎng)頁色彩搭配技巧》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、網(wǎng)頁色彩搭配技巧對于做網(wǎng)頁的初學(xué)者可能更習(xí)慣于使用一些漂亮的圖片作為自己網(wǎng)頁的背景，但是，瀏覽一下大型的商業(yè)網(wǎng)站，你會發(fā)現(xiàn)他們更多運(yùn)用的是白色、藍(lán)色、黃色等，使得網(wǎng)頁顯得典雅，大方和溫馨。更重要的是，這樣可以大大加快瀏覽者打開網(wǎng)頁的速度。一般來說，網(wǎng)頁的背景色應(yīng)該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來自然、舒暢。而為了追求醒目的視覺效果，可以為標(biāo)題使用較深的顏色。下面是我做網(wǎng)頁和瀏覽別人的網(wǎng)頁時，對網(wǎng)頁背景色和文字色彩搭配積累的經(jīng)驗，這些顏色可以做正文的底色，也可以做標(biāo)題的底色，再搭配不同的字體，一定會有不錯的效果，希望對大家在制作網(wǎng)頁時有用。BgcolorΚ″#F1F

2、AFA″———做正文的背景色好，淡雅BgcolorΚ″#E8FFE8″———做標(biāo)題的背景色較好BgcolorΚ″#E8E8FF″———做正文的背景色較好，文字顏色配黑色BgcolorΚ″#8080C0″———上配黃色白色文字較好BgcolorΚ″#E8D098″———上配淺藍(lán)色或藍(lán)色文字較好BgcolorΚ″#EFEFDA″———上配淺藍(lán)色或紅色文字較好BgcolorΚ″#F2F1D7″———配黑色文字素雅，如果是紅色則顯得醒目BgcolorΚ″#336699″———配白色文字好看些BgcolorΚ″#6699CC″———配白色文字好看些，可以做標(biāo)題BgcolorΚ″#66CCCC″—

3、——配白色文字好看些，可以做標(biāo)題BgcolorΚ″#B45B3E″———配白色文字好看些，可以做標(biāo)題BgcolorΚ″#479AC7″———配白色文字好看些，可以做標(biāo)題BgcolorΚ″#00B271″———配白色文字好看些，可以做標(biāo)題BgcolorΚ″#FBFBEA″———配黑色文字比較好看，一般作為正文BgcolorΚ″#D5F3F4″———配黑色文字比較好看，一般作為正文BgcolorΚ″#D7FFF0″———配黑色文字比較好看，一般作為正文BgcolorΚ″#F0DAD2″———配黑色文字比較好看，一般作為正文BgcolorΚ″#DDF3FF″———配黑色文字比較好看，一般作為

4、正文淺綠色底配黑色文字，或白色底配藍(lán)色文字都很醒目，但前者突出背景，后者突出文字。紅色底配白色文字，比較深的底色配黃色文字顯得非常有效果。　　此文只是起一個“拋磚引玉”的作用，大家可以發(fā)揮想象力，搭配出更有新意、更醒目的顏色，使網(wǎng)頁更具有吸引力==================如今，互聯(lián)網(wǎng)越來越走近我們的生活，網(wǎng)上沖浪也漸漸成為我們生活不可缺少的一部分。網(wǎng)絡(luò)世界五彩繽紛，涌現(xiàn)出大量優(yōu)秀精美的網(wǎng)頁。大量網(wǎng)絡(luò)信息的呈現(xiàn)，無非就是通過文本、圖像、Flash動畫等，其中，文本是網(wǎng)頁中最為重要的設(shè)計元素。對于網(wǎng)頁設(shè)計初學(xué)者而言，了解和掌握網(wǎng)頁設(shè)計中的文字排版設(shè)計就顯得尤為重要，下面筆者想談?wù)勔?/p>

5、己之見。文字的格式化字號、字體、行距字號大小可以用不同的方式來計算，例如磅#quotel.quoter#或像素(Pixel)。因為以像素技術(shù)為基礎(chǔ)單位打印時需要轉(zhuǎn)換為磅，所以，建議采用磅為單位。最適合于網(wǎng)頁正文顯示的字體大小為12磅左右，現(xiàn)在很多的綜合性站點(diǎn)，由于在一個頁面中需要安排的內(nèi)容較多，通常采用9磅的字號。較大的字體可用于標(biāo)題或其他需要強(qiáng)調(diào)的地方，小一些的字體可以用于頁腳和輔助信息。需要注意的是，小字號容易產(chǎn)生整體感和精致感，但可讀性較差。網(wǎng)頁設(shè)計者可以用字體來更充分地體現(xiàn)設(shè)計中要表達(dá)的情感。字體選擇是一種感性、直觀的行為。但是，無論選擇什么字體，都要依據(jù)網(wǎng)頁的總體設(shè)想和瀏覽者

6、的需要。例如：粗體字強(qiáng)壯有力，有男性特點(diǎn)，適合機(jī)械、建筑業(yè)等內(nèi)容；細(xì)體字高雅細(xì)致，有女性特點(diǎn)，更適合服裝、化妝品、食品等行業(yè)的內(nèi)容。在同一頁面中，字體種類少，版面雅致，有穩(wěn)定感；字體種類多，則版面活躍，豐富多彩。關(guān)鍵是如何根據(jù)頁面內(nèi)容來掌握這個比例關(guān)系。從加強(qiáng)平臺無關(guān)性的角度來考慮，正文內(nèi)容最好采用缺省字體。因為瀏覽器是用本地機(jī)器上的字庫顯示頁面內(nèi)容的。作為網(wǎng)頁設(shè)計者必須考慮到大多數(shù)瀏覽者的機(jī)器里只裝有三種字體類型及一些相應(yīng)的特定字體。而你指定的字體在瀏覽者的機(jī)器里并不一定能夠找到，這給網(wǎng)頁設(shè)計帶來很大的局限。解決問題的辦法是：在確有必要使用特殊字體的地方，可以將文字制成圖像，然后插入

7、頁面中。行距的變化也會對文本的可讀性產(chǎn)生很大影響。一般情況下，接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為10:12，即用字10點(diǎn)，則行距12點(diǎn)。這主要是出于以下考慮：適當(dāng)?shù)男芯鄷纬梢粭l明顯的水平空白帶，以引導(dǎo)瀏覽者的目光，而行距過寬會使一行文字失去較好的延續(xù)性。除了對于可讀性的影響，行距本身也是具有很強(qiáng)表現(xiàn)力的設(shè)計語言，為了加強(qiáng)版式的裝飾效果，可以有意識地加寬或縮窄行距，體現(xiàn)獨(dú)特的審美意趣。例如，加寬行距可以體現(xiàn)輕松、舒展的情緒，應(yīng)