网页排版设计有哪些小技巧?

环球青藤 2021/02/03 06:28

1. 减少不同类型字体的使用

不要使用太多的字体,只破坏你的布局。为了避免上图这种情况,尽量把字体数量限制到最小,一般两个就很充足,其实一个也足够。

2. 使用标准字体

用户对标准字体更熟悉,因此可以快速的读取。除非你的网站的自定义字体很有吸引力,否则最好还是使用系统字体。一个安全的方法是用一个系统的字体:如Arial,Calibri,Trebuchet等。

3. 选择一种能在各种尺寸中工作的字体

用户可能会从不同的屏幕尺寸和分辨率的设备中访问网站,选择一种能在多尺寸和重量上运行良好的字体,保持每个尺寸的可读性。

保证你的字体在比较小的屏幕种依然清晰可辨,确保你说选择的字体在较小的屏幕上清晰可辨!尽量避免草书,如Vivaldi虽然很漂亮,但很难阅读。

4. 限制行的长度

Baymard Institute关于行的长度这样说:“如果你想要有一个好的阅读体验,每行应约60个字符。每行拥有适当的字符数量是让你的文本具有可读性的关键。”

行太短,视线要经常返回,会打破读者的节奏。行太长,用户的视线又很难专注于文本。

5. 行间距的重要性

增加行高,可以增加文本之间的垂直空白空间,提高可读性,换取屏幕空间。一个规则,行高应该是字符高度的30%。

关于网页排版设计有哪些小技巧,环球青藤小编就和您暂时分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣,希望分享的这篇文章可以给您的学习或工作提供帮助。如若您还想了解更多关于平面设计的素材及技巧等内容,可以点击本站的其他文章进行学习。

免费直播

    精选课程 更多

    注册电脑版

    版权所有 2003-2020 广州环球青藤科技发展有限公司