发表于: 2018-11-25 22:01:20

1 944



今天做的事情:

做了任务七



明天要做的事情:

继续做任务七



遇到的问题:

暂无



收获:

看了看网页的排版设计


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


使用超过3种不同的字体让网站看起来没有结构且不专业。

一般来说,将字体数量限制在最小限度(两个很充足,通常一个就足够了),并粘贴相同的字体到整个网站。

如果使用多个字体,请确保字体系基于字符宽度互相补充。以下面的字体组合为例。

Georgia和Verdana(左)的组合具有相似的价值,配对的很和谐。

比较与Baskerville和Impact(右)的配对,其中大大加重的Impact使与其对应的衬线字体没有光彩。


2. 使用标准字体


  1. 1. 选择任何字体,如Open Sans
  2. 2. 在HTML文档的中生成代码并粘贴。
  3. 3. 完成!

字体的嵌入服务(如Google Web Fonts或Typekit))可以为你的设计提供新鲜的和意想不到的许多有趣的字体。它们也非常容易使用。以Google为例:

实际上,这种方法有一个很严重的问题:因为用户更熟悉标准字体,因此可以更快地读取它们。

除非你的网站对于自定义字体(如对品牌宣传或创建沉浸式体验)非常有吸引力,否则通常最好使用系统字体。最安全的方法是用一个系统的字体:Arial,Calibri,Trebuchet等。记住,好的排版可以吸引读者到内容中去,而不是排版本身。


3. 限制行的长度


每行拥有适当的字符数量是让文本具有可读性的关键。它不是你的设计,决定你的文本的宽度,它应该是一个可读性的问题。考虑Baymard Institute关于可读性和行的长度的建议:

如果你想有一个好的阅读体验,应该每行约60个字符。每行拥有适当的字符数量是让你的文本具有可读性的关键。




返回列表 返回列表
评论

    分享到