如何做好网页排版 这十种错误千万不要犯

所属分类: 网站运营 / 网站策划 阅读数: 111
收藏 0 赞 0 分享

@短腿僵尸木:网络上95%以上的信息是书面形式的。优化排版则是优化可读性,可访问性,可用性,整体图形平衡。换句话说:优化排版也是优化用户界面。本文将提供一组规则,帮助您提高文本内容的可读性和易读性。

1. 最少使用字体数量

使用超过 3 种不同的字体使网站看起来非结构化和不专业,太多的类型尺寸和样式一次也可能破坏任何布局。

一般来说,整个网站字体的数量限制在最多两种,一种一般就足够了。如果您使用多个字体,请确保字体系基于字符宽度互补。如图:左边组的字体相对就比较和谐,而右边字体的粗细对比太明显,则显得轻重比例很不和谐了。

2. 尝试使用标准字体

字体嵌入服务(如Google Web字体或Typekit)有许多有趣而标准的系统字体,而因为用户更加熟悉标准字体,所以可以更快地读取它们。

除非您的网站对于自定义字体(如品牌宣传或创建身临其境的体验)非常有吸引力,否则通常最好使用系统字体。

3. 限制线长度

如果你想要一个良好的阅读体验,你应该每行约 60 个字符。在每行上拥有适当的字符数量是您的文本可读性的关键。如果每行文字太短,视线必须反复折回来,打破读者的节奏。如果一行文字太长,用户的眼睛将很难专注于文本。

对于移动设备,您应该每行30- 40 个字符 。以下是在移动设备上查看的两个网站的示例。第一个使用每行50- 75 个字符(打印和桌面的每行最佳字符数),而第二个使用最佳30- 40 个字符。

4. 选择各种尺寸的字体

确保您选择的字体在较小的屏幕上清晰可辨!

维瓦尔第字体将难以在小屏幕上阅读:

5. 使用可区分字母的字体

许多字体使得很容易混淆类似的字母,特别是与“i”和“L”(如下图所示),所以当选择你的字体类型时,请确保在不同的上下文中检查你的类型,以确保不会为你的用户造成问题。

6. 避免英文全部大写

请勿强制用户阅读所有大写字母,与小写类型相比,那只会大大延缓了用户扫描和阅读的速度,让他们分分钟爆炸。

7. 不要最小化线间距

行间距一般是字符高度的30%,以便良好的可读性。

而段落之间的间距可以比行间距提高20%,留白可以为用户提供消化内容的时间。下图左:几乎重叠的文字。右:良好的间距有助于可读性。

8. 确保您有足够的颜色对比度

不要对文本和背景使用相同或相似的颜色。文本越明显,用户能够扫描和阅读的速度越快。

△ 这些文本行不符合颜色对比度建议,难以根据背景颜色进行阅读

△ 这些文本行符合颜色对比度建议,并且易于阅读背景颜色

9. 避免将文字着色为红色或绿色

建议使用除颜色以外的其他线索来区分重要信息。也避免单独使用红色和绿色来传达信息,避免有色盲用户无法顺利阅读的情况。

10. 避免使用闪烁的文字

闪烁或闪烁的内容可能会使一些敏感人群发疯,并且对于一般使用者来说,这可能是令人讨厌或分心的。

结论

使排版具有可读性,可理解性、清晰明了至关重要。至关重要。好的排版可以让您的网站感觉清爽而令人眼前一亮。另一方面,糟糕的排版选择令人分心。排版是为了内容更好的呈现,应以不会增加用户认知负荷的方式来尊重内容。 

相关阅读:

小说类网站文字排版技巧

四种自助建站排版技术有什么优缺点?优劣对比分析

简单有效的空间共享式网页排版

更多精彩内容其他人还在看

电子商务网站转型的几个方向

