制作、获取一张漂亮的网页背景

对于能定制博客主题的blogger来说,一张好看的背景是有必要的。如果说博客内容是你的正面和内涵,那网页背景就是你衣服后背的花纹。虽然这看起来并不很重要,但如果背景更符合个人审美观的话,博客就能更体现你的“人性”

这篇文章分3部分:颜色配搭、背景生成器、优秀背景素材推荐。

颜色配搭

获取已知背景的颜色代码

在制作一张背景或定义背景颜色时,你总是需要知道颜色代码,单纯的red,green是不够的。因此你需要拾色器。

(1)拾色器软件

软件拾色器我比较推荐“七色拾色器”,因为它具有多倍缩放功能,选定某个区域后可以在选择区继续洗选。

选定某个像素点后可以复制其颜色代码,一般我们只需要web色值。

(2)Firefox扩展

Firefox的扩展多得你想象不出那么多。如果你的取色动作大多数只在浏览器内发生,你可以考虑安装ColorZilla这个拾色扩展,同样地,它也具有放大捕抓功能。

(3)获得图片的主要颜色

Color Palette Generator是一个很有趣有用的服务,将图片的URL告诉它,接着它就会分析获得这张图片主要使用的颜色,并提供这些颜色的代码。

采用他人的配色方案

网上有很多配色方案资源,如果你认为你的审美观像我这么差,不想将博客弄得像可能吧这么丑,那你可能需要看看这些配色方案。

(1)kuler

kuler是adobe公司旗下的一个网站,上面有很多优秀的配色方案,并配有评分。

整个网站做得相当漂亮,在选定某个方案后你能获得整个方案的配色信息,还能在线编辑。

(2)ColourLover

Colour Lover上有很多网友分享的配色方案,免费注册后你可以将这些方案下载下来,下载格式包括psd等等。

(3)Color Blender

这是一个很有用的服务,告诉它你需要使用哪两种颜色,它会告诉你这两种颜色之间应该使用什么过渡色。

在线背景生成器

条形循环背景可能是最常用的背景。然而,并不是随便拿一个条纹图片都适合做背景的,至少它不能让人看起来头晕,当然,它必须能“循环”起来。

下面介绍一些在线制作个性化循环背景的网站:

Stripe Generator

Stripe Generator的在线条纹制作提供很多选项,包括条纹大小、颜色数量、背景风格、阴影风格、条纹方向等。制作后可以直接下载为png文件。

Stripemania

提供和Stripe Generator大同小异的功能,不同的是它没有阴影设置。但更好的是,它不但提供png格式下载,还有gif格式。

Tartan Background pattern generator

条纹看多了有点烦,看桌布如何?

Tartan Maker上就有布质背景的在线制作,可以调整的参数不多,但背景较为漂亮。

Dotted Background Generator

圆点背景其实也蛮好看的,这是一个制作圆点背景的网站。制作完成后在浏览器右击,选择“查看网页背景”即可保存。

在线背景素材

OK,你觉得纯颜色和循环背景都过于单调,那就做一张漂亮的花纹背景吧。然而,如果你觉得制作背景很浪费时间和功夫,你可以使用一些免费的背景素材。

下面介绍一些有优秀背景素材的网站:

Bgpatterns

这个网站提供很多小图片素材,都是正方形且能循环相接的花纹背景,相当精致。选定某个花纹后你还能调整它的背景花纹、花纹倾斜度等。

总的来说,我十分喜欢这个网站。

Patterncooler

Pattenrcooler上提供了很多现成的背景下载,并能实时预览。

Brusheezy

Brusheezy上的背景素材都相当不错,并有评分系统,你可以看到哪些背景是最受欢迎的。

Dinpattern

Dinpattern上的背景可以用震撼来形容,真的很漂亮,我太喜欢了。

5Frozen-media

Frozen-media上的背景多没有大图预览,一点击就打包下载。

总结

他说:“不折腾”。但我认为折腾是快乐的,不要在安装主题后就什么都不去做,只要你肯动手,折腾其实是一种乐趣。就像使用Firefox尝试不同的扩展,对config做不同的修改,是一种很大的乐趣。

23 条评论

  1. 2009 年 1 月 24 日 下午 2:36

    先抢个沙发~~等会细细看~~~嘿嘿

  2. 2009 年 1 月 24 日 下午 2:38

    我真佩服自己的速度~~呵呵。其实我刚刷新到首页。就看到了这篇文章。肯定有是一篇经典佳作~~(*^__^*) 嘻嘻……纯属运气。。继续支持这里~~JASON加油~

  3. 2009 年 1 月 24 日 下午 2:40

    三连了。。我就是想问下您。从:“一、颜色配搭”这里往下的一系列的排版是WP的插件还是CSS的作用?很漂亮啊。可否把源码发给我研究下。。貌似直接看HTML也能看出来。就是有点纳闷,怎么排的,真的好顺眼。。(*^__^*) 嘻嘻……

    • youKnowMe
      2009 年 1 月 24 日 下午 5:01

      不解,你为什么老是“嘻嘻”?

      • 2009 年 1 月 24 日 下午 5:03

        搜狗输入法用过么~输入xixi选2就行了。因为抢到了沙发比较开心。^_^

    • 2009 年 1 月 26 日 上午 1:51

      使用CSS定义。

  4. 2009 年 1 月 24 日 下午 2:47

    用心的给自己的爱博做一张背景。就算他人不知道这张背景是拈手COPY来的还是Theme自带的。或者说很反感这个背景。但是作为Bloger的自己还是会很欣慰的。自己的劳动果实总究是值得的。

  5. 2009 年 1 月 24 日 下午 3:06

    对于我这个没有艺术细胞的人来说,再好用的工具都是瞎

  6. 2009 年 1 月 24 日 下午 5:31

    有的确实很漂亮,不仅仅可以做网页背景 :)

  7. 2009 年 1 月 25 日 下午 2:27

    这对我可说是非常有用的资讯了,先收藏,呵呵!

  8. TONY
    2009 年 1 月 25 日 下午 4:39

    嘿body,过年好

  9. 琴海心舟
    2009 年 1 月 26 日 上午 4:32

    这个东东不错~~
    给JASON拜个年~~(*^__^*)

  10. 2009 年 1 月 26 日 下午 2:52

    我是绝对没有艺术细胞的人,看过了

  11. 2009 年 1 月 27 日 下午 10:02

    好东西

  12. 2009 年 1 月 28 日 下午 3:36

    有用有价值

  13. meidog
    2009 年 1 月 29 日 下午 12:10

    好东西,直接scrapbook之

  14. 2009 年 2 月 20 日 上午 11:09

    恩,真正开始自己修饰blog的时候才知道每一个细节都不能放过。我的主题的背景,toppic都是自己精心制作的,耗费了不少精力

  15. 碎片
    2009 年 7 月 3 日 上午 10:34

    看不到??

  16. 2009 年 11 月 26 日 上午 11:11

    学习中

发表评论

电子邮件地址不会被公开。 必填项已用*标注