當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > Dreamweaver > 不同背景下文字顏色搭配的網(wǎng)頁(yè)配色技巧

不同背景下文字顏色搭配的網(wǎng)頁(yè)配色技巧

2021/9/10 17:33:16作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端
Adobe Dreamweaver 2021中文綠色精簡(jiǎn)版v21.0.0.15392

大?。?56MB語(yǔ)言:

類型:網(wǎng)頁(yè)制作等級(jí):

網(wǎng)頁(yè)設(shè)計(jì)的初學(xué)者可能習(xí)慣使用漂亮的圖片作為網(wǎng)頁(yè)的背景,但是當(dāng)人們?yōu)g覽一些著名、專業(yè)的大型商業(yè)網(wǎng)站時(shí),會(huì)發(fā)現(xiàn)其運(yùn)用最多的是白色、藍(lán)色、黃色等單色,這樣會(huì)讓瀏覽頁(yè)顯得典雅、大方和溫馨,最重要的是極大地增進(jìn)瀏覽者開啟網(wǎng)頁(yè)的速度。
不同背景下文字顏色搭配的網(wǎng)頁(yè)配色技巧

一般而言,網(wǎng)頁(yè)的背景色應(yīng)該柔和、素雅,配上深色的文字之后,看起來(lái)自然、舒適。但如果為了追求醒目的視覺效果,也可以為標(biāo)題使用較深的背景顏色。下面是關(guān)于網(wǎng)頁(yè)背景色和文字色彩搭配的一些經(jīng)驗(yàn)值,這些顏色既可作為文字底色,也可以作為標(biāo)題底色,適度配合不同字體,相信會(huì)有不錯(cuò)的效果,希望對(duì)用戶的網(wǎng)頁(yè)制作有所幫助。

背景色:“#f1fafa”
適合做正文的背景色,比較淡雅。配以同
色系的藍(lán)色、深灰色或黑色文字都很好。

 背景色:“#e8ffe8”
適合做標(biāo)題的背景色,搭配同色系的深綠
色標(biāo)題或黑色文字。

 背景色:“#e8e8ff”
適合做正文的背景色,文字顏色配黑色比
較和諧、醒目。

 背景色:“#8080c0”
配黃色或白色文字較好

 背景色:“#e8d098”
配淺藍(lán)色或藍(lán)色文字較好

 背景色:“#efefda”
配淺藍(lán)色或紅色文字較好

 背景色:“#f2fld7”
配淺藍(lán)色或紅色文字較好

 背景色:“#336699”
配白色文字比較合適,對(duì)比強(qiáng)烈

 背景色:“#6699cc”
適合搭配白色文字,可以作為標(biāo)題

 背景色:“#66cccc”
適合搭配白色文字,可以作為標(biāo)題

 背景色:“#b45b3e”
適合搭配白色文字,可以作為標(biāo)題

 背景色:“#479ac7”
適合搭配白色文字,可以作為標(biāo)題

 背景色:“#00b271”
配白色文字顯得比較干凈,可以作為標(biāo)題

 背景色:“#fbfbea”
配黑色文字比較好看,一般作為正文

 背景色:“#d5f3f4”
配黑色或藍(lán)色文字比較好看,一般作為正文

 背景色:“#d7fff0”
配黑色文字比較好看,一般作為正文

 背景色:“#f0dad2”
配黑色文字比較好看,一般作為正文

 背景色:“#ddf3ff”
配黑色文字比較好看,一般作為正文

淺綠色背景配上黑色文字或看白色背景配上藍(lán)色文字都很醒目,但前者突出背景色,后者突出文字。紅色背景配上白色文字,較深的背景色配上黃色文字,都會(huì)更加突顯文字。

 

標(biāo)簽: 網(wǎng)頁(yè)  配色