El orden de los elementos es una tarea fundamental para el dise\u00f1ador. Permite una comunicaci\u00f3n m\u00e1s \u00e1gil y clara. La jerarqu\u00eda visual ordena los contenidos, dando m\u00e1s o menos importancia a cada elemento. Puede transmitirse mediante variaciones espaciales (sangrado, interlineado, ubicaci\u00f3n) y gr\u00e1ficas (escala, estilo, color). Cada elemento tendr\u00e1 un nivel de jerarqu\u00eda en funci\u00f3n del recurso (o recursos) que se aplique. Es esencial mantener el mismo criterio en cada material para evitar confundir al lector (por ejemplo, todos los subt\u00edtulos del mismo nivel con la misma serie).<\/p>\n
Hay una infinidad de posibilidades, pero debe evitarse caer en la redundancia. Se recomienda utilizar los m\u00ednimos recursos para cada nivel y nunca m\u00e1s de tres. Si se utilizan demasiados, se pierde la fuerza de cada uno de los recursos aplicados.<\/p>\n
![\"Figura](\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M3_Pagina_02_Imagen_0001.png\")
Figura\u00a052<\/p><\/div>\n
Una familia tipogr\u00e1fica completa ofrece muchos recursos, pero es importante no excederse en la utilizaci\u00f3n de demasiadas series. Con una familia con muchos pesos pueden conseguirse diferentes niveles de contraste. Un contraste bajo es poco eficaz y confuso, mientras que un contraste alto debe utilizarse con moderaci\u00f3n.<\/p>\n
![\"Figura](\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M3_Pagina_02_Imagen_0002.png\")
Figura\u00a053<\/p><\/div>\n
El uso de diferentes familias tambi\u00e9n puede ayudar a jerarquizar, pero es esencial que la elecci\u00f3n ofrezca una buena combinaci\u00f3n y no usar m\u00e1s de dos o tres familias en un mismo material. Igual que con la combinaci\u00f3n de series, debe haber un cierto contraste para hacer evidente la jerarqu\u00eda. Para ello es recomendable evitar combinaciones de familias del mismo estilo o similar; por ejemplo, Times con Georgia o Futura con Avenir.<\/p>\n
![\"Figura](\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M3_Pagina_02_Imagen_0003.png\")
Figura\u00a054<\/p><\/div>\n
Para resaltar una palabra o frase en un texto continuo es suficiente con una se\u00f1al. En general se utiliza la serie it\u00e1lica, aunque pueden usarse otros muchos recursos (cambio de peso, caja alta, cambio de color, etc.).<\/p>\n
![\"Figura](\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M3_Pagina_02_Imagen_0004.png\")
Figura\u00a055<\/p><\/div>\n
Se puede organizar la misma informaci\u00f3n con numerosas variaciones simples utilizando solo una familia tipogr\u00e1fica. Es fundamental comprender la importancia de cada elemento para poder hacer una jerarqu\u00eda adecuada. Se trata de destacar la informaci\u00f3n prioritaria que permita comprender lo m\u00e1s r\u00e1pidamente posible el mensaje que pretende comunicarse.<\/p>\n
![\"Figura](\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M3_Pagina_03_Imagen_0001.png\")
Figura\u00a056<\/p><\/div>\n
Uno de los elementos m\u00e1s importantes de un libro es el \u00edndice de contenidos. Su funci\u00f3n b\u00e1sica es ayudar a los lectores a encontrar informaci\u00f3n relevante y proporcionar un esquema visual de c\u00f3mo se organiza el libro. Es importante que su dise\u00f1o sea funcional, pero tambi\u00e9n debe ser visualmente atractivo, puesto que es una de las p\u00e1ginas que los posibles compradores suelen mirar. A veces tambi\u00e9n hay que diferenciar los contenidos en varios idiomas. En el siguiente ejemplo puede verse un \u00edndice en ingl\u00e9s (p\u00e1gina izquierda) y en castellano (p\u00e1gina derecha).<\/p>\n
![\"Figura](\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M3_Pagina_04_Imagen_0001.png\")