导航

毅博客

分享本身就是件快乐的事,我因别人得到帮助而感到幸福

« 《色彩解答》系列之二 色彩比例QQmail3.0与Gmail的对决 »

《网页设计技巧》系列之一 浅谈文本排版

本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。
请大家帮忙:行文措辞难免有错,请大家在阅读时发现错误通过评论方式告诉我。谢谢大家

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

我们在做网页的时候自己画的图也不错,自己做的布局也很精致,做的图标也很漂亮,第一眼看起来也觉得很漂亮,但是看看就觉得不舒服。也不清楚为什么,这里我告诉你,也许就是你的排版出现问题了。由于排版的不合理,所产生的视觉效果会对读者的眼睛产生一定的疲劳影响,基本的毛病在于“字间距太挤或太宽”、“行距太小或太大”、“段距太少或太多”、“每行字数太多或太少”等这几个常见因素。下面的内容可以从图示中看出效果来,同时我会给大家一个相对比较好的参数供大家参考。当然设计本来就不要太过拘泥,我所提供的都是一般性的提议,不同网站不同对待,不要过于拘泥我所给大家的一些参数。

大家看到上图,前三个是行距的问题:

第一个太挤了,都粘在一起了,这样眼睛在看这个文本的时候会需要花点时间去分辨,这样的排版会让读者看得很累。很不舒服。大家看一下自己手头上所做文本的是不是太挤了,如果是那就改一下吧!第二个是比较适中的,由于每行分得很清楚,这样看起来有很强的识别性。第三个是比较宽的,松了一点,这样看起来也很清楚,但是当你的文章不是一两行而是十几行与几十行的时候你就会觉得文章的连贯性产生了很严重的脱节,一般排版不会越过两个字体高度(2em)

下面两个就是字数的问题了,第四个每行文字太长,这样看起来头要摇来摇去,这样读者更容易显得很累。因为要不断的转动头,或是让眼球不断的左右摆动。最舒服的方式就是读者一眼看上去就能把一行看完,不然从行末到下一行行首也会形成断裂感。而下面的又太扁了,这样看起来也不是很舒服。由于在不断的换行阅读,眼球也会觉得不舒服。而推荐的最好的字数是: 不大于45个字母,不大于30个汉字。

上面的图是关于段距的,第一个是比较合适的,这样的把段落分开了,让读者觉得文章并不是很多很难读,而如果不把段落当一回事,任其自然那么就会如下面一样,两段成为一段,这里是两段还好,如果是几十段,那么这个文章就很少有人能读下去了!

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

作者 / 振之
网站 / 毅博客 http://andy.andymao.com/
电话 / (86)025 5890 9295
  • 相关文章:
  • quote 3.Phil
  • 想用一用你BLOG的样式,可否发我邮件一份?先谢了!
    毅 于 2007-3-28 14:46:46 回复
    可以的留下邮箱,我会尽快发给你!
  • 2007-3-28 14:46:46 回复该留言
  • quote 4.ship763
  • 方便的话请把这个博客的样式也传一份给我,,,谢谢
    ship763 于 2007-3-29 15:34:25 回复
    我的邮箱地址是ship7630404@21cn.com
    ship763 于 2007-3-30 16:45:14 回复
    皮肤收到了.感谢.
  • 2007-3-30 16:45:14 回复该留言
  • quote 6.
  • 看了你的文章,对我没有多大的帮助,只是感觉到世界上还有好人呀!!!!!!!!
  • 2007-4-20 11:26:40 回复该留言
  • quote 7.小妮子
  • 我不是做网页的,是做平面广告的,不过有时候也要排版呢,
    你这篇文章对我有很大的帮助哦,偶也很想像你一样能在网
    上发发文章,只是水平不限,呵呵....
  • 2007-4-25 10:39:20 回复该留言
  • quote 11.偶是菜鸟
  • 我是才接触网页设计的 对很多东西都不懂 如果有高手愿意教我 那就先在此谢过拉
    本人QQ:403780989
  • 2007-9-21 14:05:32 回复该留言
  • quote 15.磊土
  • 现在的网页从设计到制作,都是让用户方便,排版很重要!有些网站页面制作中的css样式设置确实很不愿意让人离去。比如说毅博客,呵呵!Haha
  • 2007-10-14 12:32:40 回复该留言
  • quote 18.飘逸de猪
  • 我是一个初学着,请教下该怎么去做一个好的Logo
    振之 于 2008-5-27 19:01:02 回复
    LOGO设计是一门复杂的学问,想要做好必需具备深厚的人文知识,同时还要具备优秀的形象表现力,想象力要丰富才行。我到现在还不能设计优秀的LOGO还需要努力
  • 2008-5-27 18:03:09 回复该留言
  • quote 19.蓝尹
  • 振之 哥哥 写的东西很好,不但扫盲,还解决了心里好多疑问。
  • 2008-6-22 20:07:16 回复该留言
  • quote 20.谢谢
  • 我是初学者,可以尽快给我一篇关于图片和文字混合排版技巧的文章吗?我急用,谢谢!我的邮箱是zhangpeng-1988@163.com
  • 2008-7-8 15:32:20 回复该留言
  • quote 21.游历叶
  • ai越接触外界 越感觉自己是个小白呀 需要学的东西还有很多很多 太多了...
  • 2008-7-19 10:52:33 回复该留言
  • quote 23.小T
  • 学到东西了~
    现在刚接触网页,看了你的文章很受启发。
  • 2009-2-6 13:11:37 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-Blog .Theme from Google黑板报 By Washun

Copyright 2005-2007 Andymao.com. All Rights Reserved.

Search

最新评论及回复

最近发表