字体如何影响设计,以及为什么它们比您想象的更重要。一个好的字体很长的路要走。字体会以多种方式影响您的网站,从美学到易读,每种方式都会影响您的访问者是否会留在您的网站上。但是,不仅仅是字体选择会影响您的网页设计。其他因素,如白色空间周围的字体,线条之间的(领导)的空间,和之间的字符(字符间距)既影响您的设计和跳出率的空间。
互联网上的排版遵循一套不同于印刷的指南。虽然印刷排版是一种相当稳定的媒介,但网页排版必须考虑到屏幕分辨率,调整文本以适应响应式设计,以及我们的眼睛阅读屏幕上的文本与页面上的文本的方式。任何值得他们盐的设计师都会知道并遵守这些规则。但是,如果您正在尝试评估他们当前的网站,或者您只是想更好地理解良好的设计原则,这应该是一个有用的指导。
建立页面层次结构
标题和副标题不仅对SEO很重要。它们也是一种重要的排版工具,可以帮助访问者快速吸收信息。页面上的所有元素都应该平衡,以使最重要的项目脱颖而出,而不是压倒性的,无论是标题,推荐还是号召性用语。页面层次结构应该帮助访问者快速发现最重要的信息,而无需阅读所有文本。
南京网站建设举例例如,活动促销应突出显示所有关键信息 - 日期,时间,地点等 - 优选地在与正文文本分开的呼出框中。操作指南应按正确的顺序列出步骤。本文的结构是这样的,想要浏览它以了解网页排版的读者可以浏览标题,看看它们中的任何一个是否比其他标题更具有相关性。
要服用还是不服用
有或没有衬线是字体类型之间最基本的区别之一。传统观点认为,无衬线字体更容易在屏幕上阅读,因为字符不太可能流血并导致易读性错误。简洁的外观也让他们感觉大多数游客都很时尚和现代。然而,大多数读者习惯于在印刷出版物中看到衬线字体,尤其是报纸,并且它们倾向于允许更多的风格元素,例如连字。您如何确定哪种更适合您的设计?
一个经过验证的真正的解决方案就是将它们结合起来,使用格鲁吉亚 - 一种大的衬线字体 - 用于标题和无衬线的Lucida Grande用于身体复制。您可以在Medium的主页上看到这一点,其中衬线标题与用于正文和号召性用语按钮的无衬线字体平衡良好。
一篇中篇文章的例子,标题文字写着“来自世界聪明人的独特创意的家”,并展示了一个穿着绿色衬衫和黄色帽子的非洲裔美国人看着他的手机。
限制您使用的字体数量。
您网站上的字体越多,它出现的不匹配和杂乱就越多。一个好的经验法则是坚持两个:一个用于标题,一个用于正文。如果需要强调文本或建立层次结构,可以通过改变字体大小,颜色和重量来实现。看一下Moz的这篇文章:
Moz文章的例子,标题为“网络中立的未说出现实”
Moz使用颜色和字体粗细来充分利用他们的无衬线字体。
与Medium示例一样,Moz使用Roboto Slab(一种衬线字体)用于标题,而sans serif Lato用于其他文本元素。
相比之下,纽约人使用三种字体的组合。它们的标题是一种称为Irvin的过渡显示字体,仅在某些字符上包含衬线。同时,正文使用带有全衬线的Adobe Caslon,而文章的署名使用了Neutra Face,一种无衬线字体。
来自纽约人的文章称为“牛油果吐司的统一理论”,展示了鳄梨吐司的图片
纽约人仔细地结合了三种字体。不要以虚妄为尝试。
“纽约客”很好地管理了这种平衡行为,但是三种字体正在为大多数设计师推动它。三个以上几乎肯定会使您的网页设计陷入令人困惑的拼凑设计,这对大多数访问者来说很难导航或理解。
测试各种尺寸的字体。
现在您已经选择了两种有限的字体(或最多三种),在各种应用程序中测试您选择的字体,看看它们在不同尺寸下的外观。您可能会发现您的标题字体需要保持较大,而您的正文字体应该更加通用。在页脚,标题或侧边栏文本等区域中,字体有时需要非常小。
这就是无衬线字体的多功能性发挥作用的地方。Serif字体往往会随着它们变小而流血,从而导致易读性问题。相比之下,无衬线字体可以在易读性成为问题之前变得非常小。因此,如果你决定在标题和正文中使用两种不同的serif字体,就像在New Yorker示例中那样,为第三个也是最后一个选项选择sans serif字体,并在文本可能更多的小地方使用它难以阅读。
你的字体意味着什么?
有绿色洗涤的原因:绿色让我们想到自然。它可能不是一个创造性的解决方案(当然有更多创造性的方法来实现它),但这并不是不合逻辑的。字体也是如此。
正如我们之前所述,serif字体感觉很受欢迎,因为我们将它们与印刷报纸和旧书联系在一起。它们在标题文本中提供了一种难以抗拒的庄严气息。华丽或额外结扎的书法字体显得优雅和富丽堂皇。手写字体感觉更个性化,甚至幼稚。
很容易让这些东西把你的设计变成陈词滥调。但同样重要的是不要错误地将访问者与一个非常不合适的字体选择混淆。大多数法律公司选择衬线字体。如果您希望您的律师事务所脱颖而出,那么您无法使用干净的无衬线字体,但您应该避免使用手写字体。
使用易读性作为试金石。
如果您的访问者无法阅读您的文本,那么它就无法正常工作。可疑问题可能出现在许多方面,其中许多已在本文中提到过。字体对于其当前应用程序来说可能过于复杂。它可能太小,或者可能没有足够的字距。身体段落和标题之间没有足够的空白区域。颜色可能与周围的颜色不够对比,或者字体可能太薄而无法读取。
南京网站建设建议请记住,这些易读性问题可能并不普遍。您可以很好地阅读正文,但老年访客可能会发现它太小。或者字体对比对你来说似乎很好,但对于有色盲的人来说会引起问题。这些会给您网站的访问者带来重大的可用性问题,这不仅会对这些访问者造成伤害,还会对您的业务造成损害。因此,在一天结束时,请确保您的排版选择导致清晰的设计,如果没有,请相应调整。
本文地址:
http://www.njanyou.cn/web/2625.html
Tag:
专业服务:
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话:025-65016872
上一篇:
小型电子商务如何在亚马逊上占据优势
下一篇:
电子商务中内部联系的重要性