首页 >新闻动态 > 行业动态

深圳网页设计中文字排版技巧

时间:2021-07-23来源:网骑士

深圳网页设计中,文字排版对于网站和用户之间建立良好的沟通以及帮助用户实现目标起着重要的作用,良好的排版使用户更易于阅读,而混乱的排版则使用户失去继续浏览的意愿,那么针对网站文字排版有哪些禁忌呢?

1.不要使用过多的字体

网站排版中建议最多不要超过3种字体类型,不然会使网站看起来松散和不专业,不仅太多的字体类型会造成这种问题,太多的字体尺寸也会破坏网页布局。

2.尽量使用标准字体

  • 尽可能选择标准字体(近几年网页中通常使用思源黑体,PingFang,英文可以使用Arial,Calibri或者其他常见的易于屏幕阅读的黑体字,如没有特殊概念指导尽可能避免使用衬线字体,如宋体)

  • 不是每位用户都可以在终端上看到同一个字体,意味着你选择的适合的字体,用户有可能看不到。

  • 用户更熟悉标准字体,因此他们可以更快的阅读

  • 特殊的、并且少量的字体可以制作成.svg格式的素材嵌入Web使用

良好的排版会使用户更加关注内容本身,而不是字体的类型。

3.限制一行文字的长度

保证每一行文字的字符数量是文本可读的关键。不是设计师来定义文本的宽度,而是根据用户的可读性来定义。

  • 太宽-会使得单行文字太长,读者的眼睛会难于专注文字。因为长时间阅读容易串行,大段的文本中很难找到正确的行。

  • 太短-会使得用户的眼睛经常回到下一行文本,会打破读者的阅读节奏,长时间阅读造成视觉疲劳。太短也会倾向于向读者发出一种信号,使得读者没有读完当前这行就去跳到下一行阅读,可能会忽略潜在的重要词句。

4.选择用有多个字重并显示良好的字体

用户将通过不同屏幕分辨率的终端设备访问你的网站,大多数用户界面需要各种大小尺寸的文本(标题、副标题、文本、标注等等)。选择一款能够在不同屏幕分辨率的设备上运行良好的字体以保证它的不同尺寸的字体都具有极高可读性(Readability)和可用性(Usability)也是非常重要的。

5.使用识别度高的字体

在选择英文体的时候,有些字体的个别字母极易混淆,特别是“i”和“L”;以及文字之间的间距。许多中文字体在使用较小字体的时候笔画会粘到一起,不容易辨别;所以在选择字体类型的时候,请检查你选择使用的字体,确保不会为用户和产品造成不必要的损失。

6.避免在界面中大段的使用大写字母

不要所有文本使用大写字母,强制用户阅读大写字母,首字母大写,具有特殊含义的缩写等情况除外,与小写字母相比,大量的使用大写字母会严重降低用户的阅读效率和愉悦感。

7.将行间距控制在字体的1.5-2倍之间

在文字文字排版中,我们又一个特殊的术语,用于表示行与行之间的距离:行间距(或行高)。为了保证文本的可读性和易读性,使文本形成线性的阅读感受,将行间距控制在字体大小的1.5-2倍之间(中文字体)。英文字体推荐使用默认行间距,或根据默认行间距微调。

8.适当的颜色对比度

通常情况下,文本和背景尽量避免使用相同或相似的颜色。文本越明显,用户能够扫描和阅读的速度越快。当然,学会通过文本颜色、大小和背景的颜色关系来控制视觉层级也是必要的。

  • 与背景相比,小文本和背景的对比度至少为4.5:1

  • 大文本(14px/18px以上)应该保持与背景3:1以上的对比度

灰色通常作为辅助色使用,根据之前的项目经验,给大家分享一套我自己一直在使用的灰色,灰的有层次,清晰的区分信息层级是必要的

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

色盲和色弱是我必须要照顾到的一部分用户,特别是在男性中(8%的男性是色盲)建议使用处颜色以外的其他方式来区分重要的信息(如下划线,加粗等)。避免使用红色和绿色单独传达信息。因为红绿色盲是最常见的色盲形式。

10.避免文字闪烁

闪烁的文字或内容可能会让某些用户感到不适,对于一般用户而言,这可能分散他们的注意力或者使他们感到烦躁。

虽然在深圳网页设计中依然有很多需要我们注意的地方,最后,分享给大家一个想法就是:网页设计中排版很重要。做出正确的排版可以让你的网站感觉清爽,糟糕的网页排版会令用户分心,倾向于关注自己的感受而非内容。排版的关键在于使信息层级清晰、用户易于阅读、并且保证文字是可读的。文字的排版不应该增加用户的认知符合,以求达到尊重内容、尊重用户的目的。


  • 深圳网站建设二维码扫码合作
  • 深圳网站建设微信公众号微信公众号
服务热线:4000-338-378
短视频:深圳市龙岗区南联路56号祥智慧谷C栋607
技术部:广东省深圳市龙岗区盛龙路60号和中心12楼
深圳网站建设网址官网:www.cnrider.com
深圳网站建设邮箱邮箱:sales@cnrider.com
深圳网站建设服务热线专线:18675537858
联系