1. 程式人生 > >網頁設計中文字顏色的搭配技巧

網頁設計中文字顏色的搭配技巧

  對於做網頁的初學者可能更習慣於使用一些漂亮的圖片作為自己網頁的背景,但瀏覽一下大型的商業網站,你會發現他們更多運用的是白色、藍色、黃色等,使得網頁顯得典雅,大方和溫馨。更重要的是,這樣可以大大加快瀏覽者開啟網頁的速度。

  一般來說,網頁的背景色應該柔和一些、素一些、淡一些,再配上深色的文字,使人看起來自然、舒暢。而為了追求醒目的視覺效果,可以為標題使用較深的顏色。下面是我做網頁和瀏覽別人的網頁時,對網頁背景色和文字色彩搭配積累的經驗,這些顏色可以做正文的底色,也可以做標題的底色,再搭配不同的字型,一定會有不錯的效果,希望對大家在製作網頁時有用。

   BgcolorΚ″#F1FAFA″———做正文的背景色好,淡雅

   BgcolorΚ″#E8FFE8″———做標題的背景色較好

   BgcolorΚ″#E8E8FF″———做正文的背景色較好,文字顏色配黑色

   BgcolorΚ″#8080C0″———上配黃色白色文字較好

   BgcolorΚ″#E8D098″———上配淺藍色或藍色文字較好

   BgcolorΚ″#EFEFDA″———上配淺藍色或紅色文字較好

   BgcolorΚ″#F2F1D7″———配黑色文字素雅,如果是紅色則顯得醒目

   BgcolorΚ″#336699″———配白色文字好看些

   BgcolorΚ″#6699CC″———配白色文字好看些,可以做標題

   BgcolorΚ″#66CCCC″———配白色文字好看些,可以做標題

   BgcolorΚ″#B45B3E″———配白色文字好看些,可以做標題

   BgcolorΚ″#479AC7″———配白色文字好看些,可以做標題

   BgcolorΚ″#00B271″———配白色文字好看些,可以做標題

   BgcolorΚ″#FBFBEA″———配黑色文字比較好看,一般作為正文

   BgcolorΚ″#D5F3F4″———配黑色文字比較好看,一般作為正文

   BgcolorΚ″#D7FFF0″———配黑色文字比較好看,一般作為正文

   BgcolorΚ″#F0DAD2″———配黑色文字比較好看,一般作為正文

   BgcolorΚ″#DDF3FF″———配黑色文字比較好看,一般作為正文

  淺綠色底配黑色文字,或白色底配藍色文字都很醒目,但前者突出背景,後者突出文字。紅色底配白色文字,比較深的底色配黃色文字顯得非常有效果。

  此文只是起一個“拋磚引玉”的作用,大家可以發揮想象力,搭配出更有新意、更醒目的顏色,使網頁更具有吸引力。