{"id":263,"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=263"},"modified":"2019-01-03T12:49:01","modified_gmt":"2019-01-03T10:49:01","slug":"4-6-4-criterios-basicos","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/4-6-4-criterios-basicos\/","title":{"rendered":"4.6.4. Criterios b\u00e1sicos"},"content":{"rendered":"

Una vez que ya tenemos listos los dise\u00f1os de todos nuestros caracteres, debemos digitalizarlos. Para ello, lo primero es establecer algunos criterios b\u00e1sicos antes de trabajar con alguna aplicaci\u00f3n especializada para convertir los bocetos en formas vectoriales y, m\u00e1s adelante, en tipograf\u00eda para poder usar en nuestros ordenadores:<\/p>\n

1) Forma y contraforma<\/strong><\/p>\n

Cada letra est\u00e1 formada por su propio trazo y por el espacio interno y el que la rodea. Cuando componemos un texto, la clave para que una letra y una palabra sea percibida con total nitidez y claridad, depende del equilibro entre los espacios internos de las letras y los que las rodean, cuanto m\u00e1s igualados sean estos espacios, mejores resultados obtendremos. Se debe prestar especial atenci\u00f3n a la configuraci\u00f3n de estos espacios.<\/p>\n

\"\"<\/p>\n

2) La importancia de un espacio regular<\/strong><\/p>\n

Si nos fijamos en estas tres im\u00e1genes, podremos ver que en la primera la contraforma de los caracteres as\u00ed como el espacio entre ellos difiere constantemente, de forma que la lectura se nos hace muy complicada.<\/p>\n

En la segunda pantalla, a primera vista se ve algo mejor, los espacios internos de los caracteres y el grosor de los trazos est\u00e1n igualados, pero no el espaciado. La lectura sigue presentando ciertas dificultades.<\/p>\n

En la tercera pantalla todos los espacios est\u00e1n igualados y la facilidad de lectura es \u00f3ptima. Esto demuestra que si queremos hacer que un texto sea legible, debemos tener en cuenta la propia naturaleza de nuestra percepci\u00f3n visual, y esto no son unas normas arbitrarias, sino de experiencia acumulada a lo largo del tiempo.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

3) La teor\u00eda del vaso de agua<\/strong><\/p>\n

Esta teor\u00eda es perfecta para entender de manera gr\u00e1fica el concepto de un correcto espaciado. El mismo volumen de agua que cabe en el espacio interno de la letra H<\/em> nos tiene que servir para llenar el espacio existente entre la letra H<\/em> y la O<\/em>. Es decir, igualamos los espacios \u00f3pticos internos y externos con el mismo volumen de espacio.<\/p>\n

\"\"<\/p>\n

4) Correspondencia entre espacios internos y externos<\/strong><\/p>\n

Como estamos igualando espacios, a unas letras de contraformas amplias les corresponden unos espacios entre ellas tambi\u00e9n amplios; y a unas letras de contraformas peque\u00f1as, les corresponde a su vez espaciado peque\u00f1o. As\u00ed conseguimos que la imagen visual de la palabra quede perfectamente definida.<\/p>\n

\"\"<\/p>\n

5) Igualamos espacios, no distancias<\/strong><\/p>\n

Las distancias entre las letras son diferentes, pero el espacio \u00f3ptico entre ellas est\u00e1 igualado. Cuando logremos fijar la idea del espacio en la tipograf\u00eda, de pronto empezaremos a ver formas, espacios, huecos excesivos o insuficientes donde antes ve\u00edamos palabras. Nos fijaremos antes en sus espacios que en el propio significado de la palabra.<\/p>\n

\"\"<\/p>\n

6) Efectos \u00f3pticos: las formas b\u00e1sicas<\/strong><\/p>\n

La fisiolog\u00eda de la visi\u00f3n tambi\u00e9n es muy importante a la hora de dise\u00f1ar una tipograf\u00eda. Una relaci\u00f3n de contrastes tan acusados como la que forman las letras y el soporte donde est\u00e1n impresas es un campo abonado para la aparici\u00f3n de algunas ilusiones \u00f3pticas que deberemos tener en cuenta, ya que, al igual que otras figuras bidimensionales que son percibidas por nuestra vista, tambi\u00e9n las letras est\u00e1n sujetas a leyes \u00f3pticas. Por esto, para el examen de las cualidades formales de un dise\u00f1o tipogr\u00e1fico no son determinantes los instrumentos de medida, sino el juicio del ojo humano.<\/p>\n

Para empezar, vamos a fijarnos en las formas b\u00e1sicas. Teniendo el mismo tama\u00f1o, los c\u00edrculos y los tri\u00e1ngulos parecen m\u00e1s peque\u00f1os que el rect\u00e1ngulo. Para que parezcan iguales, hay que trazar los v\u00e9rtices y las curvas un poco por encima y por debajo, respectivamente, de las alineaciones superior e inferior. En tipograf\u00eda esto afecta a las letras que presentan v\u00e9rtices o curvas en sus trazos superiores e inferiores, as\u00ed como en el espacio delimitado por el ojo medio (altura x<\/em>).<\/p>\n

Con el fin de ajustar los v\u00e9rtices y las curvas en nuestro dise\u00f1o, debemos a\u00f1adir unas nuevas gu\u00edas en la plantilla donde los ajustamos. Estas l\u00edneas en el mundo anglosaj\u00f3n se conocen por overshots<\/em>.<\/p>\n

