博客的排版基础

排版基础——你将为你的博客做出的最重要的设计选择

我明白了。你想让你的博客快速运行起来。完全可以理解。

一开始,博客的样式或更新可能是多毛的。你有很多选择要做。你可能会花几个小时来讨论网站主题和布局,想想你博客的身份,亚博体育下载以及对配色方案的迷恋。

然而,如果没有人坚持阅读你的内容,你其他的设计选择都不会有多大影响。这意味着你应该花最多的时间来决定一件事,那就是大多数人甚至不会考虑的一件事:你为你的身体复印件选择的字体。

如何使你的博客在排版方面更成功

现在,不要因为我用了这个词而上釉。排版。”在我解释的时候和我呆在一起。

用非设计师的术语,“排版我们可以把外行大致翻译成,“拾取字体或字体。现在,这个定义就足够了。

博客的排版基础

因为它与你的网站有关,你会想要选择一种使内容易于阅读的字体在今天的众多互联网设备上。

网上字体的问题

我们都去过那里。你的google fu让你找到了完美的博客,充满了你所寻求的确切信息。但是当你试着读的时候-啊!它太小了,太轻了,它太大了,太歪斜了!这些是偶数字母吗??!??

你不知道博客里有什么宝藏,因为读基本字体太让人沮丧了。

别做那个博客。

排版对网络如此重要的原因是我们阅读它与阅读非数字形式的内容有很大的不同。

  • 疲劳:在屏幕上阅读比阅读印刷品更难。因此,你的眼睛很容易疲劳。因为博客的内容很大程度上取决于访问者在你的网站上停留的时间,为了你的最大利益,让他们更容易阅读。
  • 扫描:为了应对网上阅读的疲劳,人们倾向于扫描而不是阅读。尽管这对你有利,但如果你意识到用标题和要点来分解文章,你不想把你的情感资本花在写没人费心看完的东西上。
  • 设备多样性有一本书,你可以控制人们的阅读方式,但是在网上阅读就像是蛮荒的西部。设备大小不同,可视性,字体功能,浏览器设置,照明选项,还有更多。您选择的字体必须在不同的平台上工作良好。
  • 最终用户自定义:字母和行距也部分超出您的控制范围,多亏了可定制的浏览器设置。对于一个人来说,狭小的空间对另一个人来说可能太过狭小。
  • 可达性:排版也会影响博客的访问范围。英语有限或字母差别很大的国际游客很难阅读疯狂的英语字体。它也会限制你接触具有不同视觉或阅读能力的人的能力,比如视力受损或阅读障碍。

底线

要成为一个有效率的博主,你不需要成为一个网页排版专家。但明智地选择字体对你最有利。

如何为日志正文副本选择最佳字体

在更改任何其他风格元素之前,请选择您的博客的正文副本,因为它会影响到更多的读者b——绝对数量的文章。身体拷贝,构成段落的文本(如本段)。是你博客上所有字体的基础。(标题也需要可读,但是他们有更多的回旋空间,因为他们在网络阅读中所占的比例要小得多。)

您选择的正文复制字体会影响:

  • 你博客文章的主要内容
  • 列表项(如此项目符号列表)
  • 图片标题
  • 表单域(联系人表单)。

请记住,你为你的博客选择的主题会有一个自己的字体-但这并不意味着你坚持它。大多数主题都允许您在一定程度上自定义它们。

第1步:选择字体

马上,我们正处于印刷术的危险地带:选择字体。为什么危险?大多数人喜欢翻阅字体目录,寻找完美,独特的字体,和你说话就像你是网络窃听者。

停在这里。深呼吸。这是一个危险:你真的想和你的博客的字体交流吗??是不是应该跟你说读者相反??

不幸的是,尽管字体网站的优势让你相信,可接受的正文副本字体列表不长。然而,如果你记住以下的概念,就容易多了。

衬线与无衬线

衬线字体在字母的端点有小的尾部,而无衬线字体有更清晰的端点线。传统的观点认为衬线字体最适合阅读印刷品(假设你没有视觉限制)。然而,一威奇托州立大学的可用性研究显示在线阅读,衬线字体效果最好。

