网页设计规范与技巧指南.docxVIP

网页设计规范与技巧指南

第1章

基础排版与视觉层级

1.1字体选择与字号规范

在定义网页字体前，必须首先明确目标受众的视觉习惯与阅读场景，通常建议优先选用无衬线字体（如Inter,Roboto,SanFrancisco）以适配现代屏幕阅读，衬线字体（如TimesNewRoman,Georgia）则更适合传统书籍或正式文档场景。字号规范需严格遵循视觉层级逻辑，正文内容建议固定为14px或16px，网页标题（H1）建议为24px或32px，确保在正常字号下，正文行高至少为1.5倍，标题行高至少为1.25倍，避免小字行距过紧导致视觉疲劳。

字体粗细（W