網頁配色技巧:不同背景下文字顏色搭配?

網頁設計的初學者可能習慣使用漂亮的圖片作為網頁的背景,但是當人們瀏覽一些著名、專業的大型商業網站時,會發現其運用最多的是白色、藍色、黃色等單色,這樣會讓瀏覽頁顯得典雅、大方和溫馨,最重要的是極大地增進瀏覽者開啟網頁的速度。

一般而言,網頁的背景色應該柔和、素雅,配上深色的文字之後,看起來自然、舒適。但如果為了追求醒目的視覺效果,也可以為標題使用較深的背景顏色。下面是關於網頁背景色和文字色彩搭配的一些經驗值,這些顏色既可作為文字底色,也可以作為標題底色,適度配合不同字型,相信會有不錯的效果,希望對使用者的網頁製作有所幫助。

工具/原料

dreamweaver

方法/步驟

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

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#e8ffe8”

適合做標題的背景色,搭配同色系的深綠色標題或黑色文字。

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#e8e8ff”

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

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#8080c0”

配黃色或白色文字較好

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#e8d098”

配淺藍色或藍色文字較好

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#efefda”

配淺藍色或紅色文字較好

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#f2fld7”

配淺藍色或紅色文字較好

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#336699”

配白色文字比較合適,對比強烈

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#6699cc”

適合搭配白色文字,可以作為標題

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#66cccc”

適合搭配白色文字,可以作為標題

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#b45b3e”

適合搭配白色文字,可以作為標題

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#479ac7”

適合搭配白色文字,可以作為標題

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#00b271”

配白色文字顯得比較乾淨,可以作為標題

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#fbfbea”

配黑色文字比較好看,一般作為正文

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#d5f3f4”

配黑色或藍色文字比較好看,一般作為正文

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#d7fff0”

配黑色文字比較好看,一般作為正文

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#f0dad2”

配黑色文字比較好看,一般作為正文

網頁配色技巧:不同背景下文字顏色搭配

背景色:“#ddf3ff”

配黑色文字比較好看,一般作為正文

網頁配色技巧:不同背景下文字顏色搭配

注意事項

淺綠色背景配上黑色文字或看白色背景配上藍色文字都很醒目,但前者突出背景色,後者突出文字。紅色背景配上白色文字,較深的背景色配上黃色文字,都會更加突顯文字。

文字, 網頁, 背景, 技巧, 顏色,
相關問題答案