{"id":15406,"date":"2019-05-29T09:50:51","date_gmt":"2019-05-29T07:50:51","guid":{"rendered":"https:\/\/www.diedruckerei.de\/magazin\/?p=15406"},"modified":"2025-04-28T16:22:49","modified_gmt":"2025-04-28T14:22:49","slug":"estructura-de-paginas","status":"publish","type":"post","link":"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/","title":{"rendered":"Curso intensivo de estructura de p\u00e1ginas: as\u00ed puedes dise\u00f1ar layouts arm\u00f3nicos"},"content":{"rendered":"<p>La estructura de la p\u00e1gina tiene un determinado efecto en el producto impreso o en el layout de una p\u00e1gina en la pantalla. Es por ello que, al comenzar a ocuparse del dise\u00f1o, es recomendable hacerlo tambi\u00e9n con la estructura de una p\u00e1gina. A continuaci\u00f3n te explicamos las diversas posibilidades y ponemos a tu disposici\u00f3n plantillas gratuitas para descargarlas.<\/p>\n<p><!--more--><\/p>\n<p>Seguro que conoces los dos extremos: la publicidad \u00ablow cost\u00bb repleta de contenidos hasta los bordes y sobre un papel de peri\u00f3dico gris y fino, y el elegante folleto en formato apaisado en papel cuch\u00e9 brillante con mucho espacio para publicitar ba\u00f1os de lujo.<\/p>\n<p>Hay diferentes componentes que influyen en el efecto de esta publicidad impresa, como el papel (es decir, el tacto), pero tambi\u00e9n el dise\u00f1o con la fuente, el color y las im\u00e1genes; as\u00ed como la cantidad de espacio libre dentro y alrededor del dise\u00f1o.<\/p>\n<p>Cualquier dise\u00f1o se encuentra dentro de un marco, en este caso el marco en el que est\u00e1 \u00abimpreso\u00bb el papel o la pantalla. A esto nos referimos con <strong>estructura de una p\u00e1gina<\/strong>. Esta influye en el resultado final, tanto si es fruto de una decisi\u00f3n consciente como si surge de forma casual. Por supuesto, siempre es recomendable, al comenzar cualquier dise\u00f1o, reflexionar un poco sobre el tama\u00f1o y la colocaci\u00f3n en la estructura de una p\u00e1gina, as\u00ed como sobre la superficie imprimible.<\/p>\n<h2>Resumen de art\u00edculos<\/h2>\n<ul>\n<li><u><a href=\"#1\">Tipos de layouts de una p\u00e1gina<\/a><\/u><\/li>\n<li><u><a href=\"#2\">La proporci\u00f3n \u00e1urea al detalle<\/a><\/u><\/li>\n<li><u><a href=\"#3\">Construcci\u00f3n lineal o diagonal<\/a><\/u><\/li>\n<li><u><a href=\"#4\">Secuencias num\u00e9ricas sencillas<\/a><\/u><\/li>\n<li><u><a href=\"#5\">El m\u00e9todo ternario<\/a><\/u><\/li>\n<li><u><a href=\"#6\">Ret\u00edculas<\/a><\/u><\/li>\n<li><u><a href=\"#7\">Un ejemplo<\/a><\/u><\/li>\n<li><u><a href=\"#8\">Ret\u00edculas con InDesign<\/a><\/u><\/li>\n<li><u><a href=\"#9\">Estructura de una p\u00e1gina y mostrar<\/a><\/u><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\"><u><a href=\"#templates\">&gt;&gt;&gt; Plantillas de layouts para descarga gratuita &lt;&lt;&lt;<\/a><\/u><\/span><\/p>\n<p><a name=\"1\"><\/a><\/p>\n<h2>Resumen de los m\u00e9todos de estructura de una p\u00e1gina<\/h2>\n<ul>\n<li><strong>La proporci\u00f3n \u00e1urea<\/strong><br \/>\nEl m\u00e9todo cl\u00e1sico, cuyo origen se remonta al Renacimiento, se llama \u00abproporci\u00f3n \u00e1urea\u00bb. La proporci\u00f3n \u00e1urea se puede utilizar para diferentes distribuciones del espacio, as\u00ed como para determinar la estructura de una p\u00e1gina o el tama\u00f1o del papel. La sucesi\u00f3n num\u00e9rica de Fibonacci est\u00e1 estrechamente relacionada con la proporci\u00f3n \u00e1urea.<\/li>\n<li><strong>La construcci\u00f3n lineal (tambi\u00e9n: construcci\u00f3n diagonal)<\/strong><br \/>\nEn la construcci\u00f3n lineal se trabaja con diagonales, que a primera vista parecen una pesadilla matem\u00e1tica, pero como muy tarde tras utilizarlas tres veces se realizan sin esfuerzo, y que representan una buena alternativa a la proporci\u00f3n \u00e1urea.<\/li>\n<li><strong>La sencilla secuencia num\u00e9rica<\/strong><br \/>\nAqu\u00ed puede ayudar la secuencia num\u00e9rica 2:3:4:5 o 2:3:4:6, con la que se definen las proporciones de los m\u00e1rgenes.<\/li>\n<li><strong>El m\u00e9todo ternario<\/strong><br \/>\nEl m\u00e9todo ternario es otro eficaz medio para alcanzar r\u00e1pida y f\u00e1cilmente el objetivo, sin embargo el resultado no se puede escalar directamente.<\/li>\n<\/ul>\n<h2>Lo b\u00e1sico en la estructura de una p\u00e1gina<\/h2>\n<p>Cuando bajo los objetos hay m\u00e1s espacio en blanco que sobre ellos, se transmite una zona central y un equilibrio espacial. De esta forma, la percepci\u00f3n de d\u00f3nde se encuentra el centro se sit\u00faa siempre un poco por encima del verdadero centro. Este hecho se tiene en cuenta en todos los tipos de construcciones.<\/p>\n<p>El layout de una p\u00e1gina suele encontrarse horizontalmente en el centro. En documentos de varias p\u00e1ginas debes tener en cuenta que el lector siempre estar\u00e1 viendo dos p\u00e1ginas situadas una al lado de la otra y, por ello, el llamado <strong>margen interior<\/strong>, se ver\u00e1 doble. Por ello, en documentos de dos p\u00e1ginas, el margen interior suele tener aproximadamente la mitad de anchura que el margen exterior. Tambi\u00e9n hay que tener en cuenta el margen superior, la superficie en blanco por encima de la superficie impresa, y el margen inferior en el borde inferior.<\/p>\n<figure id=\"attachment_15492\" aria-describedby=\"caption-attachment-15492\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-tipo-de-area.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15492 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-tipo-de-area-1024x721.jpg\" alt=\"Diagrama que ilustra la disposici\u00f3n de una p\u00e1gina con dos p\u00e1ginas adyacentes, cada una etiquetada con m\u00e1rgenes superior, inferior, exterior e interior. Esta disposici\u00f3n muestra c\u00f3mo se organizan t\u00edpicamente los m\u00e1rgenes en un libro o documento.\" width=\"696\" height=\"490\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-tipo-de-area-1024x721.jpg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-tipo-de-area-300x211.jpg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-tipo-de-area-768x541.jpg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-tipo-de-area-100x70.jpg 100w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-tipo-de-area-696x490.jpg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-tipo-de-area-1068x752.jpg 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-tipo-de-area-596x420.jpg 596w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-tipo-de-area.jpg 1127w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15492\" class=\"wp-caption-text\">M\u00e1rgenes y estructura de una p\u00e1gina<\/figcaption><\/figure>\n<p><a name=\"2\"><\/a><\/p>\n<h2>Estructura de una p\u00e1gina con proporci\u00f3n \u00e1urea y Fibonacci<\/h2>\n<p>Encontramos la proporci\u00f3n \u00e1urea en la arquitectura, la pintura, la escultura y la naturaleza. Nos ayuda a distribuir y dividir superficies y segmentos de forma armoniosa. \u00bfSab\u00edas que la proporci\u00f3n entre letras may\u00fasculas y min\u00fasculas en muchas fuentes se basa en la proporci\u00f3n \u00e1urea? En la proporci\u00f3n \u00e1urea el segmento m\u00e1s peque\u00f1o es al grande como el grande a la totalidad del segmento.<\/p>\n<p>La sucesi\u00f3n num\u00e9rica de Fibonacci est\u00e1 estrechamente relacionada con la proporci\u00f3n \u00e1urea y puede ser utilizada como base para encontrar m\u00e1s f\u00e1cilmente la estructura de una p\u00e1gina seg\u00fan las \u00abproporciones divinas\u00bb. Esta sucesi\u00f3n es: 1, 1, 2, 3, 5, 8, 13, 21, 34, etc. Aqu\u00ed cada t\u00e9rmino es la suma de los dos anteriores. Ejemplo: el 5 sumado a la anterior cifra, 3, da como resultado 8.<\/p>\n<p>Vamos a utilizar ahora esta sucesi\u00f3n num\u00e9rica en la estructura de una p\u00e1gina doble. Aqu\u00ed no se toma exactamente para definir la estructura de una p\u00e1gina, sino para definir los m\u00e1rgenes y, con ello, las proporciones de estructura de la p\u00e1gina.<\/p>\n<p>El margen interior suele ser el m\u00e1s peque\u00f1o. Despu\u00e9s el tama\u00f1o del margen crece en el sentido de las agujas del reloj en una p\u00e1gina derecha y en sentido contrario a las agujas del reloj en una izquierda. Si transmitimos la sucesi\u00f3n num\u00e9rica al tama\u00f1o de los m\u00e1rgenes, resultan 2 unidades para el margen interior, 3 unidades para el margen superior, 5 unidades para el margen exterior y 8 unidades para el margen inferior. El tama\u00f1o de las unidades se puede elegir libremente y se decide por la cantidad de contenido, el producto y el grupo objetivo.<\/p>\n<figure id=\"attachment_15486\" aria-describedby=\"caption-attachment-15486\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15486 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo-1024x721.jpg\" alt=\"El dise\u00f1o de una p\u00e1gina presenta dos rect\u00e1ngulos adyacentes, cada uno de 3x5 unidades, que encajan perfectamente dentro de un l\u00edmite de 8x5 unidades con un espacio preciso de 2 unidades entre ellos. Ambos rect\u00e1ngulos est\u00e1n rellenos de azul claro y delineados en morado, mientras que el l\u00edmite exterior y el espacio est\u00e1n marcados con medidas.\" width=\"696\" height=\"490\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo-1024x721.jpg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo-300x211.jpg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo-768x541.jpg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo-100x70.jpg 100w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo-696x490.jpg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo-1068x752.jpg 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo-596x420.jpg 596w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo.jpg 1127w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15486\" class=\"wp-caption-text\">Estructura de una p\u00e1gina seg\u00fan la proporci\u00f3n \u00e1urea<\/figcaption><\/figure>\n<p><a name=\"3\"><\/a><\/p>\n<h2>Estructura de una p\u00e1gina con la construcci\u00f3n lineal<\/h2>\n<p>Con este m\u00e9todo, las l\u00edneas diagonales crean una estructura de una p\u00e1gina en la que el tama\u00f1o final es variable. Primero describe dos l\u00edneas diagonales sobre la p\u00e1gina doble y, a continuaci\u00f3n, una l\u00ednea diagonal dentro de cada una de las p\u00e1ginas desde la parte inferior externa a la parte superior externa. Para el punto de partida superior izquierdo de la estructura de la p\u00e1gina, debes buscar un punto cualquiera en la diagonal dentro de la p\u00e1gina derecha. Sigue esta con una l\u00ednea horizontal hacia la derecha hasta encontrarte con la diagonal de la p\u00e1gina doble. Desde ah\u00ed debes ir verticalmente hacia abajo hasta encontrarte de nuevo con la diagonal de la p\u00e1gina individual y, a partir de ah\u00ed, cierra el rect\u00e1ngulo con una l\u00ednea horizontal. Puede que suene un poco confuso, pero la siguiente ilustraci\u00f3n lo aclara r\u00e1pidamente.<\/p>\n<p>Puedes cambiar en cualquier momento el tama\u00f1o de la estructura de la p\u00e1gina desplazando el punto de partida superior izquierdo en la diagonal de la p\u00e1gina derecha hacia arriba o hacia abajo. Si lo desplazas hacia arriba la estructura de la p\u00e1gina ser\u00e1 m\u00e1s grande, si lo desplazas hacia abajo m\u00e1s peque\u00f1a, pero siempre manteniendo las proporciones.<\/p>\n<figure id=\"attachment_15483\" aria-describedby=\"caption-attachment-15483\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15483 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-1024x721.jpg\" alt=\"El dise\u00f1o de una p\u00e1gina se representa con dos rect\u00e1ngulos azul claro sobre fondo blanco, enmarcados por un borde gris. Dos c\u00edrculos rojos, etiquetados como &quot;punto de partida&quot;, se ubican en las esquinas superiores, y l\u00edneas azul claro se extienden en diagonal y se intersecan en el centro.\" width=\"696\" height=\"490\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-1024x721.jpg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-300x211.jpg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-768x541.jpg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-100x70.jpg 100w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-696x490.jpg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-1068x752.jpg 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-596x420.jpg 596w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales.jpg 1127w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15483\" class=\"wp-caption-text\">Estructura de una p\u00e1gina con diagonales<\/figcaption><\/figure>\n<h3>Plan B<\/h3>\n<p>Si necesitas ayuda con el tama\u00f1o, puedes utilizar otra l\u00ednea que te ayude a tomar esta decisi\u00f3n: tras realizar las cuatro l\u00edneas diagonales, traza una l\u00ednea vertical en el punto en el que se cruzan la diagonal de la p\u00e1gina doble con la diagonal de cada una de las p\u00e1ginas y ll\u00e9vala hacia arriba hasta el borde de la p\u00e1gina. Desde ah\u00ed traza otra l\u00ednea hasta el punto de encuentro de la otra p\u00e1gina. Entonces se crea otro punto de encuentro entre la \u00faltima l\u00ednea y la diagonal de una p\u00e1gina; este es nuestro punto de partida superior izquierdo para el rect\u00e1ngulo de estructura de una p\u00e1gina.<\/p>\n<figure id=\"attachment_15484\" aria-describedby=\"caption-attachment-15484\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15484 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-b-1024x721.jpg\" alt=\"Un diagrama geom\u00e9trico con l\u00edneas y formas que se intersecan se asemeja al dise\u00f1o de una p\u00e1gina. Dos tri\u00e1ngulos superpuestos de color azul claro forman un rect\u00e1ngulo en el centro, mientras que un camino rosa parte de un punto etiquetado cerca de la parte superior y atraviesa el diagrama.\" width=\"696\" height=\"490\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-b-1024x721.jpg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-b-300x211.jpg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-b-768x541.jpg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-b-100x70.jpg 100w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-b-696x490.jpg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-b-1068x752.jpg 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-b-596x420.jpg 596w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-lineas-diagonales-b.jpg 1127w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15484\" class=\"wp-caption-text\">Diagonales de estructura de una p\u00e1gina<\/figcaption><\/figure>\n<p><a name=\"4\"><\/a><\/p>\n<h2>Estructura de una p\u00e1gina con la sucesi\u00f3n num\u00e9rica<\/h2>\n<p>Con las sucesiones num\u00e9ricas 2 3 4 5 y 2 3 4 6 se puede determinar f\u00e1cilmente el tama\u00f1o de los cuatro m\u00e1rgenes. Aqu\u00ed sin embargo no se tiene en cuenta la relaci\u00f3n de anchura y altura del papel. A pesar de ello, la utilizaci\u00f3n de las dos sucesiones num\u00e9ricas ofrece una soluci\u00f3n r\u00e1pida y, a menudo, respetable.<\/p>\n<figure id=\"attachment_15489\" aria-describedby=\"caption-attachment-15489\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numeros.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15489 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numeros-1024x721.jpg\" alt=\"Dos rect\u00e1ngulos adyacentes de color azul claro, cada uno con una etiqueta de 3 unidades de ancho y 4 de alto, resaltan el dise\u00f1o de una p\u00e1gina. Una etiqueta central indica &quot;2 unidades&quot; dos veces, lo que indica un espacio. El ancho inferior de cada rect\u00e1ngulo est\u00e1 marcado como 5 unidades, lo que contribuye a su estructura organizada.\" width=\"696\" height=\"490\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numeros-1024x721.jpg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numeros-300x211.jpg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numeros-768x541.jpg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numeros-100x70.jpg 100w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numeros-696x490.jpg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numeros-1068x752.jpg 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numeros-596x420.jpg 596w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numeros.jpg 1127w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15489\" class=\"wp-caption-text\">Layout de una p\u00e1gina<\/figcaption><\/figure>\n<p><a name=\"5\"><\/a><\/p>\n<h2>Estructura de una p\u00e1gina con el m\u00e9todo ternario<\/h2>\n<p>El m\u00e9todo ternario consiste en dividir la p\u00e1gina en nueve partes de forma vertical y horizontal. A continuaci\u00f3n se dejan una parte libre en el borde superior e interior y dos partes en el borde exterior e inferior. La desventaja de este m\u00e9todo es que la anchura del margen no es escalable con un tama\u00f1o de estructura de p\u00e1gina relativamente peque\u00f1o y, con ello, tambi\u00e9n fijo.<\/p>\n<figure id=\"attachment_15494\" aria-describedby=\"caption-attachment-15494\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15494 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9-1024x721.jpeg\" alt=\"Se presenta un dise\u00f1o de cuadr\u00edcula en dos p\u00e1ginas adyacentes. Cada p\u00e1gina presenta una cuadr\u00edcula de 5x6 con rect\u00e1ngulos azul claro, espaciados uniformemente sobre un fondo blanco. Las cuadr\u00edculas son id\u00e9nticas y est\u00e1n alineadas sim\u00e9tricamente, ofreciendo una experiencia visual fluida.\" width=\"696\" height=\"490\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9-1024x721.jpeg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9-300x211.jpeg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9-768x541.jpeg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9-100x70.jpeg 100w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9-696x490.jpeg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9-1068x752.jpeg 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9-596x420.jpeg 596w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9.jpeg 1127w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15494\" class=\"wp-caption-text\">Estructura de p\u00e1gina ternaria<\/figcaption><\/figure>\n<p><a name=\"6\"><\/a><\/p>\n<h2>Las ret\u00edculas<\/h2>\n<p>Mientras que nuestra estructura de p\u00e1gina o la anchura de los m\u00e1rgenes determinan los bordes exteriores, dentro de la estructura de la p\u00e1gina existe un vac\u00edo. En proyectos extensos con contenidos peque\u00f1os o en documentos de varias p\u00e1ginas necesitamos tambi\u00e9n dentro del layout de la p\u00e1gina una estructura: las <strong>cuadr\u00edculas<\/strong>.<\/p>\n<p>Las cuadr\u00edculas dividen la superficie de la p\u00e1gina de forma horizontal y vertical en cuadros que ayudan a estructurar textos e im\u00e1genes.<\/p>\n<h3>Divisi\u00f3n horizontal<\/h3>\n<p>Empecemos con la divisi\u00f3n horizontal. Esta se realiza con una <strong>columna de cuadr\u00edculas<\/strong> que divide el texto en varias columnas, adem\u00e1s del interlineado. En este ejemplo trabajamos con una anchura de papel de 200\u00a0mm y una estructura de p\u00e1gina con construcci\u00f3n diagonal. Las medidas de la estructura de p\u00e1gina resultantes son<\/p>\n<pre>161 x 224,5 mm<\/pre>\n<p>El ancho de la estructura de la p\u00e1gina se divide en tres columnas de texto con una anchura de 50,3\u00a0mm y un interlineado de 5\u00a0mm.<\/p>\n<figure id=\"attachment_15479\" aria-describedby=\"caption-attachment-15479\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-celdas-cuadricula.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15479 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-celdas-cuadricula-1024x721.jpeg\" alt=\"Dise\u00f1o de p\u00e1gina con dos secciones: la izquierda presenta un gran rect\u00e1ngulo azul claro, mientras que la derecha presenta 15 cuadrados azules m\u00e1s peque\u00f1os, organizados en una cuadr\u00edcula ordenada de 3x5. El fondo blanco n\u00edtido complementa ambos elementos a la perfecci\u00f3n.\" width=\"696\" height=\"490\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-celdas-cuadricula-1024x721.jpeg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-celdas-cuadricula-300x211.jpeg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-celdas-cuadricula-768x541.jpeg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-celdas-cuadricula-100x70.jpeg 100w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-celdas-cuadricula-696x490.jpeg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-celdas-cuadricula-1068x752.jpeg 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-celdas-cuadricula-596x420.jpeg 596w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-celdas-cuadricula.jpeg 1127w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15479\" class=\"wp-caption-text\">Celdas de cuadr\u00edculas en la estructura de una p\u00e1gina<\/figcaption><\/figure>\n<h3>Divisi\u00f3n vertical<\/h3>\n<p>En la vertical es la altura de la estructura de la p\u00e1gina la que fija primero la altura de la columna, la cual debe ser un m\u00faltiplo de la cuadr\u00edcula base, es decir, del interlineado del texto base. Esta altura debe ser tambi\u00e9n dividida, lo que hace que se creen las celdas. La altura de las celdas suele depender de la anchura de las celdas y debe formar un formato apaisado arm\u00f3nico. A menudo, el formato de imagen m\u00e1s peque\u00f1o sirve como patr\u00f3n para el tama\u00f1o de la celda. La altura de las celdas debe permitir que varias celdas superpuestas acaben exactamente en el borde inferior de la estructura de la p\u00e1gina. De modo que la altura de la estructura de la p\u00e1gina es tambi\u00e9n siempre un m\u00faltiplo de la altura de las celdas de cuadr\u00edculas.<\/p>\n<h3>Celdas de cuadr\u00edculas<\/h3>\n<p>Las celdas creadas llenan ahora por completo la estructura de la p\u00e1gina y nos ayudan a colocar objetos en el fondo, as\u00ed como a determinar tama\u00f1os. Las im\u00e1genes o los recuadros de un texto se mueven ahora en dimensiones de celdas de cuadr\u00edculas. La imagen o el recuadro m\u00e1s peque\u00f1o tiene el tama\u00f1o de una celda, las im\u00e1genes m\u00e1s grandes son siempre un m\u00faltiplo de la celda.<\/p>\n<figure id=\"attachment_15482\" aria-describedby=\"caption-attachment-15482\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-grid-celdas-cuadricula-ejemplo.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15482 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-grid-celdas-cuadricula-ejemplo-1024x721.jpeg\" alt=\"El dise\u00f1o creativo de una p\u00e1gina presenta un llamativo rect\u00e1ngulo azul a la izquierda y una cuadr\u00edcula de cuadrados en la parte superior derecha. Debajo, texto en alem\u00e1n acompa\u00f1a el titular en negrita &quot;T\u00edtulo y as\u00ed sucesivamente&quot;, mientras que un peque\u00f1o rect\u00e1ngulo naranja le da un toque especial en la parte inferior derecha.\" width=\"696\" height=\"490\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-grid-celdas-cuadricula-ejemplo-1024x721.jpeg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-grid-celdas-cuadricula-ejemplo-300x211.jpeg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-grid-celdas-cuadricula-ejemplo-768x541.jpeg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-grid-celdas-cuadricula-ejemplo-100x70.jpeg 100w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-grid-celdas-cuadricula-ejemplo-696x490.jpeg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-grid-celdas-cuadricula-ejemplo-1068x752.jpeg 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-grid-celdas-cuadricula-ejemplo-596x420.jpeg 596w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-grid-celdas-cuadricula-ejemplo.jpeg 1127w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15482\" class=\"wp-caption-text\">Ejemplo de disposici\u00f3n de un art\u00edculo dentro de la estructura de una p\u00e1gina con ayuda de las celdas de cuadr\u00edculas<\/figcaption><\/figure>\n<p>Regla general: cuanto m\u00e1s peque\u00f1as sean las celdas m\u00e1s flexibilidad a la hora de dise\u00f1ar, pero la distribuci\u00f3n de los objetos ser\u00e1 tambi\u00e9n m\u00e1s ca\u00f3tica. Si las celdas de cuadr\u00edculas son demasiado peque\u00f1as pierden su utilidad.<\/p>\n<p><a name=\"7\"><\/a><\/p>\n<h2>Ejemplo de c\u00e1lculo de estructura de una p\u00e1gina<\/h2>\n<p>Te ofrecemos un ejemplo para aclarar c\u00f3mo se calcula la estructura de una p\u00e1gina. Tambi\u00e9n se muestra que no siempre se puede calcular al mil\u00edmetro, sino que, en lugar de eso, se debe mantener flexible la estructura de una p\u00e1gina junto con el dise\u00f1o de las cuadr\u00edculas. Partimos de las siguientes premisas:<\/p>\n<p><strong>Formato del papel<\/strong>: 200\u00a0x\u00a0280\u00a0mm<br \/>\n<strong>Texto<\/strong>: Tama\u00f1o de fuente 9 puntos, interlineado 12 puntos<\/p>\n<p>Seg\u00fan los borradores de estructura de una p\u00e1gina anteriormente presentados, la altura aproximada de nuestra estructura de p\u00e1gina est\u00e1 entre 210 y 230\u00a0mm. Con la\u00a0<u><a href=\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/#3\">construcci\u00f3n lineal<\/a><\/u>\u00a0, la altura de la estructura de p\u00e1gina alcanzar\u00eda 225\u00a0mm.<\/p>\n<p>Ahora dividimos la altura de 225\u00a0mm por los 12 puntos de la cuadr\u00edcula base, es decir 4,236\u00a0mm, lo que nos da 53,11. Pero necesitamos un m\u00faltiplo exacto de nuestra cuadr\u00edcula base. De modo que redondeamos a 53 l\u00edneas y reducimos la altura de la estructura de p\u00e1gina a 53\u00a0x\u00a04,236\u00a0=\u00a0224,5\u00a0mm.<\/p>\n<p>Con 53 l\u00edneas podemos tener 6 cuadr\u00edculas de 8 l\u00edneas cada una m\u00e1s una l\u00ednea de separaci\u00f3n entre ellas. As\u00ed que tenemos 6 cuadr\u00edculas x 8 l\u00edneas = 48 l\u00edneas m\u00e1s 5 l\u00edneas de separaci\u00f3n = 53 l\u00edneas = 224,5\u00a0mm.<\/p>\n<p>As\u00ed que por ahora hemos calculado los siguientes valores para nuestra p\u00e1gina:<\/p>\n<ul>\n<li><strong>Cuadr\u00edculas<\/strong>: 6 cuadr\u00edculas de 8 l\u00edneas cada una<\/li>\n<li><strong>Distribuci\u00f3n<\/strong>: 53 l\u00edneas de 12 puntos cada una<\/li>\n<li><strong>Altura efectiva de la estructura de la p\u00e1gina:<\/strong> 224,5\u00a0mm<\/li>\n<\/ul>\n<p>\u00bfQu\u00e9 tama\u00f1o tienen los m\u00e1rgenes superior e inferior? Lo averiguaremos con el siguiente c\u00e1lculo:<br \/>\n280\u00a0mm (altura del papel) \u2013 224,5\u00a0mm (altura de la estructura de la p\u00e1gina) = 55,5\u00a0mm restantes para los m\u00e1rgenes superior e inferior.<\/p>\n<p>Las proporciones de los m\u00e1rgenes seg\u00fan\u00a0<u><a href=\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/#2\">Fibonacci<\/a><\/u>: 55,5\u00a0mm \/ 8 x 5 = 34,7\u00a0mm para el margen inferior; 20,8\u00a0mm para el margen superior; tambi\u00e9n podemos tomar las proporciones de los m\u00e1rgenes de la\u00a0<u><a href=\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/#3\">construcci\u00f3n lineal<\/a><\/u>, esto es, 37,1\u00a0mm para el margen inferior y 18,4\u00a0mm para el margen superior.<\/p>\n<ul>\n<li><strong>Margen superior:<\/strong> 18,4\u00a0mm<\/li>\n<li><strong>Margen inferior:<\/strong> 37,1\u00a0mm<\/li>\n<\/ul>\n<figure id=\"attachment_15478\" aria-describedby=\"caption-attachment-15478\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-calcular.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15478 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-calcular-1024x721.jpeg\" alt=\"Rect\u00e1ngulo azul dividido con tres paneles verticales a la izquierda y seis cuadrados m\u00e1s peque\u00f1os a la derecha, similar al dise\u00f1o de una p\u00e1gina. Superpuesto con l\u00edneas diagonales que forman una X a lo largo de toda la imagen y l\u00edneas horizontales en el fondo.\" width=\"696\" height=\"490\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-calcular-1024x721.jpeg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-calcular-300x211.jpeg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-calcular-768x541.jpeg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-calcular-100x70.jpeg 100w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-calcular-696x490.jpeg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-calcular-1068x752.jpeg 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-calcular-596x420.jpeg 596w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-calcular.jpeg 1127w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15478\" class=\"wp-caption-text\">C\u00e1lculo de la estructura de una p\u00e1gina<\/figcaption><\/figure>\n<p><a name=\"8\"><\/a><\/p>\n<h2>Generar dise\u00f1o de las cuadr\u00edculas en InDesign<\/h2>\n<p>En\u00a0<u><a href=\"https:\/\/www.onlineprinters.es\/blog\/tutoriales-indesign\/\">Adobe InDesign<\/a><\/u>\u00a0se determina la estructura de una p\u00e1gina con la anchura de los m\u00e1rgenes. Esta se puede introducir directamente al principio al crear los datos o m\u00e1s tarde una vez abierto el archivo.<\/p>\n<figure id=\"attachment_15477\" aria-describedby=\"caption-attachment-15477\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-ajustes.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15477 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-ajustes-1024x618.jpg\" alt=\"Captura de pantalla de una nueva ventana de configuraci\u00f3n de documento en Adobe InDesign, con opciones de dise\u00f1o de p\u00e1gina como tama\u00f1o de p\u00e1gina, columnas, m\u00e1rgenes y orientaci\u00f3n. En la parte superior, el mensaje principal dice: &quot;Empecemos algo nuevo&quot;.\" width=\"696\" height=\"420\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-ajustes-1024x618.jpg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-ajustes-300x181.jpg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-ajustes-768x464.jpg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-ajustes-696x420.jpg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-ajustes.jpg 1060w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15477\" class=\"wp-caption-text\">En InDesign, la estructura de una p\u00e1gina se puede crear al elaborar un documento&#8230;<\/figcaption><\/figure>\n<p>Si introduces los datos m\u00e1s tarde, debes tener en cuenta qu\u00e9 p\u00e1ginas est\u00e1n activas en el momento en el que abres el cuadro de di\u00e1logo, ya que solo se cambian los m\u00e1rgenes de <strong>las p\u00e1ginas abiertas<\/strong>.<\/p>\n<p>Si deseas configurar todas las p\u00e1ginas de tu documento, debes ir primero a una p\u00e1gina de muestra haciendo doble clic en el panel de p\u00e1gina, activar la segunda p\u00e1gina de muestra si quieres un documento de dos p\u00e1ginas y entonces abrir el cuadro de di\u00e1logo para ajustar los bordes en el men\u00fa\u00a0<span class=\"guideline\">Dise\u00f1o<\/span>\u00a0&gt;\u00a0<span class=\"guideline\">M\u00e1rgenes y columnasa<\/span>.<\/p>\n<figure id=\"attachment_15485\" aria-describedby=\"caption-attachment-15485\" style=\"width: 528px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-margenes-columnas.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15485 size-full\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-margenes-columnas.jpg\" alt=\"Captura de pantalla de un cuadro de configuraci\u00f3n de M\u00e1rgenes y Columnas. Muestra opciones para ajustar los m\u00e1rgenes superior, inferior, interior y exterior en el dise\u00f1o de una p\u00e1gina. Las funciones incluyen el n\u00famero de columna, el ajuste del tama\u00f1o del medianil y otros ajustes de dise\u00f1o con los botones Aceptar y Cancelar, adem\u00e1s de una casilla de verificaci\u00f3n Vista previa.\" width=\"528\" height=\"412\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-margenes-columnas.jpg 528w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-margenes-columnas-300x234.jpg 300w\" sizes=\"(max-width: 528px) 100vw, 528px\" \/><\/a><figcaption id=\"caption-attachment-15485\" class=\"wp-caption-text\">&#8230; pero se puede cambiar posteriormente<\/figcaption><\/figure>\n<h3>Crear cuadr\u00edculas en InDesign<\/h3>\n<p>Las cuadr\u00edculas se pueden crear con unas gu\u00edas. Tambi\u00e9n se pueden crear rect\u00e1ngulos claros. Lo mejor es ponerlos en una capa separada y bloquearla. Puedes visionarlos en cualquier momento para ayudarte en la colocaci\u00f3n y ocultarlos para la vista previa.<\/p>\n<p><a name=\"9\"><\/a><\/p>\n<h2>Casos especiales<\/h2>\n<p>En determinadas circunstancias la estructura de una p\u00e1gina, as\u00ed como las cuadr\u00edculas, deben respetar ciertos requisitos. Normalmente esto ocurre cuando algunas partes del contenido tienen unas especificaciones fijas en cuanto a su tama\u00f1o, como en el caso de anuncios. Al anunciante se le vende, por ejemplo, un anuncio con una altura y anchura fijas, que el dise\u00f1ador debe integrar en su estructura de p\u00e1gina. En el mejor de los casos el formato m\u00e1s peque\u00f1o corresponde a una cuadr\u00edcula y los m\u00e1s grandes a varias. Sin embargo, en la pr\u00e1ctica, suele ser al rev\u00e9s, y las cuadr\u00edculas deben adaptarse a la altura y anchura del anuncio.<\/p>\n<div class=\"custom-background custom-background-dos\">\n<ul>\n<li>Antes de generar la estructura de tu p\u00e1gina y de las cuadr\u00edculas, precisa los posibles tama\u00f1os de los anuncios.<\/li>\n<li>Las proporciones de una cuadr\u00edcula no tienen por qu\u00e9 corresponder a las del anuncio. Por ejemplo, un anuncio cuadrado puede estar compuesto de 2\u00a0x\u00a03 cuadr\u00edculas.<\/li>\n<li>En caso de duda, trabaja con cuadr\u00edculas peque\u00f1as, as\u00ed tendr\u00e1s m\u00e1s flexibilidad.<\/li>\n<\/ul>\n<\/div>\n<p><a name=\"templates\"><\/a><\/p>\n<h2>Plantillas de estructura de una p\u00e1gina<\/h2>\n<p>Como sabemos que no es f\u00e1cil crear la estructura de una p\u00e1gina, especialmente cuando se es principiante, te ofrecemos algunas plantillas en todos los tipos de c\u00e1lculo como archivo InDesign. Las puedes descargar gratuitamente aqu\u00ed. Valores de referencia:<\/p>\n<ul>\n<li>en formato A4<\/li>\n<li>en formato 200\u00a0x\u00a0280\u00a0mm<\/li>\n<li>tambi\u00e9n en dos tama\u00f1os dependiendo del tipo de estructura de una p\u00e1gina<\/li>\n<\/ul>\n<h3>Descargas<\/h3>\n<p><strong>Plantillas de estructura de una p\u00e1gina con proporci\u00f3n \u00e1urea:<\/strong><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo-a4.zip\">Descargar estructura de p\u00e1gina A4<\/a><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-numero-aureo-200x280.zip\">Descargar estructura de p\u00e1gina 200 x 280 mm<\/a><\/p>\n<p><strong>Plantillas de estructura de una p\u00e1gina con construcci\u00f3n diagonal \/ lineal:<\/strong><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-diagonal-a4.zip\">Descargar estructura de p\u00e1gina A4<\/a><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-diagonal-200x280.zip\">Descargar estructura de p\u00e1gina 200 x 280 mm<\/a><\/p>\n<p><strong>Plantillas de estructura de una p\u00e1gina con sucesi\u00f3n num\u00e9rica:<\/strong><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-serie-de-numeros-a4.zip\">Descargar estructura de p\u00e1gina A4<\/a><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-serie-de-numeros-200x280.zip\">Descargar estructura de p\u00e1gina 200 x 280 mm<\/a><\/p>\n<p><strong>Plantillas de estructura de una p\u00e1gina con m\u00e9todo ternario:<\/strong><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9-a4.zip\">Descargar estructura de p\u00e1gina A4<\/a><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina-9x9-200x280.zip\">Descargar estructura de p\u00e1gina 200 x 280 mm<\/a><\/p>\n<div class=\"custom-background-grey\">\n<p><strong>Ilustraci\u00f3n:<\/strong>\u00a0Rawpixel.com\/Shutterstock.com<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>De Fibonacci a la proporci\u00f3n \u00e1urea: la estructura de una p\u00e1gina determina en gran medida el \u00e9xito o el fracaso de un dise\u00f1o. Nuestra gu\u00eda te ayuda y te ofrece plantillas.<\/p>\n","protected":false},"author":44,"featured_media":15493,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,4],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Estructura de una p\u00e1gina: plantillas gratuitas para descarga<\/title>\n<meta name=\"description\" content=\"La estructura de la p\u00e1gina tiene un determinado efecto en el producto impreso o en el layout de una p\u00e1gina en la pantalla. Al comenzar a ocuparse del dise\u00f1o, es recomendable hacerlo con la estructura de una p\u00e1gina.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Curso intensivo de estructura de p\u00e1ginas: as\u00ed puedes dise\u00f1ar layouts arm\u00f3nicos\" \/>\n<meta property=\"og:description\" content=\"La estructura de la p\u00e1gina tiene un determinado efecto en el producto impreso o en el layout de una p\u00e1gina en la pantalla. Al comenzar a ocuparse del dise\u00f1o, es recomendable hacerlo con la estructura de una p\u00e1gina.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/\" \/>\n<meta property=\"og:site_name\" content=\"onlineprinters.es Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-29T07:50:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-28T14:22:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claudia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Curso intensivo de estructura de p\u00e1ginas: as\u00ed puedes dise\u00f1ar layouts arm\u00f3nicos\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claudia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/\",\"name\":\"Estructura de una p\u00e1gina: plantillas gratuitas para descarga\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina.jpg\",\"datePublished\":\"2019-05-29T07:50:51+00:00\",\"dateModified\":\"2025-04-28T14:22:49+00:00\",\"author\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/62c9f19fb18c4d78c9598e92c0793791\"},\"description\":\"La estructura de la p\u00e1gina tiene un determinado efecto en el producto impreso o en el layout de una p\u00e1gina en la pantalla. Al comenzar a ocuparse del dise\u00f1o, es recomendable hacerlo con la estructura de una p\u00e1gina.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/#primaryimage\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina.jpg\",\"contentUrl\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina.jpg\",\"width\":1200,\"height\":627,\"caption\":\"Estructura de p\u00e1ginas\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#website\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/\",\"name\":\"onlineprinters.es Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.onlineprinters.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/62c9f19fb18c4d78c9598e92c0793791\",\"name\":\"Claudia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2018\/09\/avatar.png\",\"contentUrl\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2018\/09\/avatar.png\",\"caption\":\"Claudia\"},\"sameAs\":[\"http:\/\/www.typostil.de\"],\"url\":\"https:\/\/www.onlineprinters.es\/blog\/author\/claudia\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Estructura de una p\u00e1gina: plantillas gratuitas para descarga","description":"La estructura de la p\u00e1gina tiene un determinado efecto en el producto impreso o en el layout de una p\u00e1gina en la pantalla. Al comenzar a ocuparse del dise\u00f1o, es recomendable hacerlo con la estructura de una p\u00e1gina.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/","og_locale":"es_ES","og_type":"article","og_title":"Curso intensivo de estructura de p\u00e1ginas: as\u00ed puedes dise\u00f1ar layouts arm\u00f3nicos","og_description":"La estructura de la p\u00e1gina tiene un determinado efecto en el producto impreso o en el layout de una p\u00e1gina en la pantalla. Al comenzar a ocuparse del dise\u00f1o, es recomendable hacerlo con la estructura de una p\u00e1gina.","og_url":"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/","og_site_name":"onlineprinters.es Blog","article_published_time":"2019-05-29T07:50:51+00:00","article_modified_time":"2025-04-28T14:22:49+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina.jpg","type":"image\/jpeg"}],"author":"Claudia","twitter_card":"summary_large_image","twitter_title":"Curso intensivo de estructura de p\u00e1ginas: as\u00ed puedes dise\u00f1ar layouts arm\u00f3nicos","twitter_misc":{"Escrito por":"Claudia","Tiempo de lectura":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/","url":"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/","name":"Estructura de una p\u00e1gina: plantillas gratuitas para descarga","isPartOf":{"@id":"https:\/\/www.onlineprinters.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/#primaryimage"},"image":{"@id":"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina.jpg","datePublished":"2019-05-29T07:50:51+00:00","dateModified":"2025-04-28T14:22:49+00:00","author":{"@id":"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/62c9f19fb18c4d78c9598e92c0793791"},"description":"La estructura de la p\u00e1gina tiene un determinado efecto en el producto impreso o en el layout de una p\u00e1gina en la pantalla. Al comenzar a ocuparse del dise\u00f1o, es recomendable hacerlo con la estructura de una p\u00e1gina.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.onlineprinters.es\/blog\/estructura-de-paginas\/#primaryimage","url":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina.jpg","contentUrl":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/layout-de-pagina.jpg","width":1200,"height":627,"caption":"Estructura de p\u00e1ginas"},{"@type":"WebSite","@id":"https:\/\/www.onlineprinters.es\/blog\/#website","url":"https:\/\/www.onlineprinters.es\/blog\/","name":"onlineprinters.es Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.onlineprinters.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/62c9f19fb18c4d78c9598e92c0793791","name":"Claudia","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2018\/09\/avatar.png","contentUrl":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2018\/09\/avatar.png","caption":"Claudia"},"sameAs":["http:\/\/www.typostil.de"],"url":"https:\/\/www.onlineprinters.es\/blog\/author\/claudia\/"}]}},"_links":{"self":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts\/15406"}],"collection":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/comments?post=15406"}],"version-history":[{"count":12,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts\/15406\/revisions"}],"predecessor-version":[{"id":40420,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts\/15406\/revisions\/40420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/media\/15493"}],"wp:attachment":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/media?parent=15406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/categories?post=15406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/tags?post=15406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}