🌐 字体选择与搭配
- 中文字体:推荐使用思源黑体、方正兰亭等无衬线字体,搭配宋体或楷体增加层次感
- 英文字体:无衬线字体如Helvetica Neue、Roboto,衬线字体如Georgia、Times New Roman
- 📌 图片:字体选择_示意图
📝 排版布局技巧
- 对齐方式:左对齐(中文主流)、居中对齐(标题常用)、右对齐(特殊场景)
- 行距控制:单倍行距(1.5x)适合正文,1.75x提升可读性
- 段落间距:建议保留1.5-2倍字体大小的空白区域
- 📌 图片:布局设计_示意图
🎨 装饰元素应用
- 使用图标(📁)增强视觉引导
- 添加渐变色块(🎨)区分内容区块
- 适当使用阴影(🪄)突出重点文本
- 📌 图片:装饰元素_示意图
📱 响应式排版设计
- 移动端优先:字号≥16px,行高≥1.6
- 网页端适配:使用CSS媒体查询(
@media
) - 📌 图片:响应式设计_示意图
📚 实践建议
- 每段保持3-5行,避免大段文字堆积
- 使用列表(✅)替代长段落,提升阅读效率
- 配合typography-advanced-examples练习案例
- 📌 图片:实践建议_示意图