Rejilla modular. De las palabras a los hechos. Anatomía de un logotipo: estudiando la grilla modular ¿Qué es una grilla modular?

Una cuadrícula modular es una plantilla especial según la cual se construye el diseño del sitio web. Básicamente, se trata de un sistema para presentar información visual al visitante basado en bloques individuales llamados módulos. Un sitio web desarrollado con una plantilla de este tipo es mucho más fácil de leer y navegar.

Cómo se usa la malla

La cuadrícula modular se utiliza para desarrollar diseños de libros, tarjetas de presentación, marcas comerciales, logotipos, etc. También es obligatorio su uso al crear sitios web. Una cuadrícula correctamente diseñada compone armoniosamente el entorno para todos los elementos del recurso: gráficos y texto. Hace que sea mucho más fácil colocarlos todos en la página y crear límites claros entre ellos. Al organizar los elementos de una determinada manera, puedes hacer que cada uno de ellos se destaque y al mismo tiempo unir toda la información sobre el sitio en sí.

Tipos de rejillas modulares

La cuadrícula modular más común en el diseño de páginas es una celda básica de tres columnas. En este caso, el encabezado y el pie de página tienen un ancho igual a sus dimensiones. Los aficionados suelen utilizar esta opción estándar al crear sitios web. A veces, el ancho de una celda aumenta a expensas del ancho de otra.

La creación de la segunda versión de cuadrículas modulares, no estándar, solo es posible para personas involucradas en el diseño web profesional. En este caso sólo se definen con precisión el ancho de las columnas y la distancia entre los elementos individuales. Una cuadrícula modular en el diseño de varios tipos de recursos de noticias y revistas en línea generalmente se desarrolla de la siguiente manera:

1. Se crea un encabezado y un pie de página. El nombre del sitio, el menú de navegación y varios tipos de materiales de video deben ubicarse aquí.
2. La página está dividida en tres columnas. Además, dos de ellos tienen mismos tamaños. La tercera columna se divide en dos partes. linea vertical. Así, obtenemos cuatro secciones (noticias, galería de fotos, espacios publicitarios, últimas novedades informativas en el sitio).

Una cuadrícula modular para tiendas online de diferentes especializaciones se crea de forma algo diferente. En este caso, es muy importante garantizar la facilidad de navegación de los visitantes. En este caso, los elementos se agrupan de forma estándar y uniforme. Para cada uno de los objetos en la cuadrícula, un información importante, que lo caracteriza.

Regla en el editor de Photoshop

Los sitios web se crean utilizando archivos rasterizados o vectoriales. Es muy conveniente crear una cuadrícula en ellos. Veamos cómo se hace esto en el popular. editor de photoshop. Crear una cuadrícula modular en Photoshop es muy sencillo.

Para que aparezcan reglas alrededor del perímetro de la ventana de la imagen de trabajo, vaya al elemento del menú principal "Ver" y haga clic en la línea "Reglas". En este editor puedes utilizar una variedad de elementos, con divisiones en centímetros, milímetros, pulgadas o píxeles. Para realizar los ajustes necesarios, vaya al elemento del menú principal "Editar". A continuación, seleccione la línea "Configuración" (Preferencias) - "Unidades y reglas". Después de esto, aparecerá una ventana en la que podrás cambiar el tipo de regla. En el menú desplegable superior, seleccione centímetros, milímetros, píxeles, etc.

Sin embargo, normalmente cuando trabajan en el editor de Photoshop utilizan un método ligeramente diferente y más sencillo. Para cambiar las unidades de medida, simplemente haga clic en la regla en la ventana de la imagen. botón derecho del ratón ratones. Después de esto, podrás realizar la acción deseada en el menú que aparece. Normalmente, al crear un sitio web, se utiliza una cuadrícula de píxeles.

Cuadrícula de Photoshop

