当前问题

当前设计稿在实现的时候,发现在小屏幕上整体尺寸看起来非常大。原因是因为设计稿尺寸按照1780设计,适合大屏展示,而不适合PC小屏幕如Mac。因此,我们参考了现有的主流设计系统,重新整理了SoQuest的字体展示规范:

字体规范

超大问候语 H1 96px

屏幕上最大的文本,用于短文本、重要文本或数字、全屏英雄时刻或初始进入时的问候时刻。

超级标题 H2 64px

比H2较长的超级标题展示

段落标题 H3 32px

landing页面的段落分割标题

页面标题 H4 24px

页面标题,或者一级导航文本

弹窗标题 H5 20px

用于弹窗标题、大型按钮等

次级标题 H6 18px