为了给电子商务平台买卖双方以更大的吸引力,或许可以从企业本身的需求上得到一点启发: 第一、终端消费群体对生活品质的要求不会因为经济环境的恶化而降低标准,性价比足够高的商品仍然具有吸引力; 第二、采购商和供应商经营成本的增加必定导致终端产品价格的上涨
收藏 0 赞 0 分享

做网站内容为王

 笔者亲身经历过网站发展的过程,中国网店网从开始建立的毫无流量,毫无内容到现在逐步发展起来,感触和体会非常多,其中经历了太多太多的抉择,做网站到底是追求流量还是追求内容?亦或是追求用户?笔者用了大量的时间去思考这个问题,看着自己负责的网站一步一步的
收藏 0 赞 0 分享

互联网应该进军高端付费用户

互联网进军高端付费用户吧! --我不是不愿意付费,我需要的是能让我产生付费冲动的服务。 经常被同事们批评,老嫌弃我是高端用户,我真的很想辩解,我没进互联网这一行工作的时候,我就是高端用户了。 8年前,我就开始愿意为互联网付费。由此可见,高不高端是天生的
收藏 0 赞 0 分享

站长!其实你的思维可以更“变态”些!

按正常的理论来说,一般成功的站长,多多少少“头脑”都有点问题!也可以说比常人更“变态”!当然我说的“头脑有问题”、“变态”并不是医学上的哪些病,而是说这些成功人士一般想法和做事风格往往超出别人的想象,正是因为这样,才会有许多不同的特色成功站点出现
收藏 0 赞 0 分享

靠网站致富的梦想破灭,站长的前途在哪里?

 日赚500元,这是广大中小站长朋友们的一个不大不小的梦想。但是时过境迁,当今互联网早已非昨日之网络世界,有一些变动因素是我们不得不考虑的,日赚500元的不可行性分析笔者将主要从以下六个方面进行简要的分析。  其一,网民经验的丰富。  由于网民的经验越
收藏 0 赞 0 分享

用户体验都是从哪个角度做的

网站面向终端,用户体验的差别直接影响网站的发展。看看业界都是怎么做用户体验的。 1 豆瓣网:心灵鸡汤。它的用户体验究竟好在何处?非粉丝不能明白。如果你是个爱书人,自认为还有那么点儿与众不同的喜好,那么豆瓣很符合这样的定位。一杯清茶,伴
收藏 0 赞 0 分享

李一男2003年在港湾给开发人员培训时的语录

李一男2003年在港湾给开发人员培训时的语录: 【1】好好规划自己的路,不要跟着感觉走!根据个人的理想决策安排,绝大部分人并不指望成为什么院士或教授,而是希望活得滋润一些,爽一些。那么,就需要慎重安排自己的轨迹。从哪个行业入手,逐渐对该行业深入了解,不
收藏 0 赞 0 分享

少儿网站项目策划

一. 概述: 如果说21世纪是网络世纪,那么21世纪的教育也应该是网络化的教育。面对网络,当我们还在为网络的利弊以及是否让孩子上网争论不休的时候,Internet上的儿童网站在北美地区的普及率已经相当高,那里的孩子们在网络上已经走得很远了:小学老师给孩子布
收藏 0 赞 0 分享

个人站长建设地方网站完全手册

走到第十个年头,互联网下一步会走向何方?这是我们大家不断思索的问题。地方性网站一直是我比较感兴趣的话题,我的博客《榆林网志》里许多文章也在讨论我所在的城市的网络发展。地方网络也是我觉得中国互联网以后发展的一个趋势,也是榆林区域网络的前景所在。   
收藏 0 赞 0 分享

小型网络公司发展离不开个人站长

个人站长最大的愿望可能就是有一天自己的网站可以成为网络公司运作。但是,作为个人网站的站长,是不是也该理性的想想,那些网络公司的网站,就比个人站长的牛吗?曾经我很喜欢Mop,也很喜欢Chinaz 。是每天必上的,后来他们慢慢商业化成公司运作后,我现在只是在偶
收藏 0 赞 0 分享
查看更多