导航作为品牌字体排版表达
电子商务中的字体排版,在品牌标题、产品名称和编辑内容方面受到最为审慎的考量——这些是设计团队控制力最强、品牌声音表达最为直接的地方。导航字体排版相对受到较少关注,尽管导航文本出现在每个页面上,是整个店铺中被阅读频率最高的文字。
打开导航菜单的访客会阅读菜单标签——分类名称、子分类链接、精选目的地名称。这些标签以导航组件的字体和字重呈现,通常是从主题默认值继承而来,而非作为品牌字体排版系统的一部分专门指定的。结果是导航通过字体排版以不一致的方式传递品牌调性——标题中是高端品牌声音,菜单中却是默认系统字体。
对于以品牌认同为主要购买驱动力的店铺——奢侈品、生活方式、时尚、美妆——在包括导航在内的所有品牌接触点上保持一致的字体排版,是具有实质意义的差异化因素。访客将字体排版的一致性视为设计质量和品牌成熟度的信号,即便他们无法明确将其识别为印象的来源。
"我们的品牌标题使用定制衬线字体——自品牌创立以来,它一直是我们身份认同的一部分。由于主题默认设置,导航使用的是系统无衬线字体。当我们将定制衬线字体延伸至导航标签时,客户开始评论说整个店铺感觉更加'高端'和'协调',却说不清楚原因。唯一改变的只是导航字体。导航中的字体排版所承载的品牌分量,远超大多数人的认知。"
— 一位 Navi+ 客户,高级珠宝品牌
导航中的字体排版变量
导航字体排版由多个变量控制,每个变量对品牌都有独特的含义:
字重。 字重400(常规)的导航标签传递出轻松亲切的感觉——适合友好、易于接触的品牌。字重500–600(中等/半粗体)的标签传递出自信清晰的感觉——适合大多数商业场景。字重700以上(粗体)的标签投射出权威和直接感——适合具有强烈、果断个性的品牌。关键是字重不应在导航层级之间随意变化——一致的字重层次结构(顶级分类使用粗体、子分类使用中等、辅助文本使用常规)在空间层面之外,还能从字体排版层面传递出导航结构。
字母大小写。 全大写导航标签投射出正式感和奢华感——这是大多数时尚和奢侈品牌在导航中采用的处理方式,因为它营造出视觉韵律感和编辑掌控感。首字母大写导航(每个单词首字母大写)传递出专业清晰的感觉——大多数商业场景的默认选择。仅首单词大写的导航(句子首字母大写)传递出亲切和对话感——适合具有休闲或友好人设的品牌。字母大小写是对品牌调性影响最为直接的最简单字体排版决策之一。
字号。 导航文本应足够大以便快速浏览——移动端导航标签通常为13–16px。较小的导航文本在导航交互特有的快速扫视过程中需要更多精力阅读。让访客需要俯身才能阅读的导航文本,会制造本不应存在的阻力。相反,较大的导航文本通常传递出自信和易达性——同时适用于可用性和品牌表达。
字间距。 紧密的字间距(字距调整)传递出现代感和密度感——适合在小剂量下强调视觉冲击力而非可读性的时尚和奢侈品牌。较宽的字间距传递出通透感和精致感——适合具有高端极简美学的品牌。标准间距适合大多数以可读性为主要考量的场景。在导航中,字间距与字母大小写之间存在显著的相互作用:采用较宽字间距的全大写标签是经典的奢华导航处理方式,传递出高端和精心考量的感觉。
| 字体排版处理方式 | 品牌信号 | 最适合 |
|---|---|---|
| 常规字重、首字母大写、标准间距 | 易于接触、友好、商业化 | 大众零售、亲民品牌 |
| 半粗体字重、首字母大写、标准间距 | 自信、清晰、专业 | 大多数电子商务 — 通用性强且易读 |
| 中等字重、全大写、宽字间距 | 高端、精致、编辑感 | 时尚、美妆、奢侈品 — 强烈品牌信号 |
| 细体字重、句子首字母大写、紧字间距 | 现代、极简、精致 | 高端极简品牌;可能影响可读性 |
将品牌字体排版延伸至导航
Navi+ 对导航字体排版提供完全的控制——字体系列(包括店铺主题加载的定制网络字体)、字重、字号、大小写和字间距——适用于包括标签栏、滑动菜单和大型菜单在内的所有导航组件。这种控制使得将店铺品牌字体排版系统延伸至导航层级变得轻而易举,而无需接受主题的默认设置。
出发点是从品牌现有系统中识别出一种字体排版处理方式——标题字重和风格,或正文风格——并将其一致地应用于导航标签。即便只是一个字体排版决策,只要在所有导航组件中一致应用,便能营造出让店铺看起来是经过精心设计而非随意拼凑的凝聚感。导航字体排版不是画龙点睛的最后一步——它是品牌视觉认同的组成部分,值得与店铺中其他任何字体排版元素同等的用心处理。