设计系统中的版式
选择字体
- 考虑品牌的字体以及它们如何融入系统。
- 选择屏幕上清晰易读的字体。
- 选择字体时要考虑性能和个性。
- 针对不同平台使用系统/本机字体堆栈以避免加载网络字体。
选择字体粗细和样式
- 考虑创建简洁的层次结构需要多少权重或变化。
- 保持字体变体列表简短以提高性能。
- 权衡加载额外网络字体与浏览器渲染斜体的利弊。
- 寻找机会通过增加字体大小而不是添加额外的字体粗细来对层次结构实现相同的效果。
字体大小、行高和响应能力
- 字体大小和行高密切相关。
- 许多设计师首先建立基本字体大小,并从中确定合适的行高。
- 1.5 倍字体大小的行高是作为起点的一般经验法则。
- 使用行高作为基础来建立底层基线网格。
- 定义字体大小和行高在不同设备和视口尺寸上的工作方式。
- 使用类型单位(例如 px、rems、ems 和 vh/vw)可以使值更易于随着时间的推移进行维护。
留言