« 博客精彩评论第二期！小技巧给网页减肥，让网站提速。 »
六月15

我的博文插图是如何制作的？

卢松松发表于2009-6-15 00:07 分类: 网站设计浏览: 评论: 246  【我来说两句】

卢松松：我的博文插图是如何制作的？

最近很多朋友都在问我博客文章上的图片是怎样制作的，今天特意写一下如何制作图文并茂的博客文章。

我为什么要给每篇文章插一张图片？
因为我的博客主要是以网站设计经验技巧为主，文字性的东西特别多，如果朋友来我的博客，看到整个网站的文字，很容易造成视觉疲劳，而且也不会仔细看文章了。试想一下一堆文字摆在你面前，你可能看一会就看累了，所以我就想何不在每篇文章中加入图片呢？这样不仅使不容易造成视觉疲劳，使网页看上去更加合理、美观，而且配上插图也容易对文章有一个想继续阅读的心态。

 

下面我就以两篇典型的博文图片做一个介绍，我的博客插图制作一般是两种形式。

1：直接使用现成的图片素材来制作。（优点：快捷方便，不懂PS也能制作图片。）

如：奋斗十年：我的同龄人会成为社会的中流砥柱。
卢松松：奋斗十年：我的同龄人会成为社会的中流砥柱。
这篇文章我主要想表达的思想是80年代的我们在其他城市的奋斗和友情。
所以我在图片素材网站上找了一张的城市鸟瞰图作为文章插图。
注意事项：切忌不要单向缩小图片，一定要按比例缩小图片，如何和博文图格式不匹配，需要进行裁剪，而不是单边缩小长度或者宽度。

 

2：发挥你的PS创造精神，充分利用分层、源文件来制作插图。（优点：可以锻炼你的审美能力和PS技术。）

如：SEO优化，网页设计很重要。
卢松松：SEO优化，网页设计很重要。

这篇文章我主要想表达的思想是网页设计是SEO的基础。
所以我利用了一些素材，SEO这三个燃烧的字体是下载的素材，中间的大文字‘优化’和主字体‘网页设计很重要’，用的颜色比较深，这样一来在加上‘叠加’功能。右边的火焰用的也是分层素材，然后加上一个‘蒙版、渐变、投影’功能。这样一来，图片的文字和火焰背景就有一种相互溶解的视觉效果，看上去很酷！

 

介绍一些我常去的素材网址站：
最好模板http://www.bestmoban.com/ 做网页设计的时候可以用这里面的许多模板和素材，不用注册即可下载。
站酷http://www.zcool.com.cn/  里面是素材和图片都很经典，不用注册即可下载。虽然都是从国外搬过来的。
寻找图片的好去处 http://www.topicphoto.com 里面有很多高清的图片，图片质量都非常好。

 

最后总结一下给文章制作插图的技巧？

1：插图最好要符合文章的内容，或者你文章想表达的思想。
2：如果你的文章是流水账、或内容比较杂。那么可以使用一些比较搞笑、能吸引访客眼球的图片作为插图。
3：给每张图片加入‘alt’文字说明，一般后台的编辑器都自带的有这个功能。利于搜索。
4: Z-blog在文章简介中加入图片的话，需先在文章编辑器上传图片附件，然后粘贴到文章摘要中。
5：找的素材图片一定要比插图要大，避免失真。
6：图片中的背景很重要，背景（颜色、形态）决定这张图是否美观。
7：如果空间小，可以选择保存为GIF格式，520*80的gif格式的图片一般在10-20K之间。
 

 

原创文章请注明转载自卢松松博客，本文地址：http://www.lusongsong.com/reed/68.html

【欢迎阅读我的微博客】【已有246位网友发表了看法,点击发表】

关于网页设计  网站工具  网页设计教程  的相关文章:

  • 评论:(246)
  • 引用通告
【已有246位网友发表了看法】点击这里获取该日志的TrackBack引用地址

http://www.lusongsong.com/cmd.asp?act=tb&id=68&key=483d11f9

已有246位网友发表了一针见血的评论,你还等什么？
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。