\"\"<\/p>\n

7) Efectos \u00f3pticos: la proporci\u00f3n de las contraformas<\/strong><\/p>\n

La exacta bisecci\u00f3n geom\u00e9trica horizontal de una superficie da como resultado una mitad superior que parece \u00f3pticamente m\u00e1s grande que la inferior. Resultar\u00e1n dos partes iguales al ojo si se realiza la divisi\u00f3n horizontal por encima del centro geom\u00e9trico, o sea, en el llamado centro \u00f3ptico. Este principio lo podemos aplicar a los blancos internos de las letras que posean en su estructura una divisi\u00f3n horizontal de espacios similares (B, E, S, X). En estos casos, la contraforma superior deber\u00e1 ser un poco m\u00e1s peque\u00f1a que la inferior.<\/p>\n

\"\"<\/p>\n

8) Efectos \u00f3pticos: el grosor de las l\u00edneas<\/strong><\/p>\n

Siendo las l\u00edneas de un mismo grosor, las horizontales parecen m\u00e1s anchas que las verticales.<\/p>\n

Para conseguir astas y brazos horizontales que parezcan \u00f3pticamente de la misma anchura, su grosor debe ser inferior a la de las verticales. Este caso se nos presenta en todas las letras que contengan trazos verticales y horizontales (E, F, L, T, H)<\/p>\n

Este principio no solo afecta a las formas rectas, sino tambi\u00e9n a las curvas, que tienen que ser en su punto horizontal m\u00e1s ancho, de un grosor superior al de las correspondientes verticales (B, C, D, G, P, R, S).<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

9) Efectos \u00f3pticos: Ajustes de los c\u00edrculos<\/strong><\/p>\n

Asimismo, en las letras con formas circulares (O, Q) y al objeto de evitar que las mismas parezcan m\u00e1s anchas que altas, debemos evitar configurarlas como un c\u00edrculo perfecto.<\/p>\n

\"\"<\/p>\n

10) Efectos \u00f3pticos: los nudos \u00f3pticos<\/strong><\/p>\n

En esta imagen se aprecia c\u00f3mo en una serie de cuadrados negros aparecen zonas o manchas grises entre las intersecciones de cada cuadrado. Este efecto es debido a que el valor luminoso que desprenden los cuadrados tiende a prolongarse virtualmente.<\/p>\n

\"\"<\/p>\n

11) Efectos \u00f3pticos: correcci\u00f3n de los nudos \u00f3pticos<\/strong><\/p>\n

Al coincidir l\u00edneas curvas con rectas o con otras curvas, as\u00ed como dos l\u00edneas oblicuas, se producen nudos, es decir, una forma no homog\u00e9nea en cuanto a su regularidad en el color, a no ser que sea corregido.<\/p>\n

Para solucionar esto es necesario estrechar los trazos en los puntos de conjunci\u00f3n e, incluso, disminuir el grosor del asta.<\/p>\n

\"\"<\/p>\n

12) La importancia del ojo medio<\/strong><\/p>\n

El ojo medio (altura x<\/em>) es, dentro de las proporciones generales de una tipograf\u00eda, la m\u00e1s importante y donde debemos centrar nuestros esfuerzos de dise\u00f1o. Es la zona de la letra que nos va a definir el aspecto general y el rendimiento de la tipograf\u00eda cuando compongamos textos con ella. Con un ojo medio proporcionado nos aseguramos una buena legibilidad en tama\u00f1os de texto y, por extensi\u00f3n, unos ascendentes y descendentes equilibrados.<\/p>\n

\"\"<\/p>\n

En la siguiente imagen podemos comprobar c\u00f3mo afecta la configuraci\u00f3n del ojo medio en unas tipograf\u00edas con el mismo tama\u00f1o en puntos.<\/p>\n

Una tipograf\u00eda con un ojo medio elevado necesita en su composici\u00f3n un mayor interlineado que otra con un ojo medio peque\u00f1o.<\/p>\n

\"\"<\/p>\n

13) Los detalles y su concepto<\/strong><\/p>\n

Mientras dise\u00f1amos una tipograf\u00eda, trabajamos a una escala muy grande ajustando curvas, remates, etc. Es muy importante revisar todas las soluciones adoptadas a la escala real en la que el tipo va a ser utilizado, ya que si no hacemos esto es posible que nos llevemos m\u00e1s de una sorpresa. Puede que lo que vemos bien en la pantalla del ordenador a una escala del 400 %, en un texto compuesto a 10 puntos, sea una mancha indefinida. La soluci\u00f3n es chequear cada modificaci\u00f3n que realicemos.<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Una vez que ya tenemos listos los dise\u00f1os de todos nuestros caracteres, debemos digitalizarlos. Para ello, lo primero es establecer algunos criterios b\u00e1sicos antes de trabajar con alguna aplicaci\u00f3n especializada para convertir los bocetos en formas vectoriales y, m\u00e1s adelante, en tipograf\u00eda para poder usar en nuestros ordenadores: 1) Forma y contraforma Cada letra est\u00e1 […]<\/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\/263"}],"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=263"}],"version-history":[{"count":7,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/263\/revisions"}],"predecessor-version":[{"id":312,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/263\/revisions\/312"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/media?parent=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}