L\u2019ordre dels elements \u00e9s una tasca fonamental per al dissenyador. Permet una comunicaci\u00f3 m\u00e9s \u00e0gil i clara. La jerarquia visual ordena els continguts, donant m\u00e9s o menys import\u00e0ncia a cada element. Es pot transmetre mitjan\u00e7ant variacions espacials (sagnat, interlineat, ubicaci\u00f3) i gr\u00e0fiques (escala, estil, color). Cada element tindr\u00e0 un nivell de jerarquia en funci\u00f3 del recurs (o recursos) que s\u2019apliqui. \u00c9s essencial mantenir el mateix criteri en cada material per a evitar confondre el lector (per exemple, tots els subt\u00edtols del mateix nivell amb la mateixa s\u00e8rie).<\/p>\n
Hi ha una infinitat de possibilitats, per\u00f2 s\u2019ha d\u2019evitar caure en la redund\u00e0ncia. Es recomana utilitzar els m\u00ednims recursos per a cada nivell i mai m\u00e9s de tres. Si se n\u2019utilitzen massa, es perd la for\u00e7a de cadascun dels recursos aplicats.<\/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 fam\u00edlia tipogr\u00e0fica completa ofereix molts recursos, per\u00f2 \u00e9s important no excedir-se en la utilitzaci\u00f3 de massa s\u00e8ries. Amb una fam\u00edlia amb molts pesos es poden aconseguir nivells de contrast diferents. Un contrast baix \u00e9s poc efica\u00e7 i conf\u00fas, mentre que un contrast alt s\u2019ha d\u2019utilitzar amb moderaci\u00f3.<\/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
L\u2019\u00fas de fam\u00edlies diferents tamb\u00e9 pot ajudar a jerarquitzar, per\u00f2 \u00e9s essencial que la tria ofereixi una bona combinaci\u00f3 i no fer servir m\u00e9s de dues o tres fam\u00edlies en un mateix material. Igual que amb la combinaci\u00f3 de s\u00e8ries, cal que hi hagi un cert contrast per a fer evident la jerarquia. Per a aix\u00f2 \u00e9s recomanable evitar combinacions de fam\u00edlies del mateix estil o similar; per exemple, Times amb Georgia o Futura amb 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
Per a ressaltar una paraula o frase en un text continu n\u2019hi ha prou amb un senyal. En general s\u2019utilitza la s\u00e8rie it\u00e0lica, encara que es poden fer servir molts altres recursos (canvi de pes, caixa alta, canvi 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 55<\/p><\/div>\n
Es pot organitzar la mateixa informaci\u00f3 amb nombroses variacions simples utilitzant nom\u00e9s una fam\u00edlia tipogr\u00e0fica. \u00c9s fonamental comprendre la import\u00e0ncia de cada element per a poder fer una jerarquia adequada. Es tracta de destacar la informaci\u00f3 priorit\u00e0ria que permeti comprendre al m\u00e9s r\u00e0pidament possible el missatge que es pret\u00e9n comunicar.<\/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 56<\/p><\/div>\n
Un dels elements m\u00e9s importants d\u2019un llibre \u00e9s l\u2019\u00edndex de continguts. La seva funci\u00f3 b\u00e0sica \u00e9s ajudar els lectors a trobar informaci\u00f3 rellevant i proporcionar un esquema visual de com s\u2019organitza el llibre. \u00c9s important que el seu disseny sigui funcional, per\u00f2 tamb\u00e9 ha de ser visualment atractiu, ja que \u00e9s una de les p\u00e0gines que els possibles compradors solen mirar. De vegades tamb\u00e9 cal diferenciar els continguts en diversos idiomes. En l\u2019exemple seg\u00fcent es pot veure un \u00edndex en angl\u00e8s (p\u00e0gina esquerra) i en castell\u00e0 (p\u00e0gina dreta).<\/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\")