La cuadrícula modular del programa Photoshop se hará visible después de ir al elemento del menú principal "Ver" - "Mostrar" - "Cuadrícula". Se puede ajustar el espacio entre las líneas de la cuadrícula. Para hacer esto, ejecute el comando "Edición" - "Configuración" - "Guías, Cuadrícula, Cortes". Aquí puedes cambiar no solo el paso entre líneas, sino también su color. Con esta cuadrícula, será absolutamente fácil colocar de forma rápida y precisa todos los objetos del futuro sitio en el campo de trabajo.

Trabajando con el cursor

De esta forma se crea de forma muy sencilla una cuadrícula modular para un sitio web. El cursor se pega a las líneas cuando trabaja. Esto puede resultar útil si necesita hacer bloques de tamaños precisos y específicos. Si por alguna razón esta función resulta innecesaria, se puede desactivar. De forma predeterminada, el origen de la cuadrícula en Photoshop se encuentra en la esquina superior izquierda de la ventana. Si lo desea, puede trasladarlo a cualquier otro lugar del lienzo. Para hacer esto, coloque el cursor sobre el cuadrado del origen y simplemente arrástrelo mientras mantiene presionado el botón del mouse. Para devolver el punto inicial a su lugar, haga doble clic en el mismo cuadrado en la esquina.

Entre otras cosas, existen varios tipos de complementos para el editor de Photoshop que hacen que la creación de un sitio web utilizando una cuadrícula modular sea aún más cómoda. Descárgalos en línea. Con estos complementos puede crear cuadrículas con parámetros específicos.

Cuadrícula en CorelDraw

Ahora veamos cómo hacer una cuadrícula modular en editor de vectores CorelDraw. Aquí se crea de forma muy parecida a como en Photoshop. Su icono está ubicado en el panel superior (un ojo en una cuadrícula). Después de hacer clic en él puedes hacer todo. ajustes necesarios. Puedes seleccionar la distancia entre líneas, cambiar la unidad de medida, etc. Delimitan el campo de trabajo en la ventana de imagen en CorelDraw y mediante guías. Pueden hacerse visibles o invisibles si es necesario.

Una cuadrícula modular en el diseño de un sitio web es un elemento fundamental, cuyo desarrollo debe abordarse con la máxima responsabilidad. Después de todo, la comodidad de sus visitantes y, por tanto, el tiempo que pasan en sus páginas, depende de qué tan correctamente esté estructurado el recurso.

Rejilla modular es un sistema para organizar objetos en el espacio, basado en filas y columnas de un tamaño determinado y estrictamente especificado. Las celdas pueden contener unidades de contenido: bloques de texto, encabezados, marcos e imágenes.

Las cuadrículas se pueden encontrar no sólo en el diseño de información, sino también en arquitectura, interiores y planificación urbana. En todas estas áreas, las retículas se construyen según principios similares relacionados con el deseo de traer orden y armonía al espacio que se está delineando.

Observe uno de los bocetos de 1807 del desarrollo de Manhattan, que sigue una estricta cuadrícula de calles que van de oeste a este y de norte a sur.

¿Por qué se necesitan mallas?

Inicialmente, la malla se utilizó en el negocio de los periódicos para aumentar la eficiencia. Las hojas de diseño permitieron reducir el costo de mantener tipógrafos a tiempo completo, estandarizar la apariencia de las páginas y ahorrar tiempo a los propios "artistas del diseño". Pronto, las hojas de diseño fueron reemplazadas por cuadrículas modulares más flexibles.

Siguiendo una nueva tendencia, a principios de la década de 1960, el diseñador gráfico Peter Palazzo actualizó el diseño del periódico New York Herald Tribune. En 1966, la editora artística Janet Collins introdujo un nuevo diseño para el Times de Londres. Ambos cambios demostraron a la industria que un estilo de diseño consistente mejora la calidad de la interacción del lector con la publicación. Los editores de periódicos y revistas rápidamente se dieron cuenta de la necesidad de las cuadrículas y comenzaron a aplicarlas en su práctica.

Como en la época de los periódicos, en la era digital, las cuadrículas correctamente aplicadas ayudan a mantener la atención del lector, mejoran la calidad de la percepción del texto y, en general, mejoran la experiencia de su interacción con el material. En el diseño de medios actual, la cuadrícula da orden y coherencia a la información. Es responsable de estructurar el contenido de los artículos individuales y de la publicación en su conjunto.

