mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 19:19:57 +08:00
parent
1d1ea1ac59
commit
2a1612b0c2
@ -63,7 +63,7 @@ Ant Design 受到 5 音阶以及自然律的启发定义了 10 个不同尺寸
|
||||
|
||||
## 字重
|
||||
|
||||
字重的选择同样基于秩序、稳定、克制的原则。多数情况下,只出现 regular 以及 medium 的两种字体重量,分别对应代码中的 400 和 500。在英文字体加粗的情况下会采用 semibold 的字体重量,对应代码中的600。
|
||||
字重的选择同样基于秩序、稳定、克制的原则。多数情况下,只出现 regular 以及 medium 的两种字体重量,分别对应代码中的 400 和 500。在英文字体加粗的情况下会采用 semibold 的字体重量,对应代码中的 600。
|
||||
|
||||
<div class="font-samples">
|
||||
<div>
|
||||
@ -85,7 +85,7 @@ Ant Design 受到 5 音阶以及自然律的启发定义了 10 个不同尺寸
|
||||
|
||||
## 字体颜色
|
||||
|
||||
文本颜色如果和背景颜色太接近就会难以阅读。考虑到无障碍设计的需求,我们参考了 WCAG的标准,将正文文本、标题和背景色之间保持在了 7:1 以上的 AAA 级对比度。
|
||||
文本颜色如果和背景颜色太接近就会难以阅读。考虑到无障碍设计的需求,我们参考了 WCAG 的标准,将正文文本、标题和背景色之间保持在了 7:1 以上的 AAA 级对比度。
|
||||
|
||||
<div>
|
||||
<img src="https://gw.alipayobjects.com/zos/rmsportal/jPbEabWakVQHosHxhQPR.png" />
|
||||
@ -96,5 +96,5 @@ Ant Design 受到 5 音阶以及自然律的启发定义了 10 个不同尺寸
|
||||
字体系统的构建,是『动态秩序之美』的第一步。在实际的设计中,我们还有三点建议:
|
||||
|
||||
1. **建立体系化的设计思路:**在同一个系统的 UI 设计中先建立体系化的设计思路,对主、次、辅助、标题、展示等类别的字体做统一的规划,再落地到具体场景中进行微调。建立体系化的设计思路有助于强化横向字体落地的一致性,提高字体应用的性价比,减少不必要的样式浪费。
|
||||
1. **少即是多:**在视觉展现上能够用尽量少的样式去实现设计目的。避免毫无意义的使用大量字阶、颜色、自重强调视觉重点或对比关系。
|
||||
1. **少即是多:**在视觉展现上能够用尽量少的样式去实现设计目的。避免毫无意义的使用大量字阶、颜色、字重强调视觉重点或对比关系。
|
||||
1. **尝试让字体像音符一样跳跃:**在需要拉开差距的时候可以尝试在字阶表中跳跃的选择字体大小,会令字阶之间产生一种微妙的韵律感。
|
||||
|
Loading…
Reference in New Issue
Block a user