{"id":261,"date":"2019-01-03T12:49:01","date_gmt":"2019-01-03T10:49:01","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/?page_id=261"},"modified":"2019-01-03T12:49:01","modified_gmt":"2019-01-03T10:49:01","slug":"4-6-3-dibujo-de-las-formas-tipograficas","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/4-6-3-dibujo-de-las-formas-tipograficas\/","title":{"rendered":"4.6.3. Dibujo de las formas tipogr\u00e1ficas"},"content":{"rendered":"<p>El siguiente paso \u2014y m\u00e1s l\u00f3gico\u2014 es empezar a dibujar lo que ser\u00e1 el dise\u00f1o de tu fuente. Es aconsejable que se realicen todos los bocetos que se puedan de todos los caracteres posibles. No hace falta que esos bocetos sean definitivos ni en proporciones ni en acabados: el objetivo es tener el m\u00e1ximo de informaci\u00f3n posible para que la idea de nuestro dise\u00f1o se pueda visualizar de forma global.<\/p>\n<div class=\"featured featured-blue\"><p>Una vez realizados los bocetos, se recomienda escoger cuatro caracteres en concreto y trabajarlos m\u00e1s en detalle. Estos caracteres son los que conforman la palabra \u00abnova\u00bb en min\u00fascula. La importancia de estas cuatro letras es clave, ya que en ellas se conforma el ADN de la mayor\u00eda de los elementos para toda la caja baja, adem\u00e1s de que los 3 primeros caracteres est\u00e1n creados con las tres formas geom\u00e9tricas b\u00e1sicas: cuadrado, c\u00edrculo y tri\u00e1ngulo, y con estas tres formas se pueden construir todos los caracteres del alfabeto, tanto las de caja baja como las de caja 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\">Muestra de los cuatro caracteres clave para establecer las bases de dise\u00f1o y estructura de la tipograf\u00eda.<\/figcaption><\/figure>\n<p>Una vez que se ha terminado el dise\u00f1o de los cuatro caracteres clave, podemos completar el resto de la caja baja usando partes de las letras ya dise\u00f1adas o realizando extensiones de ellas.<\/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>Secuencia de construcci\u00f3n de caracteres partiendo de los cuatro iniciales clave:<\/p>\n<ul>\n<li>Partiendo de la <em>n<\/em> de caja baja, se construyen los caracteres <em>m<\/em> (duplicando), <em>u<\/em> (volteando 180 grados), <em>r<\/em>, <em>t<\/em>, <em>i<\/em>, <em>t<\/em> (usando la mitad izquierda).<\/li>\n<li>Partiendo de la <em>o<\/em> de caja baja se construyen los caracteres <em>e<\/em> y <em>c<\/em> (usando la parte izquierda y a\u00f1adiendo una barra y una gota).<\/li>\n<li>Partiendo de la <em>v<\/em> de caja baja se construyen los caracteres <em>w<\/em> (duplicando), <em>x<\/em> (usando la mitad superior y repiti\u00e9ndola) y la <em>z<\/em> (haciendo una rotaci\u00f3n de 90 grados a la izquierda).<\/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\u00f3n de nuevos caracteres:<\/p>\n<ul>\n<li>Usando elementos de la <em>n<\/em>, <em>o<\/em> y <em>l<\/em>, podemos dise\u00f1ar nuevos como la <em>j<\/em> (usando partes de la <em>o<\/em> y la <em>l<\/em> y a\u00f1adiendo una gota).<\/li>\n<li>Usando partes de la <em>l<\/em> y la <em>x,<\/em> podemos construir la <em>k<\/em>.<\/li>\n<li>Usando la parte superior de la <em>v<\/em> y la parte inferior de la <em>j<\/em>, podemos construir la <em>y<\/em>.<\/li>\n<li>Usando la <em>l<\/em> y rotando la <em>t<\/em> 180 grados, podemos dise\u00f1ar 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>Con todas estas combinaciones podemos apreciar que se pueden dise\u00f1ar pr\u00e1cticamente todos los caracteres que comprenden la caja baja del alfabeto. Los \u00fanicos que se deber\u00edan bocetar desde el principio ser\u00edan la <em>g<\/em> y la <em>s<\/em>, pero como ya tendremos los otros 24 caracteres dise\u00f1ados, nos ser\u00e1 mucho m\u00e1s f\u00e1cil.<\/p>\n<p>Una vez acabados los caracteres de la caja baja, podemos empezar con los de la caja alta. Nos va a ser mucho m\u00e1s sencillo por varias razones:<\/p>\n<ul>\n<li>Ya tenemos las proporciones b\u00e1sicas de las letras (l\u00ednea base, altura <em>x<\/em>, altura de la ascendente y altura de la descendente).<\/li>\n<li>Para establecer la altura de las may\u00fasculas, solo tenemos que usar las medidas de la l\u00ednea base a la altura de la ascendente.<\/li>\n<li>Tambi\u00e9n tenemos las proporciones y los dise\u00f1os de todos los caracteres de la caja baja y los podremos usar para construir nuestras may\u00fasculas.<\/li>\n<li>Los caracteres de la caja alta se rigen todos por los principios b\u00e1sicos de la geometr\u00eda (cuadrado, c\u00edrculo y tri\u00e1ngulo), eso significa que son mucho m\u00e1s f\u00e1ciles 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 \/>\nPara establecer la proporci\u00f3n de las may\u00fasculas solo debemos tomar como punto de partida la altura de los caracteres ascendentes.<\/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>Usando el dise\u00f1o de los caracteres de caja baja que ya hemos construido previamente y partiendo de las formas geom\u00e9tricas b\u00e1sicas podemos desarrollar todas las letras de la caja alta.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El siguiente paso \u2014y m\u00e1s l\u00f3gico\u2014 es empezar a dibujar lo que ser\u00e1 el dise\u00f1o de tu fuente. Es aconsejable que se realicen todos los bocetos que se puedan de todos los caracteres posibles. No hace falta que esos bocetos sean definitivos ni en proporciones ni en acabados: el objetivo es tener el m\u00e1ximo de [&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\/es\/wp-json\/wp\/v2\/pages\/261"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/comments?post=261"}],"version-history":[{"count":1,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/261\/revisions"}],"predecessor-version":[{"id":262,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/261\/revisions\/262"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/media?parent=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}