{"id":475,"date":"2019-01-07T14:35:47","date_gmt":"2019-01-07T12:35:47","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/?page_id=475"},"modified":"2019-01-22T17:00:34","modified_gmt":"2019-01-22T15:00:34","slug":"3-5-equilibri-del-paragraf","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/3-5-equilibri-del-paragraf\/","title":{"rendered":"3.5. Equilibri del par\u00e0graf"},"content":{"rendered":"<p>Igual que en disseny, en general, hi ha algunes bones pr\u00e0ctiques en tipografia, per\u00f2 no s\u00f3n lleis infrangibles. Sovint aquestes bones pr\u00e0ctiques es materialitzen en forma de rangs num\u00e8rics que haur\u00edem d\u2019utilitzar (com hem vist per a la longitud de l\u00ednia), per\u00f2 triar valors dins d\u2019aquests rangs recomanats \u00e9s una cosa que solament podem dominar amb temps i pr\u00e0ctica. L\u2019ull necessita el seu temps per poder arribar a detectar aquestes subtils difer\u00e8ncies i detalls que fan que un par\u00e0graf funcioni millor que un altre.<\/p>\n<p>Aix\u00ed doncs, no podem aportar valors definitius per al par\u00e0graf perfecte perqu\u00e8 hi ha milions de combinacions v\u00e0lides. El que s\u00ed que podem fer \u00e9s aportar alguns exemples que serviran d\u2019ajuda a l\u2019ull tipogr\u00e0fic. En els exemples seg\u00fcents componem el text en Merriweather, una tipografia serif gratu\u00efta i de codi obert, disponible a Google Fonts.<\/p>\n<div class=\"featured featured-grey\"><\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-110\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_041.jpg\" alt=\"\" width=\"580\" height=\"704\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_041.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_041-247x300.jpg 247w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_041-768x932.jpg 768w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/p>\n<p>Aquesta primera composici\u00f3 de par\u00e0graf \u00e9s equilibrada, ja que hi ha un bon balan\u00e7 entre mida de lletra, interlineat i amplada de l\u00ednia. Veiem que la relaci\u00f3 entre el cos de text (12 punts) i l\u2019interlineat (19 punts) no \u00e9s m\u00e9s petita que el 130% ni m\u00e9s gran que el 170%, que \u00e9s el rang habitual recomanat. El mateix ocorre amb l\u2019amplada de l\u00ednia, que es troba dins del rang d\u2019entre 45 i 75 car\u00e0cters.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-111\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_042.jpg\" alt=\"\" width=\"580\" height=\"347\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_042.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_042-300x179.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_042-768x459.jpg 768w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/p>\n<p>En aquest cas les l\u00ednies de text s\u00f3n massa llargues. Per arreglar-ho podr\u00edem reduir l\u2019amplada de la caixa de text, o b\u00e9 ampliar la mida del tipus i la interl\u00ednia. Cal destacar que la quantitat de car\u00e0cters dins d\u2019una l\u00ednia \u00e9s de 92, que es troba fora del rang orientatiu (45-75).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-112\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_043.jpg\" alt=\"\" width=\"580\" height=\"764\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_043.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_043-228x300.jpg 228w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_043-768x1012.jpg 768w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_043-777x1024.jpg 777w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/p>\n<p>El que falla en aquest par\u00e0graf \u00e9s l\u2019espai entre l\u00ednies, o interlineat. Com es pot observar, les l\u00ednies del text es comencen a desvincular-se les unes de les altres en exc\u00e9s. Milloraria si s\u2019ampli\u00e9s l\u2019ampl\u00e0ria de l\u00ednia i la mida del tipus, encara que seria m\u00e9s senzill reduir l\u2019espai entre l\u00ednies. Es pot veure que el valor d\u2019interl\u00ednia \u00e9s un 200% m\u00e9s gran que el del cos, un valor que \u00e9s fora del rang recomanat (130%-170%).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-113\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_044.jpg\" alt=\"\" width=\"580\" height=\"828\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_044.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_044-210x300.jpg 210w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_044-768x1096.jpg 768w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_044-717x1024.jpg 717w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/p>\n<p>Aqu\u00ed la mida de la font \u00e9s excessiva i l\u2019interlineat massa ajustat per a l\u2019amplada de l\u00ednia que tenim. Per arreglar-ho, haur\u00edem de reduir el cos del text, o b\u00e9 augmentar l\u2019interlineat i l\u2019ampl\u00e0ria de la columna. Si ens fixem en els valors, tant la relaci\u00f3 entre la mida del text i l\u2019interlineat com els car\u00e0cters per l\u00ednia es troben fora dels rangs recomanats.<\/p>\n<p>\n<\/div>\n<div class=\"featured featured-blue\"><\/p>\n<p><strong>Conclusi\u00f3<\/strong><\/p>\n<p>Els tres factors crucials a l\u2019hora de maquetar un par\u00e0graf perfectament equilibrat s\u00f3n: mida de la font, espai entre l\u00ednies i amplada de l\u00ednia. Cal recordar que els tres elements han de ser tractats alhora per aconseguir par\u00e0grafs f\u00e0cils i c\u00f2modes de llegir.<\/p>\n<p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Igual que en disseny, en general, hi ha algunes bones pr\u00e0ctiques en tipografia, per\u00f2 no s\u00f3n lleis infrangibles. Sovint aquestes bones pr\u00e0ctiques es materialitzen en forma de rangs num\u00e8rics que haur\u00edem d\u2019utilitzar (com hem vist per a la longitud de l\u00ednia), per\u00f2 triar valors dins d\u2019aquests rangs recomanats \u00e9s una cosa que solament podem dominar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/475"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/comments?post=475"}],"version-history":[{"count":4,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/475\/revisions"}],"predecessor-version":[{"id":695,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/475\/revisions\/695"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/media?parent=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}