如何为您的乐队网站选择字体

已发表: 2022-06-03

如何为您的乐队网站选择字体

虽然一张图片值一千字,但有时您也必须仔细考虑这些字眼。 选择正确的字体可以真正将您的网站联系在一起,使其具有凝聚力的外观和感觉。 这是您的整体品牌塑造的一个重要因素。

如今,优质字体非常丰富。 那么,有了这么多的选择,你如何为你的乐队网站选择合适的字体呢?

我们的模板提供 100 多种字体,此外,您还可以上传自己的字体以获得真正的个性化外观。 让我们来看看其中一些字体,以及它们如何传达您的信息。

一切都与音调有关

在为您的乐队网站甚至乐队标志选择字体时,您真的应该考虑您想要呈现的语气。 语气是另一种说法,“当你看到、听到或体验到这件事时,你有什么感觉?”

在下面的示例中,我尝试将一些形容词与适当的字体相匹配。 如果字体是粗体、坚固、紧凑的,它可以传达力量甚至可靠性。

精致可以用带有细而优雅的衬线的字体来表示。 这个有趣的例子有圆形的终端,给人一种异想天开的感觉。

乐队网站字体的色调

现在让我们尝试将其中一些形容词与一些音乐术语和流派相匹配:

乐队网站上字体的形容词

因此,其中大多数都与我们的形容词非常吻合。 “Sophisticated”是我们的古典风格,“Playful”是有趣的 Ukulele,“Approachable”是可爱的时髦二重奏,我们的“Exclusive”字体现在是 Diva。

Blues 和 country 分别采用了我们的“Strong”和“Reliable”字体。 我不确定我是否一定会为这些类型使用这些形容词,但它们有些作用。

运行良好的是这些字体的历史。 “Strong”紧凑字体属于特定时代,您可能会在布鲁斯艺术家的早期海报设计中看到该字体。

我们的国家字体是一种木刻字体,您可能会在世纪之交看到它,并可能将它与早期的美国西部联系起来。 所以在这种情况下,基调是由历史决定的。

语气取决于上下文

在上面的“复杂”示例中,我使用了 Natanael Gama 的免费字体 Cinzel。 FontSquirrel 将字体描述为:

“Cinzel 是一种字体,灵感来自一世纪的罗马铭文,并以古典比例为基础。”

因为 Cinzel 的灵感来自早期的罗马版画,所以角色对他们有一定的感觉。 所以你可以很容易地看到这种字体被用于交响乐团或古典艺术家。

但是,一旦你打开字距(字符之间的空间),在黑色背景上将其设为红色,你现在就有了一个非常合适的金属标志。

乐队标志的字体

为什么这行得通? 好吧,罗马版画也有一些非常有趣的衬线,它们逐渐变尖。 我还认为因为这种字体是基于雕刻的,这意味着它有点类似于你可能在墓碑上看到的字体。 有什么比墓碑更金属的呢?

虽然这不适用于每种字体,但我想表明有时最微小的变化可以改变字体的色调。

只需单击几下即可设计专业网站! 立即使用 Bandzoogle 构建您的乐队网站。

设置标题

因此,一旦您确定了字体选择的基调,您就需要确保它们与您的乐队网站配合使用。 以下是一些快速提示,可帮助您确保在配对字体时将内容设置为便于阅读。

对比的重要性

排版和字体配对的一个关键方面是在您的字体选择之间呈现足够的对比,以便读者可以轻松地浏览您的网站并了解内容的开始和结束位置。

在下面示例的顶部,我们有一个非常小的字体大小作为我们的标题,它也与它下面的正文副本具有相同的权重。

孤立它实际上看起来并不太糟糕。 但是我从美术培训中学到的一个很好的设计师技巧是模糊你的眼睛,看看这个组合是否有效。

一旦你模糊了你的眼睛,你可以清楚地看到顶部示例中的标题渗入正文中。 如果这是在一大页内容上,并且我正在扫描以查找某些内容,那么当标题消失时,真的很难找到我正在寻找的内容。

在底部,我们将标题调整为更大更粗,因此您可以清楚地看到模糊时的标题和正文。

您的乐队网站字体的对比

您甚至可以在不使用粗体的情况下创建对比度。 在这个例子中,我有一个很薄的无衬线字体,但是因为我增加了大小并在它下面打开了一些空白,它清楚地定义了正文内容的开始位置。

您的乐队网站的生物字体

选择正文字体

现在我们知道如何创建对比度以及在标题字体中寻找什么,让我们看看正文字体。 正文字体是构成您网站大部分内容的文本段落,因此我通常远离任何愚蠢的东西,例如显示字体,有时甚至是大多数衬线。

您的正文字体是主力,需要轻松阅读。 尽管这种字体需要易于阅读,但这并不意味着它不能传达语气。 在下面的示例中,有两种非常不同的无衬线字体,但都具有相同的可读性。

左边的助手对我来说看起来更平易近人和友好。 另一方面,Archivo 的结构更厚一些,结构也更硬一些。 所有小写​​字母都具有相似的宽度,使字体看起来更机械一些。

您的乐队网站的正文字体

衬线字体也是如此。 这两个示例在小尺寸时非常易读,但色调不同。 Garamond 的大写字母和小写字母之间的高度差异更大,这对我来说传达了一种更文学/尊贵的感觉。 不同的音调,但都非常易读。

您的乐队网站的正文字体

进一步阅读和资源

希望这能让您思考如何为您的乐队网站选择合适的字体。 但是,如果您渴望更多,这里有大量资源可供您享用:

灵感

狼型

类型狩猎

Awwwards

阅读

排版风格的元素:排版的全部。

A Type Primer:学习排版的简单入口。

获得字体的经济实惠的地方

谷歌字体(免费)

字体松鼠(免费)

LostType(免费供个人使用和负担得起的商业许可证)