2.1 KiB
| title | localeTitle |
|---|---|
| Typographic Hierarchy | Jerarquía tipográfica |
Jerarquía 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.
-Tamaño Este es el método más fácil y más común para establecer una jerarquía.
-Peso El simple hecho de utilizar una fuente más gruesa puede ayudar a aislar.
-Color El color juega un papel importante en lo que nuestro ojo ve como primario y secundario. Generalmente hablando; Los colores cálidos del pop, los colores más fríos retroceden.
-Posición Donde las secciones de información se posicionan en relación entre sí pueden establecer una jerarquía.
Contraste Una excelente manera de lograr una jerarquía es usar tipos de letra contrastantes.
El espaciado importa! Uno de los conceptos más importantes en el diseño de tipo es el espaciado. Es uno de los conceptos más difíciles de entender para los diseñadores principiantes, pero también es uno de los más evidentes visualmente. El espaciado tipográfico apropiado es crítico para establecer la jerarquía; puede hacer la diferencia entre confusión y claridad. Se utiliza en la mayoría de los sistemas jerárquicos y está presente en todos los ejemplos de este artículo.
Más información:
Puede consultar-https: //webdesign.tutsplus.com/articles/understanding-typographic-hierarchy--webdesign-11636