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

阅读时间 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上的背景可以用震撼来形容,真的很漂亮,我太喜欢了。

5Frozen-media

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

总结

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

23 条评论

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

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

回复 Simon Kong 取消回复

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