{"id":469,"date":"2019-01-07T14:26:45","date_gmt":"2019-01-07T12:26:45","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/?page_id=469"},"modified":"2019-01-22T18:46:41","modified_gmt":"2019-01-22T16:46:41","slug":"3-2-cos-o-mida-del-text","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/3-2-cos-o-mida-del-text\/","title":{"rendered":"3.2. Cos o mida del text"},"content":{"rendered":"<p>Un dels errors m\u00e9s comuns en compondre textos \u00e9s formatar el cos o la mida del text principal massa gran o massa petit. Cal tenir moltes consideracions en compte a l\u2019hora d\u2019ajustar la grand\u00e0ria del text en una publicaci\u00f3:<\/p>\n<ul>\n<li>\u00c9s impresa o digital?<\/li>\n<li>Si \u00e9s digital, quina resoluci\u00f3 t\u00e9 la pantalla amb qu\u00e8 es llegir\u00e0?<\/li>\n<li>A quina dist\u00e0ncia es llegir\u00e0?<\/li>\n<li>A quin tipus de p\u00fablic va dirigida?<\/li>\n<li>Quines condicions de llum tenim?<\/li>\n<\/ul>\n<p>No hi ha regles clares que ens gui\u00efn a l\u2019hora de determinar la mida d\u2019un text en funci\u00f3 d\u2019aquestes preguntes, per\u00f2 hi ha recomanacions orientatives que poden resultar \u00fatils. Per exemple, per determinar la mida de la font en disseny web, es diu que es pot prendre com a refer\u00e8ncia una grand\u00e0ria equivalent a la que tindria el text d\u2019una novel\u00b7la en paper si la sostenim a la dist\u00e0ncia d\u2019un bra\u00e7 (sempre que no tinguem problemes de visi\u00f3).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-102\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_033.jpg\" alt=\"\" width=\"800\" height=\"498\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_033.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_033-300x187.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_033-768x478.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>En l\u00ednies generals, els cossos de text per a la lectura en publicacions impreses estan entre 9 i 12 punts tipogr\u00e0fics, mentre que, per a les pantalles, avui dia els textos se solen compondre a una mida entre 18 i 22 p\u00edxels per a\u00a0<em>desktop<\/em> i 16 p\u00edxels per a versi\u00f3 m\u00f2bil. Per\u00f2 aquestes xifres solament s\u00f3n orientatives. Haurem de triar tamb\u00e9 en funci\u00f3 del disseny de la tipografia, valorant especialment aspectes com l\u2019ull mitj\u00e0 i el gruix dels seus tra\u00e7os.<\/p>\n<div class=\"featured featured-grey\"><\/p>\n<p>En l\u2019exemple componem un text en Georgia i Merriweather a una mateixa mida i cromatisme. Observem que Merriweather llueix m\u00e9s gran i pesada a causa del seu disseny i proporcions, malgrat que tots dos textos siguin fets amb els mateixos valors de mida i interlineat (12\/19 punts). Aix\u00f2 confereix a Merriweather una major pres\u00e8ncia a la p\u00e0gina.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-103\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_034.jpg\" alt=\"\" width=\"800\" height=\"509\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_034.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_034-300x191.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_034-768x489.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>\n<\/div>\n<div class=\"featured featured-blue\"><\/p>\n<p><strong>Conclusi\u00f3 <\/strong><\/p>\n<p>No s\u2019ha de fer un cos de text massa gran ni massa petit. S\u2019utilitza un m\u00ednim de 9 punts per a publicacions en paper i un m\u00ednim de 16 p\u00edxels per a publicacions en pantalla. Cal tenir en compte que hi ha tipografies (com la Merriweather) que aparenten ser m\u00e9s grans de l\u2019habitual per les seves caracter\u00edstiques morfol\u00f2giques.<\/p>\n<p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Un dels errors m\u00e9s comuns en compondre textos \u00e9s formatar el cos o la mida del text principal massa gran o massa petit. Cal tenir moltes consideracions en compte a l\u2019hora d\u2019ajustar la grand\u00e0ria del text en una publicaci\u00f3: \u00c9s impresa o digital? Si \u00e9s digital, quina resoluci\u00f3 t\u00e9 la pantalla amb qu\u00e8 es llegir\u00e0? [&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\/469"}],"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=469"}],"version-history":[{"count":5,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/469\/revisions"}],"predecessor-version":[{"id":632,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/469\/revisions\/632"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/media?parent=469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}