Joseph Müller-Brockmann en su manual “Sistemas modulares en diseño gráfico” escribe sobre cuadrículas como esta:

“Al estructurar los planos y el espacio mediante una cuadrícula modular, el diseñador es capaz de organizar textos, fotografías e imágenes gráficas según los principios de objetividad y funcionalidad.<…>El diseño organizado lógicamente mantiene la credibilidad de la información y atrae al lector hacia ella”.

¿Qué tipos de mallas existen?

Hay muchos tipos y configuraciones de cuadrículas: desde “celdas” primitivas, como en un cuaderno escolar, hasta estructuras complejas con diferentes distancias entre horizontales y verticales.

Hemos recopilado las muestras más comunes y ya "clásicas", cuyo conocimiento le ayudará a comprender mejor el diseño modular:

Cuadrícula cuadrada

La cuadrícula más simple, que formaba la base del sistema modular, estaba formada por cuadrados y parecía una mesa normal. Comenzó a utilizarse a finales del primer cuarto del siglo XX. Los diseñadores tipográficos de Zúrich y Basilea lo perfeccionaron en los años de la posguerra, lo que coincidió con un aumento del interés por la helvética y tipos de letra similares, dando lugar a la escuela de la "tipografía suiza".

Por ejemplo: Robert Büchler, 1914
Fuente: PensamientoForma

Rejillas Max Bill

La primera experiencia con el uso de cuadrículas en libros fue el sistema desarrollado por Max Bill para el libro “Die Neue Architektur”. En este libro, publicado en 1940, Alfred Roth utilizó la división de la página en nueve módulos horizontales. Permitieron organizar ilustraciones libremente y colocarles texto en tres idiomas. Unos años antes, basándose en las ideas de la "nueva tipografía" de la Bauhaus, Bill utilizó la cuadrícula de seis módulos en su famoso cartel "Negerkunst" creado para una exposición de arte rupestre sudafricano en 1931.

¿Sobre qué guardan silencio las imprentas?

domingo 22 de noviembre de 2015 Rejilla modular: una herramienta para el diseño inteligente

¿Qué es una rejilla modular?

Este es el esqueleto invisible de su diseño: un sistema de guías horizontales y verticales (y a veces diagonales y arqueadas) que ayudan a orientar y coordinar los elementos individuales de la composición.

¿De qué sirve?

En primer lugar, una retícula modular aporta orden, integridad y conexión de todas sus partes al diseño. Permite organizar racionalmente cualquier espacio gráfico, ya sea un membrete, una tarjeta de presentación, un cartel, un libro, un sitio web o un interior, manteniendo la unidad de estilo en todos sus elementos.

Y en segundo lugar, acelera notablemente la ejecución del pedido, porque, como ve, trabajar según una plantilla es mucho más fácil que reinventar la rueda cada vez.

El hombre ha intentado durante mucho tiempo comprender la naturaleza de la belleza, "descomponerla" en componentes separados, "verificar la armonía con el álgebra". El ejemplo más antiguo del uso de una cuadrícula modular es el canon medieval, que utilizaban los escribas para marcar las páginas de los libros.

Difusión de un manuscrito latino. 1555

Los constructivistas de los años 20 sentaron las bases del diseño modular moderno.

Portada de revista. Diseño de El Lissitzky. 1922

Póster. Diseño de Herbert Bayer. 1926

Sin embargo, sus construcciones abstractas no fueron inmediatamente reconocidas como un método con su propio sistema de reglas y patrones. No fue hasta 1940 que el diseñador suizo Max Bill utilizó por primera vez diseño de libro rejilla modular.

Encuadernación de libros. Diseño de Max Bill. 1944

Póster. Diseño de Max Bill. 1945

