网页设计中文字排版的10点技巧!

257人已阅读 2019-03-06 13:36:25
导读 现在学习网页设计专业的人也是越来越多了,你对网页设计又有多少了解呢,现在为大家介绍网页设计中文字排版的10点技巧!
UI设计 平面设计 室内设计 电商设计 cad

新闻详情

2019-03-06 13:36:25

网页设计中文字排版的10点技巧

现在学习网页设计专业的人也是越来越多了,你对网页设计又有多少了解呢,现在为大家介绍网页设计中文字排版的10点技巧!

1不要使用过多的字体

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

2尽量使用标准字体

  在Google Web Font或者Typekit,和国内的“有字库”的字体嵌入式服务有很多有趣的字体,对于国内设计师来说,痛苦的是中文字体会很大,一个字体动则几兆,十几兆的,这样用户在会增加用户浏览网站的载入时间;反之英文字体26个字母大小写,加数字标点符号一共几百k的字体是很容易在网页中使用的。

3限制一行文字的长度

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

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

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

5使用识别度高的字体

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

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

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

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

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

8适当的颜色对比度

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

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

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

10避免文字闪烁

  闪烁的文字或内容可能会让某些用户感到不适,对于一般用户而言,这可能分散他们的注意力或者使他们感到烦躁。
  以上就是【天琥教育】小编努力整理出的内容,希望对大家的学习有所帮助哦。更多新闻资讯信息请定期关注我们。
上一篇: 平面设计学什么? 下一篇: 无

相关文章

推荐课程

查看全部课程
深圳天琥教育

深圳天琥教育

世界之窗校区 龙岗校区 龙华校区 宝安校区

查看全部校区 进入官方主页