无衬线和衬线

这并不是说serif违背了Web设计的规则。(见鬼,我们在www.gyu-kura.com上使用serif字体!)这仅仅意味着在选择正确的无衬线字体类型时需要更加小心——这意味着要更加注意接下来的两个字体元素。

选择浏览器友好的字体

当你使用HTML时,浏览器在网页上只能解释这么多的字体。事实上,如果您不选择访问者浏览器可以本地解释的字体,浏览器将默认为其基本字体,以便呈现页面。每个浏览器都有一个默认的衬线字体和另一个用于无衬线字体的字体,如果无法访问所选字体,则会显示该字体。

缩小选择范围的一种方法是检查网络安全字体站点查看您选择的字体是否能正确呈现给Windows和Mac计算机。

谷歌字体

谷歌字体是一种在网络上使用字体的新方法。Google将开放源码字体通过API提供给任何使用它们访问页面的浏览器。把它想象成云中的字体。谷歌提供这些字体是为了使网络更快(通过缓存字体)和更美观(他们选择字体是为了清晰和优化)。

这对你的网站意味着,如果你为你的博客正文选择了谷歌字体,访问者第一次访问你的网站将涉及他们的浏览器从谷歌服务器获取字体信息,然后显示页面。等待时间几乎不明显,它只在特定浏览器第一次遇到字体时发生。

全大写字母亚博体育下载

不要。只是不要。以下是不应选择将正文副本呈现为全部大写的字体的两个重要原因:

  • 记住我们的敌人,眼睛疲劳?如果没有它通常看到的混合的句子,眼睛必须明显放慢速度才能理解文本。(至少,对大多数人来说)扫描网页尤其可怕。
  • 所有的帽子,你的博客读起来就像你在对着一个木头削片机大喊大叫要打对方付费电话一样。不好看。

第2步:选择默认字体大小

记得,你选择字体是为了读者的利益,不是为了你自己的兴趣(假设你想要读者,当然)。所以,即使你喜欢小字体的外观,它可能读不太好,尤其是在不同的设备上。如果人们眯眼,他们会有更多的眼睛疲劳。

一般来说,你应该在12点到14点的范围内拍摄人体模型。不要做得太大,否则你的身体拷贝会和你的头条新闻的大小竞争。

字体间距

另一件要考虑的事情是你垂直的一排字母有多远。(这叫做领导,“与…押韵雪橇。”)

如果您选择的字体和字体大小妨碍了垂直易读性,你可以进入你的主题的CSS并调整它。要增加垂直间距,在body字体声明中添加一个增加的百分比(超过100%)作为属性:

线高:140%

第3步:选择默认文本颜色

其他排版教程可能会跳过这一步,但请容忍我一分钟。在一些博客主题中,有一种倾向于使用正文复制字体颜色。最让人讨厌的颜色之一是灰色,也就是说,在我看来,比地球上的瘟疫还要严重。即使是主流报纸也对此感到恼火.

在你为你的身体字体选择的颜色上考虑一下。颜色越浅,读者的眼睛就越疲劳。一个好的经验法则是,除非你想引起别人的注意,黑色几乎总是最好的选择。

然而,如果你真的想为你的身体字体使用不同的颜色,请记住,您的主题可能更改了菜单悬停文本或链接突出显示的正常颜色(对于未收集的链接,默认值为蓝色,而对于后续链接,默认值为紫色)。

如果你改变这些颜色,访问者可能会对一个短语是否是超链接感到困惑。所以,记住,改变你身体字体的颜色会对你的主题产生深远的影响。

关于博客排版的最后思考

为你的博客选择一个好的字体不应该是一个随意的决定,而是一个深思熟虑的选择,帮助读者更容易地吸收你的内容。然而,如果你一定要流氓,跟踪网站的分析以确保“幻想”字体不会对你的读者产生负面影响。

上次更新时间:9月17日,二千零一十七

娜塔莉从那以后一直在写博客。博客存在的。她的作品发表在Engadget上,LAPTopMig.com汤姆指南和AbO亚博体育下载ut.com。她和丈夫住在南加州,他们的美国猫孩子,还有班卓琴。