En 1961, su compatriota Josef Müller-Brockmann introdujo los primeros términos del enfoque modular del diseño y publicó 28 ejemplos de rejillas que él mismo desarrolló. Fue la escuela suiza de diseño, extremadamente funcional y lapidaria, la que mejoró y presentó al mundo esta herramienta: la retícula modular.

Páginas de cuadrícula y libro. Diseño de Josef Müller-Brockmann

Póster. Diseño de Josef Müller-Brockmann. 1959

Póster. Diseño de Josef Müller-Brockmann. 1972

Hay que decir que los diseñadores rusos no se quedan atrás de sus colegas occidentales en el diseño modular. Ya en la década de 1960, apareció en la Unión Soviética un grupo de personas de ideas afines que utilizaban los principios del diseño estricto de las publicaciones impresas (más tarde Sergei Serov llamó en broma a esta escuela "Suiza soviética"). Los orígenes del enfoque modular doméstico del diseño fueron autoridades hoy reconocidas como Maxim Zhukov, Mikhail Anikst y Arkady Troyanker.

Encuadernación de libros. Diseño de Maxim Zhukov y Arkady Troyanker. 1970

Difusión del libro. Diseño de Mikhail Anikst. 1979

Sobrecubierta. Diseño de Maxim Zhukov. 1977

En tan solo un par de décadas se ha acumulado una experiencia única y se han creado obras maestras. diseño gráfico. A pesar de esto, hoy, como hace 30 o 40 años, la red modular en nuestro país parece ser promovida sólo por entusiastas individuales.

Portada del folleto. Diseño de Evgeny Grigoriev. San Petersburgo, 2009

A continuación se muestran algunos ejemplos de un enfoque modular del diseño del portafolio de nuestra editorial.

Para el catálogo del artista Evgeny Zhurov se eligió el clásico formato de libro en cuarto con una relación de aspecto de 3 a 4. Estas proporciones formaron la base de la cuadrícula modular.

Para orientar las imágenes de las pinturas en la pliego, se destacó linea horizontal, dividiendo la página verticalmente en una proporción de 1 a 3. Durante el diseño, cada imagen se colocó de manera que estuviera dividida verticalmente por esta línea en la misma proporción.

Esta técnica hizo posible combinar fácil y armoniosamente entre sí pinturas de cualquier formato, tanto panorámicas, alargadas horizontalmente como altas, alargadas verticalmente. Al hojear el catálogo, la pintoresca serie adquiere un ritmo vivo y palpitante.

No hace falta decir que las composiciones pagina del titulo y los títulos, el conjunto de artículos introductorios y datos de salida, la posición de los números de columnas en los márgenes exteriores de las páginas también se construyeron teniendo en cuenta esta línea horizontal.

Sólo agreguemos que los pies de foto de las pinturas, por el contrario, se hicieron deliberadamente estáticos. Están ubicados en lugares estrictamente definidos y viven como separados, sin distraer la atención del espectador de las imágenes.

La apariencia de nuestro catálogo de calendarios temáticos se inspiró en el propio material. Este catálogo está destinado a esa categoría de clientes que desean encargar un calendario corporativo. Cada tema está representado por 12 imágenes (según el número de meses del año) y se coloca en una página separada. La cuadrícula modular del folleto resultó ser tan simple, clara y abierta que no es necesario presentarla aquí por separado.

El diseño de las postales del conjunto “Dinastía Romanov” (Museos del Kremlin de Moscú), a pesar de la marcada composición asimétrica, se basó enteramente en la división consistente del plano según la proporción áurea. La combinación de principios clásicos y probados con tendencias modernas a veces puede conducir a resultados interesantes.

El diseño modular es simplemente insustituible al diseñar publicaciones seriadas. Una cuadrícula una vez construida pero bien pensada facilitará enormemente el trabajo en nuevos números de un libro, revista, folleto o periódico. Al cambiar libremente el texto, las imágenes y el color, puede lograr fácilmente un diseño fácilmente reconocible e identificable con precisión dentro de una serie.

