网页设计技巧-文本排版

来源:来自网络 作者:haha 2008-06-18 点击:

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

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

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

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

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

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

  字数的问题

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

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

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

  段落的距离

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

  上面一个是比较合适的,这样的把段落分开了,让读者觉得文章并不是很多很难读。如果不把段落当一回事,任其自然那么就会如下面一样,两段成为一段。

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

上一页:合理的网页设计所具有的特征

下一页:网页设计引入CSS样式的五种方式

发表评论

相关文章
网站优化的主要步骤
网络营销获取客户最有效的方法
网络营销的三种境界
外贸企业怎样在网上做营销
中小企业必知的网络营销策略
企业在网络营销中常被忽略的细节
解决中小企业网站的最佳途径-王通
中小企业在网络营销中的怪现象
中小企业适合用什么样的网络营销模式
为何中小企业与网络营销远离?

热门内容 Tags

网站建设 热点文章

  • 中小企业网站赢利的方法
  • 常规网站推广的八种基本方法
  • 免费使用“跳网引擎” WWW网建立WAP站
  • 北京个人网上开店须办营业执照 公开其..
  • 互联网创业者必备的十二大心态
  • 网站推广中线下名片的营销方式
  • 网络营销整合推广中的论坛营销
  • 一位女站长的创业故事
  • 成功网站的设计思路
  • 赢利网站站长给发展中网站的建议
  • 网站建设 推荐文章

  • 网站优化的主要步骤
  • 网络营销获取客户最有效的方法
  • 外贸企业怎样在网上做营销
  • 中小企业必知的网络营销策略
  • 企业在网络营销中常被忽略的细节
  • 中小企业在网络营销中的怪现象
  • 中小企业适合用什么样的网络营销模式
  • 为何中小企业与网络营销远离?
  • 网站建设 最新文章

  • 有利于Google排名的因素
  • 做一个网站该有哪些投资
  • 网站优化的主要步骤
  • 网站优化10忌
  • 网络营销获取客户最有效的方法
  • 网络营销的三种境界
  • 专业公关将成为企业营销博客的主要方..
  • 外贸企业怎样在网上做营销
  • 中小企业必知的网络营销策略
  • 企业在网络营销中常被忽略的细节
  • 关于我们 |  客户案例 |  战略合作 |  教育培训 |  广告服务 |  版权声明 |  联系我们
    Copyright © 2008 www.52zibo.com All Rights Reserved.
    我爱淄博网站建设 0533-3183017 E-mail:kerry-znq@163.com