26 lines
1.7 KiB
Markdown
26 lines
1.7 KiB
Markdown
---
|
||
title: Typographic Hierarchy
|
||
localeTitle: 印刷层次结构
|
||
---
|
||
## 印刷层次结构
|
||
```
|
||
A webpage itself has a hierarchy that not only is read, but contains interaction. The page as a whole must be designed in a way that clearly communicates to the user what actions are available and how to easily access the information they seek, how to purchase an item, etc.
|
||
|
||
For the purpose of this article, however, we're talking strictly about hierarchy as it applies to type. Luckily for us, we have our own handy HTML tag that lets us semantically establish typographic hierarchy into the websites we build. Heading tags (H tags) allow us to specify an order of importance into our content: H1 through H6, H1 being most important, H6 being least. Search engines use this data to interpret priority of content on a webpage.The H tag can be styled by using the following attributes.
|
||
```
|
||
|
||
\-尺寸 这是建立层次结构最简单，最常用的方法。
|
||
|
||
\-重量 简单地使用更大胆的字体可以帮助隔离。
|
||
|
||
\-颜色 颜色在我们的眼睛看作主要和次要的东西中起着重要作用。一般来说;温暖的色彩流行，冷色调后退。
|
||
|
||
\-位置 信息部分彼此相关的位置可以建立层次结构。
|
||
|
||
\- 对比度 实现层次结构的一种好方法是使用对比字体。
|
||
|
||
间距事项！ 类型设计中最重要的概念之一是间距。这是初学设计师最难掌握的概念之一，但它也是最明显的概念之一。适当的印刷间距对于建立层次结构至关重要;它可以区分混乱和清晰度。它在大多数分层系统中使用，它存在于本文的所有示例中。
|
||
|
||
#### 更多信息：
|
||
|
||
你可以参考https：//webdesign.tutsplus.com/articles/understanding-typographic-hierarchy--webdesign-11636 |