2.0 KiB
| title | localeTitle |
|---|---|
| Typographic Hierarchy | Hierarquia Tipográfica |
Hierarquia Tipográfica
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.
-Tamanho Esse é o método mais fácil e mais comum para estabelecer hierarquia.
-Peso Simplesmente usar um peso mais ousado de uma fonte pode ajudar a isolar.
-Cor A cor desempenha um papel importante no que o olho vê como primário e secundário. De um modo geral; cores quentes pop, cores mais frias recuam.
-Posição Onde seções de informações são posicionadas em relação umas às outras pode estabelecer uma hierarquia.
Tipo de contraste Uma ótima maneira de obter hierarquia é usar tipos de letra contrastantes.
Assuntos de espaçamento! Um dos conceitos mais importantes no design de tipos é o espaçamento. É um dos conceitos mais difíceis de entender para designers iniciantes, mas também é um dos mais visualmente óbvios. Espaçamento tipográfico adequado é fundamental para estabelecer hierarquia; pode fazer a diferença entre confusão e clareza. Ele é usado na maioria dos sistemas hierárquicos e está presente em todos os exemplos deste artigo.
Mais Informações:
Você pode referir-https: //webdesign.tutsplus.com/articles/understanding-typographic-hierarchy--webdesign-11636