Sin embargo, es necesario recordar que el uso de una red modular no es una garantía del 100%. buen diseño. Usando la misma plantilla, puedes crear tanto una obra de arte como una artesanía mediocre. No importa cuán precisa, sutil y versátil sea una herramienta de malla modular, es solo una herramienta que permanecerá muerta sin imaginación y creatividad.

Además, a la hora de iniciarse en el diseño modular, es útil que el diseñador tenga al menos un conocimiento general de proporciones, forma, color, contraste, ritmo…

Pero más sobre esto en nuestros próximos artículos.

Literatura para la autoeducación:
1. Laptev V. Cuadrículas modulares: Diseño de publicaciones multipágina. M.: RIP-holding, 2007.
2. Samara T. Creando y rompiendo la red. M.: RIP-holding, 2005.
3. Hurlbert A. Malla: Sistema modular Diseño y producción de periódicos, revistas y libros. M.: Libro, 1984.
4. Bosshard H. R. Der typografische Raster. Zurich: Niggli, 2000.
5. Elam K., Elsener R. Gestaltungsraster: Ordnungssysteme für Schrift. Nueva York: Princeton Architectural Press, 2006.
6. Miller-Brockmann J. Sistemas grid en diseños gráficos. Zúrich: Niggli, 1981.

Hablemos sobre la mejor manera de organizar los elementos de diseño en la página.

Uno de los errores habituales de los diseñadores novatos es sobresaturar la composición con todo tipo de elementos y colocarlos demasiado cerca unos de otros.

Intentan encajar demasiada información en un espacio pequeño. Recuerda eso el espacio libre es tu buen amigo. Hace que sea más fácil para su audiencia leer su material. El espacio utilizado correctamente hace que su proyecto sea más elegante y más fácil de entender.

La estrategia de composición básica para tu diseño debe comenzar con el diseño.. Si no desea que su trabajo parezca caótico, debe sistematizar toda la información visual. Aquí es donde viene en nuestra ayuda. rejilla modular o, para decirlo de otra manera, marcado para organizar elementos en una página. En el diseño web, el papel de una cuadrícula modular lo desempeña una mesa.

.

A continuación se muestran algunos ejemplos de rejillas modulares.
Observe lo variados y únicos que pueden ser.

Para demostrar la necesidad de utilizar una rejilla modular, aquí presento tres opciones para la misma operación.
Las dos primeras opciones tienen una rejilla modular claramente diseñada y la última no.

Ejemplo 1

Ejemplo 2

Ejemplo 3

Mire atentamente estos ejemplos y, como dicen, sienta la diferencia. Cuando los elementos de diseño se organizan de acuerdo con una cuadrícula modular, la composición se siente ordenada y significativa. Pero en la última versión, sin una cuadrícula modular, los elementos están dispuestos de forma caótica y, en consecuencia, violan los principios de alineación, unidad y correspondencia.

La composición de las dos primeras imágenes utiliza una cuadrícula modular tradicional. En la primera imagen se ubican las líneas. horizontal y vertical en intervalos regulares.

La única diferencia entre la segunda opción es que las líneas están ubicadas oblicuamente. Todos los elementos de la composición están ligados a estas líneas inclinadas.

Pero en el último ejemplo, en general no hay rejilla modular. Intervalos entre elementos graficos completamente aleatorio y por lo tanto no hay sensación de unidad en la composición.

Mi consejo: Utilice siempre una rejilla modular.¡Para construir una composición hermosa y competente (bueno, por supuesto, si no te dedicas al arte en su forma pura, donde, como sabes, no hay reglas)!

Espero tu pregunta: ¿Tú, Bob, realmente construyes una red modular cada vez antes de empezar a trabajar? ¿Y no eres demasiado vago?

Para ser honesto, no siempre, aunque lo intento. Pero en las etapas iniciales de mi actividad de diseño, no descuidé este regla importante y construyó concienzudamente una red modular. A medida que adquiera experiencia, aprenderá a trabajar con una cuadrícula imaginaria sin tener que dibujarla en la página, y cualquier desviación del diseño previsto será visible a sus ojos.

