当前位置: 首页 > 平面设计 > 平面设计实战技能 > 平面设计页面排版 > 网页排版设计有哪些小技巧?

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

发布时间:2021年02月03日 06:28:02 来源:环球青藤 点击量:1003

【摘要】优秀的排版可以提高用户的阅读积极性,反之,差的排版只会降低用户的阅读积极性。优化排版就是优化界面,用户的浏览体验感就会上升。那么,网页排版设计有哪些小技巧呢?今天就跟随小编一起来了解下吧!

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

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

2. 使用标准字体

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

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

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

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

4. 限制行的长度

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

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

5. 行间距的重要性

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

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

分享到: 编辑:方梦茹

就业培训申请领取
您的姓名
您的电话
意向课程
点击领取

环球青藤

官方QQ

扫描上方二维码或点击一键加群,免费领取大礼包,加群暗号:青藤。 一键加群

绑定手机号

应《中华人民共和国网络安全法》加强实名认证机制要求,同时为更加全面的体验产品服务,烦请您绑定手机号.

预约成功

本直播为付费学员的直播课节

请您购买课程后再预约

环球青藤移动课堂APP 直播、听课。职达未来!

安卓版

下载

iPhone版

下载
环球青藤官方微信服务平台

刷题看课 APP下载

免费直播 一键购课

代报名等人工服务

课程咨询 学员服务 公众号

扫描关注微信公众号

APP

扫描下载APP

返回顶部