{"id":502,"date":"2019-01-07T15:04:32","date_gmt":"2019-01-07T13:04:32","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/?page_id=502"},"modified":"2019-01-10T16:39:03","modified_gmt":"2019-01-10T14:39:03","slug":"4-6-3-dibuix-de-les-formes-tipografiques","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/4-6-3-dibuix-de-les-formes-tipografiques\/","title":{"rendered":"4.6.3. Dibuix de les formes tipogr\u00e0fiques"},"content":{"rendered":"<p>El pas seg\u00fcent \u2014i m\u00e9s l\u00f2gic\u2014 \u00e9s comen\u00e7ar a dibuixar el que ser\u00e0 el disseny de la teva font. \u00c9s aconsellable que es realitzin tots els esbossos que es puguin de tots els car\u00e0cters possibles. No cal que aquests esbossos siguin definitius ni en proporcions ni en acabats: l\u2019objectiu \u00e9s tenir el m\u00e0xim d\u2019informaci\u00f3 possible perqu\u00e8 la idea del nostre disseny es pugui visualitzar de manera global.<\/p>\n<div class=\"featured featured-blue\"><p>Una vegada realitzats els esbossos, es recomana escollir quatre car\u00e0cters en concret i treballar-los m\u00e9s detalladament. Aquests car\u00e0cters s\u00f3n els que formen la paraula \u00abnova\u00bb en min\u00fascula. La import\u00e0ncia d\u2019aquestes quatre lletres \u00e9s clau, ja que en elles es forma l\u2019ADN de la majoria dels elements per a tota la caixa baixa, a m\u00e9s que els tres primers car\u00e0cters estan creats amb les tres formes geom\u00e8triques b\u00e0siques: quadrat, cercle i triangle, i amb aquestes tres formes es poden construir tots els car\u00e0cters de l\u2019alfabet, tant les de caixa baixa com les de caixa alta.<\/p>\n<\/div>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-132\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_063.jpg\" alt=\"\" width=\"800\" height=\"257\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_063.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_063-300x96.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_063-768x247.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<figure id=\"attachment_133\" aria-describedby=\"caption-attachment-133\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-133\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_064.jpg\" alt=\"\" width=\"800\" height=\"257\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_064.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_064-300x96.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_064-768x247.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-133\" class=\"wp-caption-text\">Mostra dels quatre car\u00e0cters clau per establir les bases de disseny i estructura de la tipografia.<\/figcaption><\/figure>\n<p>Una vegada que s\u2019ha acabat el disseny dels quatre car\u00e0cters clau, podem completar la resta de la caixa baixa utilitzant parts de les lletres ja dissenyades o realitzant extensions d\u2019aquestes.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-134\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_065.jpg\" alt=\"\" width=\"800\" height=\"583\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_065.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_065-300x219.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_065-768x560.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Seq\u00fc\u00e8ncia de construcci\u00f3 de car\u00e0cters partint dels quatre inicials clau:<\/p>\n<ul>\n<li>Partint de la <em>n <\/em>de caixa baixa, es construeixen els car\u00e0cters <em>m<\/em> (duplicant), <em>u<\/em> (voltejant 180 graus), <em>r<\/em>, <em>t<\/em>, <em>i<\/em>, <em>t<\/em> (utilitzant la meitat esquerra).<\/li>\n<li>Partint de la\u00a0<em>o<\/em> de caixa baixa es construeixen els car\u00e0cters <em>e<\/em> i c (utilitzant la part esquerra i afegint una barra i una gota).<\/li>\n<li>Partint de la <em>v<\/em> de caixa baixa es construeixen els car\u00e0cters <em>w<\/em> (duplicant), <em>x<\/em> (usant la meitat superior i repetint-la) i la <em>z<\/em> (fent una rotaci\u00f3 de 90 graus a l\u2019esquerra).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-135\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_066.jpg\" alt=\"\" width=\"800\" height=\"585\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_066.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_066-300x219.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_066-768x562.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Derivaci\u00f3 de nous car\u00e0cters:<\/p>\n<ul>\n<li>Utilitzant elements de la <em>n<\/em>, <em>o<\/em> i <em>l<\/em>, podem dissenyar-ne de nous com la <em>j<\/em> (usant parts de la\u00a0<em>o<\/em> i la <em>l<\/em> i afegint una gota).<\/li>\n<li>Utilitzant parts de la <em>l<\/em> i la <em>x,<\/em> podem construir la <em>k<\/em>.<\/li>\n<li>Utilitzant la part superior de la <em>v<\/em> i la part inferior de la <em>j<\/em>, podem construir la <em>y<\/em>.<\/li>\n<li>Utilitzant la <em>l<\/em> i rotant la <em>t<\/em> 180 graus, podem dissenyar la <em>f<\/em>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-136\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_067.jpg\" alt=\"\" width=\"800\" height=\"585\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_067.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_067-300x219.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_067-768x562.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Amb totes aquestes combinacions podem apreciar que es poden dissenyar pr\u00e0cticament tots els car\u00e0cters que comprenen la caixa baixa de l\u2019alfabet. Els \u00fanics que s\u2019haurien d\u2019esbossar des del principi serien la <em>g<\/em> i la <em>s<\/em>, per\u00f2 com ja tindrem els altres vint-i-quatre car\u00e0cters dissenyats, ens ser\u00e0 molt m\u00e9s f\u00e0cil.<\/p>\n<p>Una vegada acabats els car\u00e0cters de la caixa baixa, podem comen\u00e7ar amb els de la caixa alta. Ens ser\u00e0 molt m\u00e9s senzill per diverses raons:<\/p>\n<ul>\n<li>Ja tenim les proporcions b\u00e0siques de les lletres (l\u00ednia base, altura <em>x<\/em>, altura de l\u2019ascendent i altura de la descendent).<\/li>\n<li>Per establir l\u2019altura de les maj\u00fascules, solament hem d\u2019utilitzar les mesures de la l\u00ednia base a l\u2019altura de l\u2019ascendent.<\/li>\n<li>Tamb\u00e9 tenim les proporcions i els dissenys de tots els car\u00e0cters de la caixa baixa i els podrem usar per construir les nostres maj\u00fascules.<\/li>\n<li>Els car\u00e0cters de la caixa alta es regeixen pels principis b\u00e0sics de la geometria (quadrat, cercle i triangle), aix\u00f2 significa que s\u00f3n molt m\u00e9s f\u00e0cils de construir.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-137\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_068.jpg\" alt=\"\" width=\"800\" height=\"328\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_068.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_068-300x123.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_068-768x315.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><br \/>\nPer establir la proporci\u00f3 de les maj\u00fascules solament hem de prendre com a punt de partida l\u2019altura dels car\u00e0cters ascendents.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-138\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_069.jpg\" alt=\"\" width=\"800\" height=\"696\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_069.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_069-300x261.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_069-768x668.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Usant el disseny dels car\u00e0cters de caixa baixa que ja hem constru\u00eft pr\u00e8viament i partint de les formes geom\u00e8triques b\u00e0siques podem desenvolupar totes les lletres de la caixa alta.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El pas seg\u00fcent \u2014i m\u00e9s l\u00f2gic\u2014 \u00e9s comen\u00e7ar a dibuixar el que ser\u00e0 el disseny de la teva font. \u00c9s aconsellable que es realitzin tots els esbossos que es puguin de tots els car\u00e0cters possibles. No cal que aquests esbossos siguin definitius ni en proporcions ni en acabats: l\u2019objectiu \u00e9s tenir el m\u00e0xim d\u2019informaci\u00f3 possible [&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\/502"}],"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=502"}],"version-history":[{"count":3,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/502\/revisions"}],"predecessor-version":[{"id":650,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/502\/revisions\/650"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/media?parent=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}