网站设计:网站字体排版的10个基本规则

更新:2017-10-26    编辑:nexiao    来源:不详    人气:加载中...    字号:|

注:优化网站文字排版也是优化用户界面的一种方式。 在本文,作者将分享一组赞助你提高文本内容的可读性和易读性的规则

“沟通”在设计中起着至关首要的作用 – 它能建立网站和用户之间的联系,并赞助用户完成他们的目标。 当我们谈论在网页设计方面的沟通时,通常是指文本的输出。

排版在这个历程中起着至关首要的作用:网络上的信息95%以上的是在书面语言的形式存在。良好的文字排版使导语的行为轻松,而体验不好的文字排版导致用户关闭网页。“网页设计是95%排版设计”:

优化排版是优化界面可读性,可造访性,可用性,使整体平衡的关键。

换句话说:优化网站文字排版也是优化用户界面的一种方式。 在下面的文章中,我将供给一组赞助你提高文本内容的可读性和易读性的规则

1.尽量应用少的字体

应用超过 3 种不同的字体会使网站看起来短缺结构化和不专业。 注意,较多的字体样式应用一次都可能破坏所有布局。

网站设计:网站字体排版的10个基本规则

为了防止这样的情况,尝试将字体数量减少

一般来说,将字体数量限制在最小限度(两个算多的,一个是正好的)。 如果你应用一个以上的字体,确保字体具有系列感,且基于其字符宽度是相得益彰。 采取下面的字体组合的例子。 Georgia和Verdana(左)的结合,共同创建一个和谐的配对相似的价值观。 与此相比,Baskerville和Impact( 右),极大地掩盖了衬线相对应的不匹配度,形成较好的视觉体验。

网站设计:网站字体排版的10个基本规则

在基于其字符宽度的标准下确保字体系列相得益彰

2.尝试应用标准字体

字体嵌入服务(如Google Web字体或Typekit)有许多有趣的字体,可以为您的设计供给创新、新鲜的和意想不到的效果,它们应用起来也非常方便。以Google为例:

选择任何字体,如Open Sans。

生成代码并粘贴到HTML文档中。

完成!

这个情况下不会出错么?

其实这种做法有两个问题

  • 不是每个人开启涉猎器都可以造访到同一种字体,这意味因为您选择的用户体验较好的字体将无法展示在所有用户面前。

  • 用户更熟识标准字体,因此可以更快地读取它们想要的信息。

  • 除非您的网站有足够吸引人的自定义字体(如品牌鼓吹或创建身临其境的体验),否则最好应用系统字体。更为安全的做法是应用的系统字体是:Arial,Calibri,Trebuchet等。请记住,良好的文字排版会将读者吸引到内容,而不是文字本身。

    3.限制文本线长度

    每行放置适当的字符数量是文本可读性的关键,它不仅是你的设计,抉择你的文本的宽度,它也应该是一个可读性的问题。从Baymard钻研所考虑有关可读性和文本线长度的建议:

    “如果你想要一个很好的导语体验,你应该限制每行大概 60 个字符。每行拥有适当的字符数量是文本可读性的关键。”

    网站设计:网站字体排版的10个基本规则

    如果一行文本太短,眼睛必须经常转回,打破读者的节奏。 如果一行文本太长,用户的眼睛也难长期专注于单行文本。 图片来源:材料设计

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

    网站设计:网站字体排版的10个基本规则

    在网页设计中,您可以通过应用像素限制文本块的宽度来实现每行最佳数量的字符。

    评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

    站点导航

    您可能在找这些