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

阅读时间 4 分钟，快速阅读仅需 2 分钟。

对于能定制博客主题的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上的背景可以用震撼来形容，真的很漂亮，我太喜欢了。

5、Frozen-media

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

总结

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

23 条评论

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

(1) (0)

wangyh说道：

2009 年 1 月 24 日下午 3:40

嗯, 先抢夹层, 等会儿细细看.

(1) (0)

回复

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

(1) (0)

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

(1) (0)

youKnowMe说道：

2009 年 1 月 24 日下午 5:01

不解，你为什么老是“嘻嘻”？

(0) (0)

回复
- jiong说道：
  
  2009 年 1 月 24 日下午 5:03
  
  搜狗输入法用过么~输入xixi选2就行了。因为抢到了沙发比较开心。^_^
  
  (0) (0)
  
  回复
Jason Ng说道：

2009 年 1 月 26 日上午 1:51

使用CSS定义。

(0) (0)

回复

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

(0) (0)

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

(0) (0)

有的确实很漂亮，不仅仅可以做网页背景：）

(0) (0)

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

(0) (0)

嘿body，过年好

(0) (0)

Buddy说道：

2009 年 1 月 25 日下午 10:54

嘿buddy吧~

(0) (0)

回复
- TONY说道：
  
  2009 年 1 月 29 日下午 5:36
  
  要不人家都说回帖张能耐呢
  
  (0) (0)
  
  回复

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

(0) (0)

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

(0) (0)

好东西

(0) (0)

有用有价值

(0) (0)

好东西，直接scrapbook之

(0) (0)

[…] 查看原文 | 19 条评论 […]

(0) (0)

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

(0) (0)

看不到？？

(0) (0)

学习中

(0) (0)

发表回复取消回复

jiong说道：

2009 年 1 月 24 日下午 2:36

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

(1) (0)

回复
- wangyh说道：
  
  2009 年 1 月 24 日下午 3:40
  
  嗯, 先抢夹层, 等会儿细细看.
  
  (1) (0)
  
  回复
jiong说道：

2009 年 1 月 24 日下午 2:38

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

(1) (0)

回复
jiong说道：

2009 年 1 月 24 日下午 2:40

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

(1) (0)

回复
- youKnowMe说道：
  
  2009 年 1 月 24 日下午 5:01
  
  不解，你为什么老是“嘻嘻”？
  
  (0) (0)
  
  回复
  - jiong说道：
    
    2009 年 1 月 24 日下午 5:03
    
    搜狗输入法用过么~输入xixi选2就行了。因为抢到了沙发比较开心。^_^
    
    (0) (0)
    
    回复
- Jason Ng说道：
  
  2009 年 1 月 26 日上午 1:51
  
  使用CSS定义。
  
  (0) (0)
  
  回复
jiong说道：

2009 年 1 月 24 日下午 2:47

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

(0) (0)

回复
Wheat0r说道：

2009 年 1 月 24 日下午 3:06

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

(0) (0)

回复
Betty说道：

2009 年 1 月 24 日下午 5:31

有的确实很漂亮，不仅仅可以做网页背景：）

(0) (0)

回复
welee说道：

2009 年 1 月 25 日下午 2:27

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

(0) (0)

回复
TONY说道：

2009 年 1 月 25 日下午 4:39

嘿body，过年好

(0) (0)

回复
- Buddy说道：
  
  2009 年 1 月 25 日下午 10:54
  
  嘿buddy吧~
  
  (0) (0)
  
  回复
  - TONY说道：
    
    2009 年 1 月 29 日下午 5:36
    
    要不人家都说回帖张能耐呢
    
    (0) (0)
    
    回复
琴海心舟说道：

2009 年 1 月 26 日上午 4:32

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

(0) (0)

回复
Elton Disney说道：

2009 年 1 月 26 日下午 2:52

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

(0) (0)

回复
Leigh说道：

2009 年 1 月 27 日下午 10:02

好东西

(0) (0)

回复
静夜如水说道：

2009 年 1 月 28 日下午 3:36

有用有价值

(0) (0)

回复
meidog说道：

2009 年 1 月 29 日下午 12:10

好东西，直接scrapbook之

(0) (0)

回复
制作、获取一张漂亮的网页背景 | 上善若水 Feed博客聚合说道：

2009 年 2 月 8 日上午 7:47

[…] 查看原文 | 19 条评论 […]

(0) (0)

回复
Simon Kong说道：

2009 年 2 月 20 日上午 11:09

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

(0) (0)

回复
碎片说道：

2009 年 7 月 3 日上午 10:34

看不到？？

(0) (0)

回复
大萝卜说道：

2009 年 11 月 26 日上午 11:11

学习中

(0) (0)

回复

SANKO S S on 因为在中国，所以有话题: “所以，英文版呢？” 10 月 29, 18:23

Keboom on 5G，新连接时代的机会: “现在是 2024年，仍然看不到5G的威力…” 9 月 19, 15:55

Chuan on 那么，我是如何使用 ChatGPT 的: “博主的分享很有启发性。” 9 月 6, 09:59

游钓四方 on 留言板: “RSS订阅不能用 https://fee…” 8 月 6, 00:10

匿名 on 为什么我坚定不移地抵制百度？: “科学上网都要付费呀☹️日常不太实用” 6 月 14, 20:51

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

颜色配搭

获取已知背景的颜色代码

采用他人的配色方案

在线背景生成器

在线背景素材

5、Frozen-media

总结

Post navigation

23 条评论

发表回复 取消回复

发表回复取消回复