{"id":462,"date":"2015-09-03T16:00:29","date_gmt":"2015-09-03T15:00:29","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/?p=462"},"modified":"2015-09-03T16:29:42","modified_gmt":"2015-09-03T15:29:42","slug":"ortotipografia-i-convencions-dus-destils-tipografics","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/sobre-tipografia\/ortotipografia\/ortotipografia-i-convencions-dus-destils-tipografics\/","title":{"rendered":"Ortotipografia i convencions d\u2019\u00fas d\u2019estils tipogr\u00e0fics"},"content":{"rendered":"<p><span lang=\"ca-ES\">La majoria de <\/span><span lang=\"ca-ES\"><b>fam\u00edlies tipogr\u00e0fiques<\/b><\/span><span lang=\"ca-ES\"> tenen <\/span><span lang=\"ca-ES\"><b>variants formals<\/b><\/span><span lang=\"ca-ES\">, conegudes habitualment com a \u00ab<\/span><span lang=\"ca-ES\"><b>estils\u00bb<\/b><\/span><span lang=\"ca-ES\">, que es distribueixen en diferents <\/span><span lang=\"ca-ES\"><b>fonts<\/b><\/span><span lang=\"ca-ES\">. Dins de la fam\u00edlia les variants conserven una l\u00ednia general de formes i proporcions que fa que es puguin combinar de manera coherent.<\/span><\/p>\n<p><span lang=\"ca-ES\">Aquests estils, com ho poden ser l\u2019\u00fas de maj\u00fascules, min\u00fascules, versaletes o cometes, s\u00f3n recursos de <\/span><span lang=\"ca-ES\"><b>tipografia distintiva<\/b><\/span><span lang=\"ca-ES\"> per a donar <\/span><span lang=\"ca-ES\"><b>expressivitat<\/b><\/span><span lang=\"ca-ES\"> al text o per a destacar-ne algunes parts <\/span><span style=\"font-size: small;color: #808080\"><span lang=\"ca-ES\">(Mar\u00edn, 2013, 2.1, p. 68-71; Mijksenaar, 2001, p. 35)<\/span><\/span><span lang=\"ca-ES\">. <\/span><\/p>\n<p lang=\"ca-ES\">Els estils m\u00e9s habituals s\u00f3n:<\/p>\n<ul>\n<li>\n<p lang=\"ca-ES\">La rodona, regular o romana; l\u2019estil m\u00e9s habitual, amb astes verticals dels car\u00e0cters i un pes visual mitj\u00e0.<\/p>\n<\/li>\n<li><span lang=\"ca-ES\">La <\/span><span lang=\"ca-ES\"><b>negreta<\/b><\/span><span lang=\"ca-ES\">; t\u00e9 m\u00e9s pes visual, els tra\u00e7os s\u00f3n m\u00e9s gruixuts que els de la rodona.<\/span><\/li>\n<li><span lang=\"ca-ES\">La <\/span><span lang=\"ca-ES\"><i>cursiva o it\u00e0lica; <\/i><\/span><span lang=\"ca-ES\">inclinada, amb un disseny diferent dels car\u00e0cters que els fa d\u2019un sol tra\u00e7 i m\u00e9s tancats, apuntant enlla\u00e7os entre ells, inspirada en el tra\u00e7 i direcci\u00f3 de l\u2019escriptura manual, \u00e9s m\u00e9s din\u00e0mica, marca el sentit de la lectura. Tamb\u00e9 pot tenir la variant <\/span><span lang=\"ca-ES\"><i><b>negreta<\/b><\/i><\/span><span lang=\"ca-ES\">.<\/span><\/li>\n<li><span lang=\"ca-ES\">La <\/span><span lang=\"ca-ES\" style=\"font-style: oblique\">romana obliqua<\/span><span lang=\"ca-ES\">; inclinada com la cursiva, per\u00f2 mantenint el disseny de car\u00e0cters de la rodona. Comparem una &#8220;a&#8221; en rodona, obliqua i cursiva:<span style=\"color: #e69138\"> a, <span lang=\"ca-ES\" style=\"font-style: oblique\">a<\/span>, <i>a.<\/i><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p lang=\"ca-ES\">I es poden complementar amb:<\/p>\n<ul>\n<li>\n<p lang=\"ca-ES\"><span style=\"font-weight: lighter\">La fina<\/span>; amb tra\u00e7os m\u00e9s fins que la rodona, m\u00ednima expressi\u00f3 del tra\u00e7at dels car\u00e0cters, deixa molt blanc el paper.<\/p>\n<\/li>\n<li>\n<p lang=\"ca-ES\"><span style=\"font-weight: 900\">L\u2019extranegra<\/span>; amb m\u00e9s pes visual que la negreta i tra\u00e7os molt gruixuts.<\/p>\n<\/li>\n<li>\n<p lang=\"ca-ES\"><span style=\"font-weight: 300\">La seminegra<\/span>; amb un pes visual intermedi entre la rodona i la negreta.<\/p>\n<\/li>\n<\/ul>\n<p lang=\"ca-ES\">Els estils es poden fer servir per a distingir paraules dins d\u2019un text o per a distingir r\u00e8tols en un gr\u00e0fic o infografia. En general, els textos s\u2019escriuen en rodona i la cursiva o la negreta tenen aquest paper distintiu. Els tip\u00f2grafs recomanen evitar la romana obliqua, que es veu com una opci\u00f3 que no \u00e9s ni carn ni peix, una falsa cursiva. La fina es sol utilitzar en lloc de la rodona quan es vol donar lleugeresa al text i la supernegra es fa servir en titulars o textos destacats.<\/p>\n<hr \/>\n<p><strong>Comparaci\u00f3 entre it\u00e0lica i romana obliqua<\/strong><\/p>\n<p><a href=\"http:\/\/creativepro.com\/typetalk-italic-vs-oblique\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/3v6x691yvn532gp2411ezrib.wpengine.netdna-cdn.com\/wp-content\/uploads\/sites\/default\/files\/styles\/article-full-column-width\/public\/B.Italic_vs_Oblique.jpg?itok=gPhLgoDW\" alt=\"\" width=\"600\" height=\"279\" \/><\/a><a href=\"http:\/\/creativepro.com\/typetalk-italic-vs-oblique\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/3v6x691yvn532gp2411ezrib.wpengine.netdna-cdn.com\/wp-content\/uploads\/sites\/default\/files\/styles\/article-full-column-width\/public\/C.Italic_vs_Oblique.jpg\" alt=\"\" width=\"600\" height=\"263\" \/><\/a>En aquesta comparaci\u00f3 <a class=\"url fn\" title=\"Posts by Ilene Strizver\" href=\"http:\/\/creativepro.com\/author\/ilene-strizver\/\" rel=\"author\">Ilene Strizver<\/a> demostra utilitzant tres fonts diferents com en la versi\u00f3 it\u00e0lica el disseny de la lletra canvia, mentre que en la obliqua el disseny es mant\u00e9 i simplement s&#8217;inclina.<\/p>\n<p><span style=\"color: #666666\"><span style=\"font-size: small\"><span lang=\"ca-ES\">Font: CreativePro http:\/\/creativepro.com\/typetalk-italic-vs-oblique<\/span><\/span><\/span><\/p>\n<p><span style=\"color: #666666\"><span style=\"font-size: small\">Aquesta imatge es reprodueix acollint-se al dret de citaci\u00f3 o ressenya (art. 32 LPI) i est\u00e0 exclosa de la llic\u00e8ncia general del text o la web.<\/span><\/span><\/p>\n<hr \/>\n<p>Vegem alguns usos dels estils tipogr\u00e0fics que la tradici\u00f3 ortotipogr\u00e0fica ha fet convencionals. Comencem per veure <span lang=\"ca-ES\">en quins casos es fa servir la <\/span><span lang=\"ca-ES\"><b>cursiva<\/b><\/span><span lang=\"ca-ES\">:<\/span><\/p>\n<ul>\n<li><span lang=\"ca-ES\">Dins dels textos quan se cita el nom d\u2019una obra d\u2019art, de teatre, el t\u00edtol d\u2019un llibre, d\u2019una revista, d\u2019una pel\u00b7l\u00edcula o programa de televisi\u00f3. <\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\">Al programa <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>Cinema 3<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"> van parlar de les pel\u00b7l\u00edcules influenciades per <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>Blade Runner<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\">. L\u2019escultura <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>La Colometa<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"> de Xavier Medina-Campeny fa refer\u00e8ncia a la novel\u00b7la <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>El mirall trencat<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"> de Merc\u00e8 Rodoreda. Vaig llegir a <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>Cultura\/s<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"> que faran una nova versi\u00f3 d\u2019<\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>Enric IV.<\/i><\/span><\/span><\/li>\n<li><span lang=\"ca-ES\">Quan s\u2019esmenta un pseud\u00f2nim acompanyat del nom real. <\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\">Antoni Guti\u00e9rrez D\u00edaz, <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>el Guti<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\">, va ser secretari general del PSUC.<\/span><\/span><\/li>\n<li><span lang=\"ca-ES\">Els noms cient\u00edfics d\u2019esp\u00e8cies o organismes vius s\u2019escriuen per norma en cursiva, amb la primera lletra de la primera paraula (el g\u00e8nere) en maj\u00fascula i la de la segona (l\u2019esp\u00e8cie) en min\u00fascula. <\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\">El rovell\u00f3 \u00e9s el <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>Lactarius sanguifluus<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"> i el pinetell el <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>Lactarius deliciosous<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\">.<\/span><\/span><\/li>\n<li><span lang=\"ca-ES\">Dins de textos les paraules estrangeres. <\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\">Al portal <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>opendata<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"> trobar\u00e0s la informaci\u00f3 que pots analitzar.<\/span><\/span><\/li>\n<li><span lang=\"ca-ES\">Les paraules que l\u2019autor vol destacar, fer que el lector les tingui presents perqu\u00e8 s\u00f3n un concepte clau del que explica o per alguna q\u00fcesti\u00f3 interna de la narraci\u00f3. <\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\">En les <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>mateixes situacions<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"> cal utilitzar les <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>mateixes solucions<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\">, aix\u00f2 d\u00f3na consist\u00e8ncia al disseny. No utilitzava un estri qualsevol sin\u00f3 sempre unes <\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\"><i>alicates de punta rodona<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"ca-ES\">, per a aquella feina.<\/span><\/span><\/li>\n<\/ul>\n<p lang=\"ca-ES\">En tots aquests exemples la cursiva \u00e9s un estil tipogr\u00e0fic distintiu dins d\u2019un text en rodona. En premsa, per\u00f2, se n\u2019ha consolidat un \u00fas en els titulars per a distingir els que s\u00f3n d\u2019articles i columnes d\u2019opini\u00f3 (en cursiva) dels que ho s\u00f3n de not\u00edcies (en rodona). A vegades tamb\u00e9 es fa servir sense un criteri de contingut, nom\u00e9s per a donar variaci\u00f3 quan es combinen diverses not\u00edcies en una plana o doble plana.<\/p>\n<p><span lang=\"ca-ES\">Es fa servir la <\/span><span lang=\"ca-ES\"><b>negreta<\/b><\/span><span lang=\"ca-ES\">:<\/span><\/p>\n<ul>\n<li>\n<p lang=\"ca-ES\">En premsa, en textos divulgatiu o en materials did\u00e0ctics (com aquest), per a ressaltar dades o conceptes rellevants de manera que el lector els localitzi r\u00e0pidament i rebi el senyal que els ha de tenir en compte o retenir.<\/p>\n<\/li>\n<li>\n<p lang=\"ca-ES\">En premsa (especialment en temes de societat) per a destacar noms de persones dins un text.<\/p>\n<\/li>\n<li>\n<p lang=\"ca-ES\">En entrevistes, per a destacar el nom dels interlocutors o per a diferenciar la pregunta (habitualment m\u00e9s curta, en negreta) de la resposta (en rodona).<\/p>\n<\/li>\n<li>\n<p lang=\"ca-ES\">En entradetes i textos destacats no gaire llargs que es distingeixen del text principal.<\/p>\n<\/li>\n<\/ul>\n<p lang=\"ca-ES\">No \u00e9s recomanable fer servir la negreta per a substituir la rodona, \u00e9s millor reservar-la per a aquesta funci\u00f3 distintiva dins d\u2019un text o per a donar pes a titulars que ho requereixin.<\/p>\n<p lang=\"ca-ES\">En infografia o en la presentaci\u00f3 de gr\u00e0fics estad\u00edstics els estils de text poden tenir un paper, especialment el contrast entre rodona i negreta. Podem tenir, per exemple, dades en rodona i aquelles dades clau que volem assenyalar al lector posar-les en negreta. Tamb\u00e9 \u00e9s for\u00e7a habitual en les taules per a diferenciar els encap\u00e7alaments dels valors o per a ressaltar els totals que sumen les quantitats d\u2019una fila o columna.<\/p>\n<hr \/>\n<p lang=\"ca-ES\"><strong>Exemple d&#8217;\u00fas dels estils tipogr\u00e0fics en un gr\u00e0fic estad\u00edstic<\/strong><\/p>\n<p lang=\"ca-ES\"><a href=\"http:\/\/www.lactual.cat\/cat\/notices\/2013\/05\/una_reforma_laboral_poc_util_10319.php\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-463 size-full\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/files\/2015\/09\/grafic2_617x296.jpg\" alt=\"grafic2_617x296\" width=\"617\" height=\"296\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/files\/2015\/09\/grafic2_617x296.jpg 617w, http:\/\/multimedia.uoc.edu\/blogs\/ilv\/files\/2015\/09\/grafic2_617x296-300x144.jpg 300w\" sizes=\"auto, (max-width: 617px) 100vw, 617px\" \/><\/a><span style=\"font-size: small\">En aquest gr\u00e0fic de l\u2019Actual.cat es mostra l\u2019evoluci\u00f3 de la taxa d\u2019atur durant set anys. Els textos que marquen el calendari quadrimestral s\u00f3n en rodona i gris, menys els de gener de cada any, que es destaquen en negreta i amb una l\u00ednia m\u00e9s gruixuda en l\u2019eix de la gr\u00e0fica.<\/span><\/p>\n<p><span style=\"color: #666666\"><span style=\"font-size: small\"><span lang=\"ca-ES\">Font: <\/span><\/span><\/span><a href=\"http:\/\/www.lactual.cat\/cat\/notices\/2013\/05\/una_reforma_laboral_poc_util_10319.php\"><span style=\"color: #666666\"><span style=\"font-size: small\"><span lang=\"ca-ES\"><u>http:\/\/www.lactual.cat\/cat\/notices\/2013\/05\/una_reforma_laboral_poc_util_10319.php<\/u><\/span><\/span><\/span><\/a><\/p>\n<p lang=\"ca-ES\"><span style=\"color: #666666\"><span style=\"font-size: small\">Aquesta imatge es reprodueix acollint-se al dret de citaci\u00f3 o ressenya (art. 32 LPI) i est\u00e0 exclosa de la llic\u00e8ncia general del text o la web.<\/span><\/span><\/p>\n<hr \/>\n<h2 class=\"western\">Saber-ne m\u00e9s<\/h2>\n<ul>\n<li><span lang=\"es-ES\"><b>J. Pujol; J. Sol\u00e0<\/b><\/span><span lang=\"es-ES\"> (1995). <\/span><span lang=\"ca-ES\"><i>Ortotipografia. Manual de l&#8217;autor, l&#8217;autoeditor i el dissenyador gr\u00e0fic<\/i><\/span><span lang=\"ca-ES\">. Barcelona: Columna Editorial<\/span><span lang=\"es-ES\">. <\/span><span style=\"font-size: small\"><span lang=\"es-ES\">[<\/span><\/span><a href=\"http:\/\/cataleg.uoc.edu\/record=b1007909~S1*cat\"><span style=\"color: #1155cc\"><span style=\"font-size: small\"><span lang=\"es-ES\"><u>disponible<\/u><\/span><\/span><\/span><\/a> <span style=\"font-size: small\"><span lang=\"es-ES\">a<\/span><\/span> <a href=\"http:\/\/biblioteca.uoc.edu\/ca\/serveis\/la-biblioteca-respon\"><span style=\"color: #1155cc\"><span style=\"font-size: small\"><span lang=\"es-ES\"><u>la biblioteca<\/u><\/span><\/span><\/span><\/a><span style=\"font-size: small\"><span lang=\"es-ES\">] <\/span><\/span>\n<ul>\n<li>\n<p lang=\"es-ES\"><span style=\"font-size: small\">Cap\u00edtol 5: Cursiva, cometes, versaleta, negreta<\/span><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li><span lang=\"es-ES\"><b>R. Mar\u00edn \u00c1lvarez<\/b><\/span><span lang=\"es-ES\"> (2013). <\/span><span lang=\"es-ES\"><i>Ortotipograf\u00eda para dise\u00f1adores<\/i><\/span><span style=\"font-size: small\"><span lang=\"es-ES\">.<\/span><\/span><span lang=\"es-ES\"> Barcelona: Gustavo Gili.<\/span><span style=\"font-size: small\"><span lang=\"es-ES\"><br \/>\n[Edita<\/span><\/span><span style=\"font-size: small\"><span lang=\"es-ES\">t<\/span><\/span> <a href=\"http:\/\/ggili.com\/es\/tienda\/productos\/ortotipografia-para-disenadores\"><span style=\"color: #1155cc\"><span style=\"font-size: small\"><span lang=\"es-ES\"><u>en pape<\/u><\/span><\/span><\/span><span style=\"color: #1155cc\"><span style=\"font-size: small\"><span lang=\"es-ES\"><u>r i llibre electr\u00f2nic<\/u><\/span><\/span><\/span><\/a><span style=\"font-size: small\"><span lang=\"es-ES\">]<\/span><\/span><\/li>\n<\/ul>\n<blockquote>\n<ul>\n<li>\n<p lang=\"es-ES\"><span style=\"font-size: small\">Cap\u00ed<\/span><span style=\"font-size: small\">tol<\/span> 2.1: Tipograf\u00edas distintivas<\/p>\n<\/li>\n<\/ul>\n<\/blockquote>\n<ul>\n<li>\u00a0<strong>Strizver, Ilene<\/strong> (2014). <em>Talk: Italic vs. Oblique<\/em>. CreativePro &lt;<a href=\"http:\/\/creativepro.com\/typetalk-italic-vs-oblique\/\">creativepro.com\/typetalk-italic-vs-oblique<\/a>&gt;<\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>La majoria de fam\u00edlies tipogr\u00e0fiques tenen variants formals, conegudes habitualment com a \u00abestils\u00bb, que es distribueixen en diferents fonts. Dins de la fam\u00edlia les variants conserven una l\u00ednia general de formes i proporcions que fa que es puguin combinar de manera coherent. Aquests estils, com ho poden ser l\u2019\u00fas de maj\u00fascules, min\u00fascules, versaletes o cometes, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/sobre-tipografia\/ortotipografia\/ortotipografia-i-convencions-dus-destils-tipografics\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abOrtotipografia i convencions d\u2019\u00fas d\u2019estils tipogr\u00e0fics\u00bb<\/span><\/a><\/p>\n","protected":false},"author":30,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40],"tags":[72,75,73,74],"class_list":["post-462","post","type-post","status-publish","format-standard","hentry","category-ortotipografia","tag-cursiva","tag-estils-tipografics","tag-negreta","tag-obliqua","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/wp-json\/wp\/v2\/posts\/462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/wp-json\/wp\/v2\/comments?post=462"}],"version-history":[{"count":10,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/wp-json\/wp\/v2\/posts\/462\/revisions"}],"predecessor-version":[{"id":473,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/wp-json\/wp\/v2\/posts\/462\/revisions\/473"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/wp-json\/wp\/v2\/media?parent=462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/wp-json\/wp\/v2\/categories?post=462"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/wp-json\/wp\/v2\/tags?post=462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}