感谢[银河网络]提供空间
 您现在的位置:首页 综合教程 >> 网页教程 >> 正文
 
网页设计技巧系列之文本排版
本站永久域名:HTTP://WWW.51EPSJ.COM   加入日期:2006-12-5 11:11:43   点击数:

太长时间没写文章了,主要是工作太忙。今晚上没睡着起来把这篇文章写了希望对初学者提供点帮助,同时也在此再次感谢曾经帮助过我的人与我所看书籍的作者们。

我们在做网页的时候会发现:自己画的图也不错,自己做的布局也很精致,做的图标也很漂亮,第一眼看起来都觉得很漂亮,但是看看就觉得不舒服,也不清楚为什么……

这里我告诉你,也许就是你的排版出现问题了。页面排版不合理产生的视觉效果会让读者的眼睛产生的疲劳感,基本的毛病在于“字间距太挤或太宽”、“行距太小或太大”、“段距太少或太多”、“每行字数太多或太少”等这几个常见因素。大家可以从下面的图示和讲解内容中看出差别,同时我会给大家一个相对比较好的参数供大家参考。当然设计本来就不要太过拘泥,我所提供的都是一般性的提议,不同网站不同对待,不要过于拘泥我所给大家的一些参数。

下面我们用图例来说明。大家仔细看下面第一张图,前三个图是行距的问题,后两个是字数的问题。

行距的问题

第一个太挤了,都粘在一起了,这样眼睛在看这个文本的时候会需要花点时间去分辨,这样的排版会让读者看得很累。很不舒服。大家看一下自己手头上所做文本的是不是太挤了,如果是那就改一下吧!

第二个是比较适中的,由于每行分得很清楚,这样看起来有很强的识别性。

第三个是比较宽的,松了一点,这样看起来也很清楚,但是当你的文章不是一两行而是十几行与几十行的时候你就会觉得文章的连贯性产生了很严重的脱节,一般排版不会越过两个字体高度(2em)。

字数的问题

下面两个图是字数的问题。第四个每行文字太长,这样看起来头要摇来摇去,这样读者更容易显得很累。因为要不断的转动头,或是让眼球不断的左右摆动。最舒服的方式就是读者一眼看上去就能把一行看完,不然从行末到下一行行首也会形成断裂感。

而下面的又太扁了,这样看起来也不是很舒服。由于在不断的换行阅读,眼球也会觉得不舒服。推荐的最好字数是: 不大于45个字母,不大于30个汉字。

下面我们再看一幅图,聊聊段落的距离问题。

段落的距离

下面这幅图是关于段距的。

上面一个是比较合适的,这样的把段落分开了,让读者觉得文章并不是很多很难读。

如果不把段落当一回事,任其自然那么就会如下面一样,两段成为一段。

大家可以看出哪种更好,如果是几十段合在一起,那么这个文章就很少有人能读下去了!

现在经典论坛中的行距已经重新设定过了,现在发布长篇的文章就不会觉得糊在一起了,并且在链接上加了下划钱,对于色盲或色弱的朋友也容易识别,更为人性化了!

 
编辑:E品视觉 作者:佚名 来源:转载
欢迎企业及个人投稿,投稿请Email至:jx_hcs@163.com
打印 关闭
中日韩三国大片《墨攻》海报
[栏目所属:平面艺术]
[加入时间:2006-12-4 10:58:50]
SKYY经典广告欣赏
[栏目所属:平面艺术]
[加入时间:2006-12-4 10:45:24]
非凡创意李施德林漱口水
[栏目所属:平面艺术]
[加入时间:2006-12-4 10:43:48]
DIESEL经典广告欣赏
[栏目所属:平面艺术]
[加入时间:2006-12-4 10:40:32]
首届中国元素国际创意大赛获奖作品
[栏目所属:平面艺术]
[加入时间:2006-12-4 10:35:19]
shinybinary华丽、震撼的视觉效果
[栏目所属:平面艺术]
[加入时间:2006-12-4 10:10:32]
广告创意表现-Kodak 平面广告设计
[栏目所属:平面艺术]
[加入时间:2006-12-4 10:09:23]
第4届宁波国际海报双年展获奖名单及作品
[栏目所属:平面艺术]
[加入时间:2006-12-4 10:05:31]
宁波海报双年展评委-阿奈特·兰芷作品欣赏
[栏目所属:平面艺术]
[加入时间:2006-12-4 10:03:35]
宁波海报双年展评委-何见平作品欣赏
[栏目所属:平面艺术]
[加入时间:2006-12-4 9:59:07]
相关联接
在线评论
 共有评论查看评论 姓名:
* 请各位网友遵纪守法并注意语言文明。
 
免责声明:
站内会员言论仅代表个人观点,并不代表本站同意其说法或描述,本站不承担由此引起的法律责任。所有资料源于作者发布或网友推荐收集整理而来,仅供学习使用,版权归原作者所有,如有侵权,请您联系我们,我们将尽快更正!
转载要求:
作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。
 
站长简介 | 在线留言 | 广告投放 | 网站地图 | 友情链接
我要一品视觉
QQ:7360144[设计自我→新] QQ:272876225[舌ヒ闪] 本站带宽与空间支持:银河网络 视觉设计师交流群:5770736(群1) 43857887(群2)