网页设计中文字颜色的搭配技巧

转载 2006年05月23日 11:30:00

  对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加快浏览者打开网页的速度。

  一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。而为了追求醒目的视觉效果,可以为标题使用较深的颜色。下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的字体,一定会有不错的效果,希望对大家在制作网页时有用。

   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″———配黑色文字比较好看,一般作为正文

  浅绿色底配黑色文字,或白色底配蓝色文字都很醒目,但前者突出背景,后者突出文字。红色底配白色文字,比较深的底色配黄色文字显得非常有效果。

  此文只是起一个“抛砖引玉”的作用,大家可以发挥想象力,搭配出更有新意、更醒目的颜色,使网页更具有吸引力。

网页设计中文字颜色的搭配技巧

原文网址:http://hi.baidu.com/life_on_the_way/blog/item/8bbdc9a49059cbf29152ee1d.html      BgcolorΚ...
  • Angiexia
  • Angiexia
  • 2013年07月04日 10:56
  • 526

美工(一)网页颜色搭配技巧 文字字体、字号、字体排版等

对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加快...
  • wangeen
  • wangeen
  • 2013年12月29日 20:14
  • 9285

网页颜色搭配表及颜色搭配技巧

网页颜色搭配表及颜色搭配技巧 颜色搭配常识: 1.网页中色彩的表达使用三种颜色,及红(R)、绿(G)、蓝(B),及通常所说的RGB色彩,它包含了人类所感知的所有颜色,网页中表达颜色如下(红色为例)...
  • dxk539687357
  • dxk539687357
  • 2017年04月10日 09:50
  • 206

网页颜色的搭配技巧

一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们...
  • lu_tu_zhong
  • lu_tu_zhong
  • 2015年07月02日 10:35
  • 627

网页布局和色彩搭配

网络已经影响到了我们生活和工作的方方面面,每天都有很多浏览网页。政府,学校,企业,甚至个人都有自己的网页。其实制作网页并不神秘,而在制作过程中,网页的布局和用色的非常重要。介绍了网页布局的设计方法和颜...
  • luojianbinfen
  • luojianbinfen
  • 2014年06月11日 00:00
  • 1521

网页颜色搭配表及颜色搭配技巧

网页颜色搭配表及颜色搭配技巧 颜色搭配常识: 1.网页中色彩的表达使用三种颜色,及红(R)、绿(G)、蓝(B),及通常所说的RGB色彩,它包含了人类所感知的所有颜色,网页中表达颜色如下(红色为...
  • Leon20160711
  • Leon20160711
  • 2016年08月16日 19:36
  • 143

网页颜色搭配表及颜色搭配技巧

网页颜色搭配表及颜色搭配技巧 颜色搭配常识: 1.网页中色彩的表达使用三种颜色,及红(R)、绿(G)、蓝(B),及通常所说的RGB色彩,它包含了人类所感知的所有颜色,网页中表达颜色如下(红色为...
  • qq_38989725
  • qq_38989725
  • 2017年06月05日 23:08
  • 130

网页颜色搭配表及颜色搭配技巧

网页颜色搭配表及颜色搭配技巧 颜色搭配常识: 1.网页中色彩的表达使用三种颜色,及红(R)、绿(G)、蓝(B),及通常所说的RGB色彩,它包含了人类所感知的所有颜色,网页中表达颜色如下(红色为例)...
  • grpideas
  • grpideas
  • 2014年08月02日 22:50
  • 545

报表开发小技巧:报表的设计与配色技巧

总是感觉自己作出的报表实用有余,美观不足?反观小伙伴们的报表简直美炸天?别担心你只是缺少点技巧,从取色到配图7个小技巧,让你知道报表也可以这么仙。...
  • nayun123
  • nayun123
  • 2015年11月03日 14:44
  • 614

强烈推荐!帮你从零开始全面掌握UI设计的配色方法

编者按:一篇你绝对不想错过的文章!以前的色彩知识大多是基础科普,容易看完就忘,配色时还得翻书。但今天这篇,大多是从实战出发,学完可以立刻上手,而且还附有作者本人的色板、配色工具等等,无论是小白还是UI...
  • poyingtingshiliang
  • poyingtingshiliang
  • 2016年05月03日 15:49
  • 5966
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页设计中文字颜色的搭配技巧
举报原因:
原因补充:

(最多只允许输入30个字)