{"id":13311,"date":"2021-04-23T00:54:29","date_gmt":"2021-04-23T00:54:29","guid":{"rendered":"https:\/\/www.tipomx.org\/em\/?p=13311"},"modified":"2024-10-10T16:56:52","modified_gmt":"2024-10-10T16:56:52","slug":"10-reglas-para-hacer-diseno-editorial","status":"publish","type":"post","link":"https:\/\/www.tipomx.org\/em\/2021\/04\/23\/10-reglas-para-hacer-diseno-editorial\/","title":{"rendered":"10 reglas para hacer dise\u00f1o editorial"},"content":{"rendered":"<p>El dise\u00f1o editorial es una de las ramas m\u00e1s completas en el \u00e1mbito gr\u00e1fico, requiere no solamente de una buena dosis de creatividad sino de una t\u00e9cnica refinada que lleva impl\u00edcito utilizar los programas apropiados, de la manera correcta, as\u00ed como de sistemas de producci\u00f3n y publicaci\u00f3n eficientes.<\/p>\n<p>Sea desde un folleto hasta un libro de arte, es b\u00e1sico conocer las reglas, dominarlas y aplicarlas. Con base en experiencias ajenas y propias, les presento diez de ellas, no a manera de englobarlas todas, sino para recalcar algunas que son de suma importancia y muchas veces pasamos por alto, especialmente si son nuestros primeros acercamientos a ella.<\/p>\n<h2><b>1. Lee lo que dise\u00f1as<\/b><\/h2>\n<p>Parecer\u00e1 muy obvio, pero es f\u00e1cil detectar cuando se dise\u00f1a un texto sin conocer la parte sensible de la informaci\u00f3n. En publicaciones cortas como folletos o revistas, leer los textos nos permitir\u00e1 saber d\u00f3nde cortar columnas, hacer tablas o introducir llamados, entender el lugar donde deben ser colocadas para dar dinamismo y orden de lectura. Lo mismo aplica en publicaciones que no sean de texto corrido (como revistas o libros de arte, por ejemplo) y que en lo posible se empata o complementa el contenido con la parte gr\u00e1fica.<\/p>\n<p>Adem\u00e1s, leer un texto nos permitir\u00e1 adentrarnos en el tema de lo que dise\u00f1amos y podremos tomar decisiones creativas que\u00a0 puedan llegar a ajustar los textos en pro de una comunicaci\u00f3n m\u00e1s efectiva.<\/p>\n<h2><b>2. Haz la letra peque\u00f1a<\/b><\/h2>\n<p>Si vas a aplicar un dise\u00f1o en un tama\u00f1o carta, seguramente despliegas la hoja de tal forma que se acople al tama\u00f1o del monitor. Entonces, cuando comienzas a usar tipograf\u00eda dejas el tama\u00f1o que viene por omisi\u00f3n \u2014que es de 12 puntos\u2014 porque lo alcanzas a leer perfectamente. Al final, cuando imprimes, terminar\u00e1s cayendo en la trampa:\u00a0 la tipograf\u00eda se ve grande. Este tema es muy recurrente en temas de producci\u00f3n. Una letra demasiado grande no solo ocupa mucho espacio, sino reduce el ancho de las columnas provocando surjan balazos en la mancha tipogr\u00e1fica con facilidad y muy dif\u00edciles de maniobrar, adem\u00e1s de minimizar la libertad de aplicaci\u00f3n de otros elementos en la misma p\u00e1gina.<\/p>\n<p>Lo m\u00e1s recomendable, es una vez seleccionada la tipograf\u00eda a utilizar, imprimir una hoja con p\u00e1rrafos compuestos en diferentes tama\u00f1os (de 6 a 12 puntos, y luego de 14, 16, 18, 21, 24 y 36 para los t\u00edtulos, subt\u00edtulos y balazos). Puedes hacer el mismo ejercicio con distintas interl\u00edneas para entender c\u00f3mo se comporta la mancha en cada combinaci\u00f3n de fuente-tama\u00f1o-espaciado.<\/p>\n<figure id=\"attachment_13322\" aria-describedby=\"caption-attachment-13322\" style=\"width: 1366px\" class=\"wp-caption alignnone\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-13322 size-full\" src=\"https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-3-1.jpg\" alt=\"\" width=\"1366\" height=\"768\" srcset=\"https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-3-1.jpg 1366w, https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-3-1-300x169.jpg 300w, https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-3-1-1024x576.jpg 1024w, https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-3-1-768x432.jpg 768w, https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-3-1-600x337.jpg 600w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><figcaption id=\"caption-attachment-13322\" class=\"wp-caption-text\">Hacer pruebas de tama\u00f1o de texto, para posteriormente repetirlo con diferentes interlineados es muy \u00fatil para tener una visualizaci\u00f3n clara de c\u00f3mo se leer\u00e1 una vez impreso.<\/figcaption><\/figure>\n<div><\/div>\n<p>En esencia, el tama\u00f1o del tipo debe estar en concordancia con el p\u00fablico al que se dirigir\u00e1 el texto, si es para adultos mayores, o\u00a0 lecturas largas, un tipo grande siempre ser\u00e1 agradable; para art\u00edculos y textos cortos dirigidos a p\u00fablicos m\u00e1s j\u00f3venes, asumiendo que a\u00fan no tienen la vista cansada, se pueden usar fuentes m\u00e1s retadoras.<\/p>\n<figure id=\"attachment_13313\" aria-describedby=\"caption-attachment-13313\" style=\"width: 1366px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-13313 size-full\" src=\"https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-2.jpg\" alt=\"\" width=\"1366\" height=\"590\" srcset=\"https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-2.jpg 1366w, https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-2-300x130.jpg 300w, https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-2-1024x442.jpg 1024w, https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-2-768x332.jpg 768w, https:\/\/www.tipomx.org\/em\/wp-content\/uploads\/2021\/04\/01-10-reglas-2-600x259.jpg 600w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><figcaption id=\"caption-attachment-13313\" class=\"wp-caption-text\">En este ejemplo se muestran diferentes espec\u00edmenes de la letra a, todas compuestas al mismo tama\u00f1o pero en diferentes fuentes. Es muy notoria la diferencia de tama\u00f1os que hay entre ellas, que se da principalmente por el eje x, que es el que marca la altura de la fuente.<\/figcaption><\/figure>\n<p>La importancia de la selecci\u00f3n tipogr\u00e1fica es sumamente relevante, ya que diferentes familias en el mismo puntaje da resultados diversos.<\/p>\n<p>La esencia de este punto es no dejarse llevar por las disposiciones que se dan por omisi\u00f3n en programas de autoedici\u00f3n. Minion en 12 puntos es buena opci\u00f3n, pero el lugar com\u00fan por defecto y vale la pena dominar los espacios bajo una perspectiva del producto final, no tanto de lo que se da por sentado.<\/p>\n<h2><b>3. Aplica correctamente la tipograf\u00eda<\/b><\/h2>\n<p>Un buen dise\u00f1ador sabe usar la tipograf\u00eda. Tener un gusto por dise\u00f1o editorial pero no por la tipograf\u00eda es una contradicci\u00f3n. Hay que sensibilizarse en el manejo tipogr\u00e1fico: c\u00f3mo seleccionarla y aplicarla, c\u00f3mo se comportar\u00e1 en el texto, \u00bfser\u00e1 legible al lector? \u00bfSe cansar\u00e1 despu\u00e9s de leerla prolongadamente? \u00bfTendr\u00e1 problemas en la impresi\u00f3n? \u00bfSer\u00e1 legible en la pantalla de un tel\u00e9fono? \u00bfTiene todos los caracteres que necesito para trabajar en espa\u00f1ol?<\/p>\n<p>Por ello, para resolver gran parte de las interrogantes, es necesario hacer el ejercicio descrito en el punto 2, las pruebas nos ayudar\u00e1n a minimizar riesgos y por lo mismo, la selecci\u00f3n tipogr\u00e1fica requiere de mayor atenci\u00f3n a la que comunmente se le da. Una misma letra en Helvetica o Garamond puede presentar enorme diferencia, como en la siguiente imagen, y dif\u00edcilmente podremos visualizarla sobre nuestro mismo proyecto.<\/p>\n<h2><b>4. Comienza tu archivo como original mec\u00e1nico<\/b><\/h2>\n<p>Un caso t\u00edpico: el proyecto est\u00e1 un d\u00eda atrasado porque le han hecho correcciones de \u00faltimo momento y la imprenta no deja de llamar presion\u00e1ndote para que lo entregues a producci\u00f3n. Una vez aprobado comienzas a convertirlo en original mec\u00e1nico, le pones los rebases, revisas los tama\u00f1os y resoluci\u00f3n de las im\u00e1genes, terminas los folios y lo env\u00edas a producci\u00f3n en menos de media hora. Cuando sale impreso te das cuenta que hay muchos detalles que se te fueron por la presi\u00f3n de la entrega.<\/p>\n<p>Eso es un problema grande que tiene muchas explicaciones no tanto relacionadas con tus conocimientos sobre como armar un original mec\u00e1nico. El problema es que cuando lo hiciste, el tiempo lo ten\u00edas encima as\u00ed como la presi\u00f3n constante de tu cliente y la imprenta. Pocas veces tenemos oportunidad de dar una \u00faltima revisi\u00f3n lo suficientemente consciente, adem\u00e1s del vicio de haberlo visto demasiado\u00a0 y por lo mismo, los errores no saltan f\u00e1cilmente a nuestra vista.<\/p>\n<p>El mejor consejo para esto es que desde el principio trates tu archivo final como si ya estuvieras armando un original mec\u00e1nico. Ded\u00edcate a hacer los rebases correspondientes y a revisar las im\u00e1genes desde que comienzas a aplicar el dise\u00f1o, de esta forma reduces considerablemente el margen de error producido por la presi\u00f3n el d\u00eda de la entrega. Ll\u00e9vate este proceso al momento en que aun puedes dominar perfectamente cualquier inconveniente.<\/p>\n<h2><b>5. Mant\u00e9n un solo estilo<\/b><\/h2>\n<p>Este es un descuido recurrente, especialmente cuando manejas textos independientes o que se encuentran separados por im\u00e1genes de forma reiterativa. Para lograr mantener un estilo \u00fanico es necesario realizar un planteamiento claro del dise\u00f1o antes de ejecutarlo. Seleccionar la tipograf\u00eda cuidadosamente y el formato de los textos: tama\u00f1o, interl\u00ednea, alineaci\u00f3n. Tambi\u00e9n es importante que plantees el espacio entre p\u00e1rrafos y combinarlo con sangr\u00edas (excepto en el primer p\u00e1rrafo del texto, que usualmente no lleva). Si usas un espacio grande, entonces suprime las sangr\u00edas y si no dejas espacios entre p\u00e1rrafos, entonces s\u00ed col\u00f3cala, preferentemente de un cuadrat\u00edn, es decir, del mismo tama\u00f1o de la tipograf\u00eda que est\u00e1s usando. El secreto es la constancia en todos estos aspectos a lo largo de tu publicaci\u00f3n.<\/p>\n<p>Todos estos detalles pueden englobarse en un adecuado manejo de los estilos de p\u00e1rrafo y car\u00e1cter en los programas de autoedici\u00f3n. Los ajustes de acoplamiento (<em>kerning<\/em>)\u00a0 e interletraje (<em>tracking<\/em>), suelen controlarse mucho mejor mediante las automatizaciones que representa usar los estilos.<\/p>\n<p>Minimiza el n\u00famero de fuentes. Massimo Vignelli \u2014uno de los dise\u00f1adores m\u00e1s notables del siglo XX\u2014 afirmaba que con solo cinco familias pod\u00edas resolver cualquier dise\u00f1o. Hoy existen muchas opciones como para circunscribirse a opciones tan limitadas, pero encontrar la tipograf\u00eda (o tipograf\u00edas) perfectas para un proyecto, implica ir m\u00e1s all\u00e1 de la sensaci\u00f3n de estar dando bandazos usando todas las fuentes disponibles. Realmente puedes plantear el dise\u00f1o de una publicaci\u00f3n pensando en una sola fuente \u2014con sus respectivas variantes\u2014 y cambiarla en los t\u00edtulos, subt\u00edtulos, balazos, tablas y textos alternos. Dicho en otras palabras, puedes hacer una publicaci\u00f3n usando solo Frutiger, por ejemplo, y que no se sienta repetitivo o aburrido, solo es cuesti\u00f3n de creatividad.<\/p>\n<p>Cuida igualmente el ancho de las columnas. Aunque las cajas de textos sean m\u00f3viles, el ancho apretado de una columna te ayudar\u00e1 a dar uniformidad al dise\u00f1o y minimizar r\u00edos, viudas y hu\u00e9rfanas, mientras que una columna generosa solo traer\u00e1 cansancio para el lector.<\/p>\n<h2><b>6. Cuida tu ortograf\u00eda<\/b><\/h2>\n<p>Siempre he dicho que un dise\u00f1ador serio sabe ortograf\u00eda. Si la tuya es mala siempre estar\u00e1s expuesto a correcciones vergonzosas. Y peor a\u00fan, si no hay alguien que revise tus trabajos antes de producirlos, a la verg\u00fcenza se sumar\u00e1n problemas graves con tus clientes as\u00ed como cr\u00edticas brutales de los usuarios finales. Un dise\u00f1ador no puede darse el lujo de tener mala ortograf\u00eda, de no conocer las reglas m\u00e1s elementales del espa\u00f1ol as\u00ed como los estilos de redacci\u00f3n.<\/p>\n<p>\u00bfC\u00f3mo puedes mejorar tu ortograf\u00eda? Lo mejor es leyendo, es la forma m\u00e1s r\u00e1pida e intuitiva. Un curso sobre el tema te servir\u00e1 para resolver situaciones muy complicadas. Adem\u00e1s siempre es importante tengas tu diccionario a la mano o bien, un acceso directo a alg\u00fan diccionario en l\u00ednea, y si es de ortotipograf\u00eda, mucho mejor.<\/p>\n<h2><b>7. Boceta<\/b><\/h2>\n<p>Llevamos m\u00e1s de treinta a\u00f1os dise\u00f1ando en computadoras, proporcionalmente al tiempo y la cantidad de dise\u00f1adores que han dejado de lado el uso de cuadernos de bocetos y trazados a manos para dar forma a sus proyectos gr\u00e1ficos. Entendiendo el bocetaje como un primer acercamiento libre a pr\u00e1cticamente cualquier idea, es darle forma a nuestras ideas sin la limitante propia de un programa. No estamos sujetos a crear ideas terminadas distray\u00e9ndonos en l\u00edneas perfectas, familias tipogr\u00e1ficas o vectores bien calibrados, podemos dejar ideas a la mitad, hacer pruebas sin fin, acercamientos de menos a m\u00e1s en cuanto a calidad, teniendo como herramienta primaria solo papel y l\u00e1piz, sin correos saltando del men\u00fa o mensajes electr\u00f3nicos que nos distraen a cada rato.<\/p>\n<p>El bocetaje trae impl\u00edcita la libertad, y por lo mismo, la exploraci\u00f3n libre, antes de present\u00e1rselas a la computadora.<\/p>\n<h2><b>8. Cuida las manchas tipogr\u00e1ficas<\/b><\/h2>\n<p>La Biblia de Gutenberg, el primer libro impreso, ten\u00eda como caracter\u00edstica una marcha tipogr\u00e1fica uniforme y muy est\u00e9tica. Con el paso del tiempo, los tipos de letra se han adelgazado y limpiado. Los pesados y complicados remates se convirtieron en patines, que cada vez se hicieron m\u00e1s discretos hasta que hoy han desaparecido en m\u00e1s de la mitad de las fuentes que existen. Al mismo tiempo la mancha tipogr\u00e1fica se ha ido contaminando con r\u00edos, balazos, l\u00edneas ladronas, viudas y hu\u00e9rfanas, los programas de autoedici\u00f3n presumen manejos mucho m\u00e1s avanzados para controlar una plasta de letras con uniformidad y balance.<\/p>\n<p>Pocas veces nos detenemos a pensar que el verdadero origen de estos desperfectos est\u00e1 desde la selecci\u00f3n tipogr\u00e1fica, el tama\u00f1o del tipo, la interl\u00ednea y todas las variantes que requiere el texto. De ah\u00ed la importancia de los puntos 3 y 4 de este texto, todos los elementos funcionando org\u00e1nicamente, en armon\u00eda.<\/p>\n<h2><b>9. Explota los sistemas y herramientas<\/b><\/h2>\n<p>Puedes importar texto a InDesign desde un documento Word o bien puedes usar copy\/paste. Con la primera opci\u00f3n te ahorrar\u00edas asignar estilos al texto, mientras que con la segunda los traer\u00e1s completamente desnudos. Igual las im\u00e1genes, importarlas a trav\u00e9s del <em>clipboard<\/em> (portapapeles) pierdes la liga con el archivo original y con ello, la posibilidad de regresar a \u00e9l para editarlo.<\/p>\n<p>Aunque en un principio resulta muy c\u00f3modo, los beneficios globales que le aportas a tu documento son agradecidas sobre la marcha, donde el grueso del trabajo t\u00e9cnico lo llevas del final al inicio del proyecto, y puedes aligerar el cierre con distractores que terminas siempre odiando.<\/p>\n<p>Usar los sistemas de medici\u00f3n en picas, asignar estilos de p\u00e1rrafo, no caer en soluciones baratas que a la larga provocar\u00e1n que cualquier cambio descomponga la prosa o el cuerpo del texto, aprender los comandos en lugar de buscarlos en los men\u00fas, estar actualizados sobre las adiciones que se hacen anualmente a los programas y mejorar nuestras metodolog\u00edas y procesos siempre son recompensados con mejores trabajos, m\u00e1s limpios y funcionales, no solo en su aspecto final, sino desde sus entra\u00f1as.<\/p>\n<h2><b>10. Jerarquiza<\/b><\/h2>\n<p>Es impresionante c\u00f3mo cambia la visi\u00f3n de cualquier producto editorial cuando lo analizamos bajo los ojos del lector. A \u00e9l le cansan los textos calados con fondo negro a la segunda p\u00e1gina, las fuentes sobreadornadas, los m\u00e1rgenes reducidos y los textos desarticulados que le interrumpen la lectura.<\/p>\n<p>Si logramos entender las fases en las que se encuentra el lector cuando se acerca a un libro o cualquier producto impreso, nos daremos cuenta que a veces jugamos el papel de publicista, cuando queremos impactarlo con un buen dise\u00f1o en la cubierta, o a la entrada de un art\u00edculo de revista y posteriormente cambiar de ritmo, ofreci\u00e9ndole la comodidad de la lectura, darle prioridad a la lecturabilidad, a una fuente \u00abinvisible\u00bb, a que pueda perderse en la lectura sin razonar el dise\u00f1o que tiene en las manos.<\/p>\n<p>Entender la jerarqu\u00eda de la informaci\u00f3n, la forma de contar una historia \u2014el <em>storytelling<\/em>, pues\u2014 es renunciar al ego de mostrar creatividad desbordada y a veces exagerada, para balancear correctamente el dise\u00f1o y las fases de lectura.<\/p>\n<div><\/div>\n<div><\/div>\n<div>Seguramente esta reflexi\u00f3n arrojar\u00e1 una serie de nuevas reglas o \u00e9nfasis en las m\u00e1s b\u00e1sicas. Bienvenidas todas las adiciones a este tema.<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><em>Mario Balc\u00e1zar Amador es dise\u00f1ador gr\u00e1fico con maestr\u00eda en dise\u00f1o editorial, profesor de tipograf\u00eda y editorial en la Universidad An\u00e1huac y director de MBA Estudio de Dise\u00f1o desde 1999. mbaestudio.com IG: @mbaestudio<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o editorial es una de las ramas m\u00e1s completas en el \u00e1mbito gr\u00e1fico, requiere no solamente de una buena dosis de creatividad sino de una t\u00e9cnica refinada que lleva impl\u00edcito utilizar los programas apropiados, de la manera correcta, as\u00ed como de sistemas de producci\u00f3n y publicaci\u00f3n eficientes.<\/p>\n","protected":false},"author":3,"featured_media":13314,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6667],"tags":[6661,6662,6665,6664,6666,6663],"class_list":["post-13311","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-editorial","tag-diseno-editorial","tag-editorial","tag-fuente","tag-parrafo","tag-reglas","tag-tipografia"],"_links":{"self":[{"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/posts\/13311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/comments?post=13311"}],"version-history":[{"count":11,"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/posts\/13311\/revisions"}],"predecessor-version":[{"id":13331,"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/posts\/13311\/revisions\/13331"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/media\/13314"}],"wp:attachment":[{"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/media?parent=13311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/categories?post=13311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tipomx.org\/em\/wp-json\/wp\/v2\/tags?post=13311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}