Sin embargo, durante el trabajo, si es necesario, es posible alterar la estructura de la red modular. Después de todo, no somos matemáticos. Esta disrupción otorga a veces a la obra ligereza y libertad de expresión. Sólo debemos recordar que esta libertad no debe destruir la estructura general de la composición.

Entonces, ¿qué ventajas nos aporta una rejilla modular?

1. La rejilla modular nos ayuda a respetar uno de los principios básicos del diseño: el principio de alineación. Es posible que los elementos individuales no estén unidos a nada, pero es deseable que los elementos de un grupo estén alineados entre sí y que el grupo de elementos esté alineado con otros grupos.

2. La rejilla modular ayuda a mantener un espacio uniforme entre los elementos.

3. La cuadrícula modular ayuda a utilizar racionalmente el espacio libre, lo que facilita la lectura del texto y la percepción de toda la composición.

Ahora un ejemplo de la práctica.

Imagine que su cliente le pide que cree un folleto de 50 páginas. Haces el trabajo de acuerdo con todas las reglas. buen diseño. Las páginas del folleto tienen una bonita cuadrícula modular, mucho espacio libre y son fáciles y agradables de leer.

Pero el cliente, al no comprender tal estética, solo ve espacio libre y, como no quiere pagar por papel en blanco, pide meter allí otras 10 páginas. ¿Entonces como?

Intente explicarle al cliente que las páginas repletas de contenido no son atractivas y difíciles de leer, y que es poco probable que la audiencia quiera dedicar tiempo a leerlas.

Si el cliente no entiende esto, invítelo a mostrar ambas opciones a sus amigos y pedirles su opinión. Si nada puede razonar con él, entonces, por desgracia, no te queda más remedio que satisfacer su deseo. Por cierto, ya hablé de una situación similar en mi artículo ""

En conclusión, te daré algunos consejos.

¡No sobrecargues tu diseño! Los espacios en blanco y los márgenes de una página son importantes y necesarios para la percepción visual. Recuerde que el objetivo de un buen diseño es transmitir rápidamente Información necesaria, por tanto, el diseño no debe dificultar, sino facilitar la asimilación de esta información.

Si la página está sobrecargada de información y no hay una división clara de los elementos en grupos, al espectador le resultará difícil concentrarse en lo principal y, muy probablemente, no tendrá ganas de comprender toda esta confusión.

Por el contrario, cuando el diseño se basa en un pequeño número de elementos que tienen una estructura compositiva clara, resultará fácil y cómodo para el espectador, que absorberá rápidamente la información necesaria.

Rejilla modular - e un patrón, patrón, tamaño o proporción que se repite varias veces. Recuerda los cuadros de Escher. Lagartos, peces, pájaros en algunas obras: este es el módulo. Todo internauta ve módulos en forma de fondos.

La primera opción para utilizar módulos en diseño es la misma que en Internet, es decir, una imagen de fondo. En una variedad de formas, tanto de forma independiente como en varias combinaciones. Y las mismas ilustraciones de Escher.

La segunda opción, dimensional, está muy cerca de la tercera, proporcional. Básicamente, se trata de cuadrículas modulares para varios tipos tipográficos de productos impresos.

La tercera opción es más difícil de percibir, pero es precisamente ésta la que subyace a todo diseño, arquitectura y demás cosas creadas por la naturaleza y el hombre. El hombre siempre ha dado forma al medio ambiente, guiado intuitivamente por un sentido de proporción, es decir, de relaciones.

Fidias (el creador de la Acrópolis) e Ictinus (Partenón) también demostraron conocimiento de la ley de la proporción áurea. La esencia de esta ley es que el segmento más pequeño está relacionado con el más grande, como el más grande lo está con la longitud total. No recuerdo si esta ley se estudia en la escuela, pero en las escuelas de arte, en los institutos de arte y de arquitectura es como "Padre Nuestro..." En un número este valor se expresa como 1,618... algebraicamente parece un : b=b:( a+b). La cuestión es que tal proporción es beneficiosa para la vista debido a las ventajas mentales y características físicas estructura del ojo, frecuencias operativas del cerebro y muchos, muchos...(Figura 4.2.)

