45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > Photoshop >

谈颜色搭配在网页制作中的技巧

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:29 作者:45IT收集

  刚刚做网页的朋友可能更习惯于用一些漂亮的图片做自己网页的背景,但是,更多地浏览一下大型商业网站,你会发现它们更多运用的是白色、蓝色、黄色或其他颜色的搭配,使得网页显得典雅、温馨又不失活泼,更重要的是,这种做法使浏览者大大加快了网页的加载速度,配合网站丰富的内容,使整个网站更具有吸引力。
  那么如何搭配颜色才能让自己的主页更加绚丽多彩呢?我们常常遇到的问题其实主要是背景颜色和字体颜色的搭配问题:达到既不显得呆板,又不至于过于亮丽而造成过强刺激的视觉效果。一般说来,普通的底色应柔和些,素一些,淡一些,配上黑字,读起来自然、流畅。而为了追求醒目的视觉效果(如标题),可以使用较深的颜色,然后配上对比鲜明的字体如白字、黄字或篮字。其实底色与字体的合理搭配要胜过用背景图画,因为背景图画太花哨,有种不安静的感觉。而纯色给人感觉较好,尤其是看图片多了以后!

  下面是本人多日制作网页对底色和字体搭配积累的经验,这些颜色可以做正文底色,也可做标题底色,再配上不同颜色的字体,就有比较不错的效果。希望能对大家有所帮助。

  BGCOLOR=“#f1fafa"  //做正文的背景色好,淡雅。

  BGCOLOR=“#E8FFE8" //做标题的背景色好,与上面的颜色搭配很协调。

  这两种颜色可以配黑字或FONT COLOR=“#800080"

  bgcolor=“#E8E8FF" //做正文的背景色好,字体配黑色较好。

  bgcolor=“#8080C0"  //上配黄色白色字体较好

  bgcolor=“#E8D098" //上搭配浅蓝色或蓝色字体较好

  bgcolor=“#EFEFDA" //上搭配浅蓝色或红色字体较好

  bgcolor=“#F2F1D7"  //配黑字素雅,红字醒目

  bgcolor=“#336699"   //配白字做标题较好看

  bgcolor=“#6699CC"和bgcolor=“#479AC7"和bgcolor=“#66CCCC"和bgcolor=“#00B271"和bgcolor=“#B45B3E"配白字都较好看 //可做标题

  bgcolor=“#FBF8EA"和bgcolor=“#D5F3F4"和bgcolor=“#D7FFF0"和bgcolor=“#F0DAD2"和bgcolor=“#DDF3FF"配黑字都较好看 //一般做正文以上配色方案都比较淡雅。

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

  本文只想起一个抛砖引玉的作用,大家可以在此基础上发挥想象力,搭配出更加有新意的颜色,做出更漂亮的网页。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识