网页中图文排版:实例布局

日期:2011年02月12日

 网页设计中每个细节都决定着网页的品质感,企业网站中有不少网页界面设计得不错,但交给内容维护人员时会因排版、图片处理等因素制约了最佳阅读体验。我这里针对文章中图片的排版办法整理出了以下几种排版办法,供大家在需要时进行使用。

全屏宽度图片

点击浏览下一页

全屏宽度的网页缩略图为设计提供了较大的空间,大图与文字内容之间也保持着同等的视觉重量感,但不好的是这样的网页更像一个首页,如果网页长度较长这样的图片排版就不是太适合了。

图放在标题的旁边

点击浏览下一页

在这个地方你的图片可能比较小,但它的结果是让内容更容易被阅读。

图放在标题的右侧

点击浏览下一页

图放在同你文章的标题同行右侧这看起来也不错。

图放在内容中

点击浏览下一页

当标题需要更大的宽度显示时,可以将缩略图放置于文章内容中,这是一个非常常见的解决办法,但有时这样也不是太好看。

图放在内容的右侧

点击浏览下一页

同样的优点和缺点跟上面的差不多,但这样看内容感觉会比上面的要好一些,人的视觉会更加关注于内容。

 

最后,上面的这些内容并不是告诉你怎样去设计一个好看的缩略图,其实是打算说明下在你的网页中怎样去使用这些的一些图片让你的阅读更佳。这也不是专门为设计师写的文章,而是更多的针对了内容的维护人员或网站的录入人员,帮助他们去考虑关于内容排版的一些办法,让网页看起来更为实用。

Tags:网页设计 小技巧 版式设计
上一篇文章:关于易讯网络的网页设计
下一篇文章:企业网站设计时设计人员应该注意的