El segundo elemento activo en la construcción de relaciones visualmente favorables es el cuadrado. Construyendo a partir de él es fácil obtener proporciones 1:2, 2:3, 3:4.

Figura 4.2.

Figura 4.3.

Para la web, la construcción de páginas modulares se puede organizar mediante tablas. Como módulo, puede tomar la relación de aspecto de la pantalla (a 800x600, esto es 4:3) (Figura 4.3.). El tamaño estándar de una hoja de papel A4 es también un módulo de dibujo y tipografía.

La abrumadora cantidad de cuadrículas tipográficas se basan en el formato de una hoja de papel, tomada como base para la publicación. El diseño de la cuadrícula depende del contenido y la intención del proyecto, así como del estilo individual de un artista en particular. Y si el diseño se realiza utilizando una computadora, entonces el proceso se vuelve bastante rápido, especialmente en la etapa de implementación. La mayoría de los programas gráficos (principalmente de edición) tienen opciones integradas para crear una cuadrícula modular, y casi todos tienen un conjunto bastante grande de plantillas de cuadrícula modular con los nombres bastante comunes "Folleto", "Calendario", etc.

En la Figura 4.4. presentado Rejilla modular de la primera franja. Se diferencia ligeramente de la rejilla modular general del bloque superior. Para una percepción más clara del logo, fue necesario resaltarlo con pausas muy significativas. Pero no hay problemas para leerlo y resaltarlo.

Figura 4.4.

Figura 4.5. Cuadrícula modular de rayas restantes.

Como puede ver, además de un bloque superior claramente definido, la franja tiene un "sótano" claramente definido; así es como los periodistas llaman la parte inferior de la franja. Es útil dividir la información de la página en zonas temáticas. El circuito de modulación de banda es visible en los dos diagramas de colores.

La cuadrícula modular no siempre es tan uniforme y simétrica. Puede ser completamente abstracto, con colocación arbitraria de elementos, pero en cualquier caso su tarea es asegurar la continuidad en la presentación del material.

Los módulos son utilizados por arquitectos, diseñadores de muebles y desarrolladores de automóviles; su módulo está ligado a las proporciones y dimensiones del cuerpo humano.

Figura 4.6.

En el diseño web, la cuadrícula modular se utiliza con mucha más frecuencia de lo que parece a primera vista. Si estas usando

para formar elementos en la página: ya está utilizando una cuadrícula modular, especialmente si repite esta cuadrícula no en una página, sino en varias. A veces la cuadrícula puede estar oculta, a veces puede ser explícita (cuando se usa un color diferente como fondo de la celda, diferente al fondo principal) (Figura 4.6.)

Cabe agregar que la esencia de la cuadrícula es la misma, excepto que la cuadrícula web puede contener parámetros de celda dinámicos (cambiables). La página puede tener diferentes alturas, lo que depende de la cantidad de texto e imágenes que contenga, y expandirse (o no expandirse) automáticamente según la resolución del monitor utilizada.

Tamaños de pantalla

CON

Ancho del lienzo

Debe evitar los tamaños de pantalla codificados, pero si establece tamaños de pantalla codificados, debe tener en cuenta que la configuración de parámetros estrictos está determinada por el tamaño del lienzo.

Resolución de la pantalla
Tamaños de lienzo

El tamaño de la pantalla se puede determinar mediante programas sencillos (ver práctica de laboratorio).

Veamos un ejemplo de cuadrícula modular y especificando dimensiones, organizada mediante una tabla.

En HTML, puedes marcar todo el contenido de una tabla con una etiqueta . Entonces el encabezado de la tabla está indicado por la etiqueta y la conclusión con la etiqueta Las tres etiquetas son etiquetas de cierre y tienen atributos. Las celdas del encabezado de la tabla usan la etiqueta .

Sin embargo, la forma más sencilla de no depender del tamaño del lienzo es utilizar tamaños relativos, es decir, establecer los tamaños en %.

título
menú	módulo 1		Módulo 2	módulo3	módulo4
	conclusión