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

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

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

   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″———配黑色文字比較好看,一般作為本文

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

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



相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。