3种方法创建视觉层次结构(二)
2、 比例
较大的元素会更加突出并吸引用户的注意,因此大小可以用作重要性的标记。

泽西牛奶公司:此牛奶纸箱的印刷处理通过比例变化创建了有影响力的视觉层次。立即注意到产品最重要
的方面–它是牛奶及其脂肪含量。

Hipcamp:视觉层次结构通过字体大小(和对比度)进行传达。映入眼帘的是主口号,因为它足够大,加粗的字体。
使用比例的最佳做法:
• 使用不超过3种尺寸-小,中和大。三种大小提供了足够的多样性以供使用-考虑标题,子标题和主体副本的类型大小-但仍
保持层次结构关系的良好定义和清晰性。在网页设计上,主体副本的大小范围为14px至16px,副标题的大小范围为18px至
22px,标题的大小范围为32px。
• 使最重要的元素最大化。通过最大程度地强调设计中最重要的方面。同样,将不太重要的元素缩小。将元素的最大数量限
制为最多2个,这样它们才能脱颖而出并加强层次结构。
