年选举 之前阅读了大字体 在竞选活动中争取平等 。 打印杂志 第五栏的年度报告 é 视觉层次示例 运动的 海报：亮粉色（来自 ） 在第一张图片中， 一词比 的层次更高，因为它更高、更大、更大胆。在第二张图片中，这两个词大致相同，这要归功于突出显示 羽毛球 并将其置于自己的空间中的黑色矩形。 在第三张图片中，背景涂鸦打断了 运动 而不是 羽毛球 的空间，因此导致 羽毛球 在层次结构中处于最高位置的反转。这种进展很难预测，因此设计师通常将其归因于整体的 质感 。
字体重量和配对 字体选择对于建立视觉层次结构至关重要。字体最重要的画的宽度 和样式，如衬线体和无衬线体。斜体等其他修改也可以发挥作用。 请注意字体如何影响以下茶厂网页设计中单词的层次顺序： 是焦点，但字体重量和斜体的差异，除了单词放置之外，还产生了一个更动态、更少线性的阅读体验。由于大小和 巴基斯坦 WhatsApp 号码列表 间距， 查看我们的选择 号召性用语比其上方的文字更加强调。 茶厂 茶厂品牌 在某些情况下，目标是将各种信息显示为同样紧急。将它们全部设置为相同的大小和重量会实现等效性，但也会使其单调。区分字体是避免这种情况的一种方法，如下面的 杂志封面所示。
在这里，页面外围的五个预告片在层次结构上都是相同的，但通过在两种配对良好的字体之间进行切换来实现多样性 一种是中等粗细的衬线体，另一种是轻巧但高大的无衬线体。 趋势 的杂志封面（来自 设计博客） 颜色和色调 这是另一个显而易见的问题：明亮的颜色从柔和的颜色或灰度中脱颖而出，而较浅的色调看起来更 遥远 ，因此在层次结构中比更丰富、更暗的颜色更低。 的网站将荧光笔黄色和彩色照明与黑白网格进行对比，以达到惊人的效果： 用于视觉层次的颜色 他们在哪里的网站 古根海姆网站使用颜色来突出重要信息，例如地点选择、当前正在展出的展览列表以及特别展览的链接。