99265.COM BETA | 新设计 新视觉 回首页 | 登录

今天是:
推荐文章
推荐设计网站首页设计介绍
推荐设计汉枫国际网站界面设计
推荐设计网站界面设计欣赏
推荐设计国外时尚人物人体写真摄影作品选
推荐设计酷站欣赏:killswitchcollective
推荐设计酷站欣赏:shockabsorber.co.uk
推荐设计酷站作品欣赏
推荐设计设计工作室:etgold Web design
推荐设计设计类网站:ketostudio.com
推荐设计超酷"ADS"官方网站
推荐设计中国著名网页设计师:李坚作品
推荐设计“法国酷站ABSOLUT”网站截图设计
推荐设计“2006年德国世界杯”网站截图设
推荐设计Dior Channels网站截图设计欣赏
热门文章
普通设计高质量的图标制作步骤
普通设计李小龙ICON图标设计作品
普通设计monster 主题图标设计
普通设计DOCK ICONS 的可爱小图标设计欣赏
普通设计桌面图标设计欣赏
普通设计杰出的首页设计欣赏
普通设计韩国网站欣赏:stampede-design 
普通设计网页制作 JSP与ASP 的比较
推荐设计网站首页设计介绍
普通设计网络广告的分析与传播
普通设计色彩的魅力来设计网页
普通设计什么是“人机界面”
普通设计3togs叁寸舌网站界面设计
普通设计“ZOZOC/做做客”网站界面设计欣
普通设计从名称到页面-网站设计全攻略
推荐设计汉枫国际网站界面设计
您现在的位置: 新视觉 >> 设计 >> 设计学堂 >> 网页设计 >> 设计正文
网页设计中的文本排版技巧
作者:未知 文章来源:未知 添加时间:2008-2-27
页面排版不合理产生的视觉效果会让读者的眼睛产生的疲劳感,基本的毛病在于“字间距太挤或太宽”、“行距太小或太大”、“段距太少或太多”、“每行字数太多或太少”等这几个常见因素。大家可以从下面的图示和讲解内容中看出差别,同时我会给大家一个相对比较好的参数供大家参考。当然设计本来就不要太过拘泥,我所提供的都是一般性的提议,不同网站不同对待,不要过于拘泥我所给大家的一些参数。

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

  行距的问题

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

  字数的问题

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

  点此在新窗口浏览图片

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

  段落的距离

  下面这幅图是关于段距的。
  上面一个是比较合适的,这样的把段落分开了,让读者觉得文章并不是很多很难读。
  如果不把段落当一回事,任其自然那么就会如下面一样,两段成为一段。
  大家可以看出哪种更好,如果是几十段合在一起,那么这个文章就很少有人能读下去了!

  点此在新窗口浏览图片

  • 上一篇设计:

  • 下一篇设计:
  • 打印此文 』『关闭窗口
    【相关文章】
    没有相关设计
    【免责声明】
    本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。如果本站转载的文章有任何版权问题或任何异议,请惠赐:99_265#163.com。
      © 2007 新视觉. 99265.com  关于新视觉 - 广告服务 - 版权申明 - 联系我们 - 皖ICP备05001767号.