字体
  • 字体是设计系统中的重要基石。字体系统的搭建将遵循一致、灵活、纵深的原则,为用户创造良好的阅读体验。

  • 字体家族

    字体家族优先使用系统默认的字体。对于不同环境显示条件,则提供了一套满足易读性的备用字体。

    12345
    中文苹方冬青黑体微软雅黑黑体宋体
    英文Helvetica NeueHelveticaArial
  • 主字体

    为了提升用户的阅读体验,我们将 PC 端主字体由原先的 12 升级为 14。

    由于用户年龄层偏大,12 的字号在显示器上的物理大小对于用户阅读体验并不友好,而 14 的大小既能满足用户的可读性,更为舒适、清晰,也能保证界面的层次感。当字号大于 14 时,对于表格类信息呈现则会受到一定的影响,如因文字过大而无法容纳更多的信息等。

  • 字阶和行高

    合理的字阶和行高使得界面层次清晰、重点突出。字阶拉开了页面的信息层级,行高为上下文之间提供了呼吸的空间。

    在设计体系中,主字号 14 建议的行高为 20。我们根据实际的使用情况定义了对应字号的不同行高,字阶根据具体情况进行选择。移动端字阶和 PC 保持一致,行高借鉴苹方字体系统默认行高来设定,在此不做赘述。以下为 PC 端字阶和行高示例:

  • 字重

    我们建议标题类使用 Medium,以突出层级关系,让信息更清晰。相对 Semibold,Medium 兼容性更强,在用微软雅黑等字体时也能较好地显示。正文和辅助字号建议使用 Regular 字重。

    当需要强调时,建议使用 Medium;另外考虑到数字和西文字体本身面积较小,建议使用 Semibold,使得中西文混排时更适当。