La malla para cercas es uno de los materiales de construcción más comunes que se utilizan para construir cercas. Este material tiene una vida útil bastante larga, es conveniente y práctico, y también económico. Es fácil de montar y desmontar con tus propias manos, así como de reutilizar después del desmontaje. Los productos se pueden utilizar no solo para marcar los límites del territorio, sino también para el marco de un seto y como elemento decorativo. El artículo habla sobre los tipos de rejillas y cómo instalarlas.

Tipos de mallas para cercas

La malla de eslabones de cadena está representada por los siguientes tipos principales:

• no galvanizado
• galvanizado
• plastificado

El no galvanizado es la opción más económica, pero tiene la vida útil más corta, ya que es susceptible a la corrosión. A diferencia de él, el galvanizado está cubierto con una capa protectora anticorrosión y, por lo tanto, su costo es más alto. El metal en la composición plastificada está cubierto con una capa de plástico que protege contra las influencias ambientales negativas. Esta opción es la más cara, aunque la más duradera.

Además, los modelos se dividen en rómbico y cuadrado (según la forma de las celdas), estándar y ligero.

Valla de malla de plástico

Los productos de plástico aparecieron en el mercado de la construcción recientemente. Poco a poco comienza a competir con los productos de metal. Se basa en un polímero extruido a partir del cual se fabrican las fibras.

Ventajas y desventajas

Las principales ventajas de los productos de plástico se denominan:

• Posibilidad de elegir el color, tamaño, forma de las celdas;
• Facilidad de transporte e instalación;
• Alta resistencia a factores ambientales negativos;
• Capacidad para soportar una amplia gama de temperaturas;
• Durabilidad;
• Seguridad y no toxicidad del material;
• Facilidad de mantenimiento.

vallas de malla de plástico

Sin embargo, entre las ventajas, también hay un inconveniente importante de las cercas de plástico: su resistencia. Por ejemplo, dicha cerca no podrá servir como barrera para los intrusos. Por lo tanto, se recomienda el uso de cercas hechas de dicho material para delimitar territorios individuales dentro de una parcela de cabaña de verano (jardín), por ejemplo, césped y macizos de flores.

Para instalar una cerca de plástico, no necesita la ayuda de constructores profesionales. Después de todo, para su instalación, bastará con enterrar los pilares de soporte a una distancia de 2-3 metros entre sí, sin siquiera hormigonarlos. El lienzo en sí está unido a los soportes con alambre o hermosas ligas. Para aumentar la rigidez del producto, puede colocar cables adicionales en la parte superior e inferior de la cerca.

Red de valla

No en vano, el eslabón de la cadena es una de las opciones más populares para construir una cerca, porque tiene una serie de ventajas. Consideremos con más detalle las principales ventajas y desventajas de dichos productos, así como las características de su instalación.

Ventajas y desventajas

Entre las ventajas del eslabón de la cadena se las llama con mayor frecuencia:

• Larga vida útil;
• Fortaleza;
• Capacidad para soportar una amplia gama de temperaturas;
• Facilidad de instalación;
• Bajo costo;
• Posibilidad reutilizar después del desmontaje;
• Libre penetración de la luz solar sin posible sombreado;
• Alta función protectora;
• La posibilidad de complementar la estructura con alambre de púas o cerco eléctrico;
• Facilidad de mantenimiento.

Habiendo decidido proteger su sitio con la ayuda de un eslabón de cadena, debe ser consciente no solo de sus ventajas, sino también de sus desventajas, entre las que se encuentran la inseguridad del área cercada de miradas indiscretas, así como la falta de prestigio. apariencia. Además, con su ayuda será bastante difícil construir una cerca que supere los 3,5 metros.

Cómo instalarse usted mismo

El montaje se puede hacer de dos maneras: método seccional y de tensión. Considere una opción más simple, es decir, le diremos cómo construir una cerca utilizando un método de tensión.

Instalación de vallas de tela metálica

Para arreglar el lienzo, necesitará postes de soporte, tanto de metal como de madera. Para instalarlos, es necesario cavar agujeros en el suelo, cuyo fondo es deseable fortalecer con arena y grava. Se instalan postes de madera en los agujeros preparados, rociándolos con tierra y apisonándolos. Para una mejor contracción, se recomienda llenar el hoyo lleno con agua para que el suelo se vuelva más denso. Los postes de metal necesitan hormigonado. Por lo tanto, los pozos preparados se llenan con mortero de hormigón ordinario. También es necesario asegurarse de que todos los postes tengan la misma altura y se instalen de forma estrictamente vertical.

Después de instalar todos los soportes y endurecer el hormigón, se procede al estirado de la malla. Para hacer esto, se coloca un rollo con él cerca de uno de los postes de la esquina y se fija de forma segura con clavos (grapas) en postes de madera o en ganchos presoldados en soportes metálicos. Una vez fijada la lona en el primer soporte, se comienza a desenrollar el rollo, pasando a la segunda columna, donde se repite la operación de fijación. Al mismo tiempo, debe asegurarse de que el borde inferior del producto no galvanizado no toque la superficie del suelo, sino que esté ubicado a una distancia de 10 cm. Para evitar que la lona se combe, es necesario sujetarla con cierta tensión, utilizando para ello un cable de acero o una pieza de refuerzo que se pasa a través de las celdas en la parte superior o inferior de la lona. Para unir dos rollos, utilice elementos de acoplamiento especiales, es decir, simplemente atornille el extremo de un rollo en el comienzo del otro. El proceso de tensado continúa hasta que toda la cerca se tensa alrededor del perímetro.

soldado

Más lento es la construcción de una cerca a partir de una malla soldada. En este caso, la lona está presoldada en marcos de acero. Este tipo ha demostrado ser el más fuerte y duradero, por lo que se usa con mayor frecuencia para proteger diversas instalaciones deportivas y áreas privadas. Dado que el producto soldado se basa en un alambre de acero resistente con un diámetro de 3-5 mm, no se produce en rollos, sino en tarjetas, cuyo tamaño es de 2x2,5 metros.

Características externas de los productos soldados.

El diseño seccional permite llevar a cabo varias soluciones de diseño. Además, tiene una especial resistencia y fiabilidad, ya que todas las varillas que componen la lona están soldadas entre sí en los cruces. Además, cada fragmento está equipado adicionalmente con refuerzos, que son responsables de mantener la forma original de cada tarjeta y la valla en su conjunto.

Ventajas y desventajas

Una característica atractiva del modelo soldado es su costo moderado con alta calidad. También se pueden destacar las siguientes ventajas del producto:

• Libre acceso a la luz solar y buena circulación de aire y luz;
• Diseño de peso ligero;
• Resistencia a factores ambientales adversos;
• seguridad en la superficie;
• Facilidad de instalación;
• Capacidad para reemplazar un fragmento dañado;
• Facilidad de cuidado;
• Estética.

Junto con las ventajas, se puede señalar una desventaja como la visibilidad excesiva del territorio. Sin embargo, es fácil solucionarlo plantando espacios verdes o plantas trepadoras a lo largo del seto.

Cómo instalarse usted mismo

Para el autoensamblaje, deberá hacer más esfuerzo y tiempo. Entonces, el movimiento de tierras consiste en cavar una zanja de 1 metro de profundidad y 0,5 metros de ancho en todo el perímetro de la valla. El fondo de la zanja se refuerza con una mezcla de piedra triturada y arena, sobre la que se instala un encofrado con jaula de refuerzo. En este caso, el encofrado debe elevarse 20 cm sobre la superficie del suelo, es decir, se está trabajando en la construcción de una cimentación continua.

Luego proceda a la instalación de soportes y vertido de los cimientos. Una vez que el mortero se ha endurecido, las secciones se sujetan con sujetadores especiales o una máquina de soldar. Cada marco se puede reforzar adicionalmente con una esquina.

Valla de malla europea

Entre todos los tipos de mallas soldadas, los modelos con un recubrimiento de polímero especial, la llamada malla euro, son especialmente populares. Este material le permite obtener una cerca fuerte y hermosa a un precio relativamente bajo. La tela está tejida con alambre de acero recubierto con PVC. Su diámetro es de 2,5 mm, y el tamaño de las celdas puede ser diferente: 50x50 mm y 100x50 mm. En el mercado de la construcción, el material se comercializa en rollos de 2 m y 1,5 m de alto y 25 m de largo, cada uno de los cuales se embala en papel grueso y polietileno.

Ventajas y desventajas

Las cercas construidas con este material tienen mayor rigidez y confiabilidad a un precio bajo, y por lo tanto compiten con las cercas de alambre hechas de tela metálica, cartón corrugado o madera. El caso es que el polímero que cubre el cable es mucho más grueso y denso que la pintura de polímero, no se agrieta ni se desvanece, por lo que no es necesario recubrir adicionalmente el cable con zinc, lo que reduce su precio. Además, las cercas de malla de acero recubiertas de PVC se ven mucho más interesantes que las cercas de alambre y, por lo tanto, se pueden usar en el diseño de jardines.

vallas de malla euro

Muy a menudo, dicho material se vende completo con pilares de soporte, cuya instalación no requiere hormigonado. Por lo tanto, la construcción de la cerca se puede realizar en cualquier época del año. Además, la valla recubierta de PVC se puede desmontar fácilmente y reutilizar en otro lugar.

Cómo instalarse usted mismo

Una valla hecha de dicho material es bastante fácil de montar por su cuenta. Dado que el material en sí es muy rígido, no es necesario instalar postes de soporte con más frecuencia que cada 3 metros. El rollo se desenrosca fácil y cómodamente y se estira entre los postes. El algoritmo es el mismo que cuando se instala un eslabón de cadena convencional. Incluye la señalización del territorio, la instalación de pilares de apoyo y la instalación directa de la propia rejilla.

Cómo elegir una malla de cerca

Al elegir una rejilla para la construcción de una cerca, debe decidir con qué propósito se erigirá la cerca y qué requisitos se le imponen. Por ejemplo, los productos hechos de alambre delgado con celdas grandes son completamente inadecuados para cercar un área grande, ya que se deforma rápidamente.

Al elegir el tipo de tela para la construcción de la cerca, se recomienda prestar atención al tamaño de sus celdas. Debe saber que cuanto más pequeñas son las celdas, más fuerte es el lienzo. Cuanto más fuerte es el lienzo, menos luz transmite a través de sí mismo. Por lo tanto, debe elegir el material según sus propios requisitos. Por ejemplo, la mejor opción para una cabaña de verano sería un modelo con un tamaño de celda de 40-60 mm, que tenga la fuerza suficiente y transmita la cantidad requerida de luz solar. Para cercar un campo de deportes, es más adecuado un producto con celdas cuyo tamaño no exceda los 40 mm, ya que es más duradero.

También debe prestar atención al material del que está hecha la malla. El costo más bajo es un simple negro no galvanizado. Al instalar una cerca, debe saber que este material necesita pintura regular, ya que es propenso a la oxidación. Por lo tanto, sus costos excederán el costo original. Por lo tanto, una opción más rentable sería comprar un modelo galvanizado y pintado. Su vida útil es de unos 20 años. Una opción más costosa, pero también más confiable, es usar una malla soldada recubierta con un revestimiento especial de PVC. Por esta razón, la elección también depende de sus capacidades financieras.

Selección por tamaño de celda, grosor y ancho

La elección de mallas para cercas no depende de la forma de sus celdas. Aquí importa su tamaño, así como el grosor del alambre. Se eligen en función de los requisitos que se aplican a la cerca. Por ejemplo, un modelo con mallas grandes hechas de alambre delgado no es adecuado para cercar un área donde se mantienen aves de corral. Debes saber que cuanto más grandes son las celdas, más transparente es el lienzo, y cuanto más pequeñas, más denso es el lienzo. Este hecho también debe tenerse en cuenta, porque algunas plantas plantadas a lo largo de la cerca necesitan en numeros grandes la luz del sol, por lo que un producto con celdas pequeñas no es adecuado para ellos.

También debe entenderse que cuanto más grande es la celda, más delgado es el alambre del que está hecha la malla. El alambre delgado es propenso a combarse y deformarse rápidamente, por lo que no es adecuado para cercar áreas grandes y requiere la instalación frecuente de postes de soporte. Por esta razón, la mayoría de las veces se elige una malla con un grosor de 2-3 mm. Al mismo tiempo, debe saber que si tiene un recubrimiento de polímero, el diámetro real del metal es de 0,4 a 0,5 mm menos.

• Tamaño de celda. Todos ellos deben ser iguales e incluso.
• Los bordes del lienzo. Deben estar doblados y bien cortados.
• Rollo de peso. No debe exceder los 80 kg.
• Información del fabricante. Contiene no solo el nombre, sino también las dimensiones del material, así como la fecha de su producción.

Reseñas: qué red de malla es mejor para una cerca

Al elegir un eslabón de cadena para cercas, será prudente guiarse no solo por las preferencias personales y los consejos de los vendedores, sino también escuchar las reseñas de quienes ya han realizado una compra o han puesto la cerca en funcionamiento. Al mismo tiempo, preste atención a las reseñas sobre el precio del producto, su calidad y durabilidad, así como la simplicidad y el método de instalación.

Categoría de precio

Debe tener en cuenta que el costo depende del ancho del rollo, el grosor del alambre y el tamaño de las celdas. Cuanto más grueso sea el alambre y mayor sea el ancho, mayor será el peso del rollo y, por lo tanto, su precio. Además, el costo depende de la disponibilidad y el tipo de recubrimiento protector. Por lo tanto, el más barato será el negro no galvanizado y el más caro, galvanizado con revestimiento de PVC.

La más popular es una rejilla con una celda de 50x50 mm. Un producto con una celda de este tipo y un grosor de alambre de 2,5 mm será un 20 % más económico que con una celda más grande y un alambre menos resistente.

Calidad, grado de fiabilidad.

Si hablamos de calidad, sería irracional comprar una malla simple no galvanizada, ya que su vida útil no es demasiado larga. Además, deberá pintarlo adicionalmente, lo que conlleva costos financieros. Por lo tanto, solo es adecuado para la construcción de una cerca temporal, por ejemplo, durante la construcción. por la mayoría La mejor decision llamada malla galvanizada. Su costo será un poco más alto (no más del 30% del valor bruto), pero la vida útil será de al menos 15 años.

Si estamos hablando de una malla con un revestimiento de polímero, aquí debe saber que la resistencia del material no depende tanto del tipo de polímero, sino de la base sobre la que se aplicó. Por lo tanto, si una malla negra ordinaria está recubierta con un polímero, su vida útil será de solo 5 a 6 años, aunque el precio será 1,5 más alto. Es mejor cuando el revestimiento de polímero se aplica al alambre galvanizado. Esto garantiza no solo la confiabilidad de la malla, sino también su efecto decorativo, y el costo será inferior a un precio y medio de galvanización simple.

Velocidad de erección

La construcción de una cerca de tela metálica no requiere mucho esfuerzo y tiempo. Como regla general, la construcción de una cerca de este tipo no requiere el hormigonado de los soportes y, por lo tanto, puede llevarse a cabo en un período de tiempo bastante corto. Una excepción puede ser una cerca seccional hecha de malla soldada, que tiene un peso significativo. Para su construcción se requiere una cimentación continua con pilares de apoyo hormigonados.

Rejilla modular es un sistema de organización de objetos en el espacio, basado en filas y columnas de un orden específico, estrictamente tamaño dado. Las celdas pueden contener unidades de contenido: bloques de texto, encabezados, marcos e imágenes.

Las cuadrículas se pueden encontrar no solo en el diseño de información, sino también en la arquitectura, los interiores y la planificación urbana. En todas estas áreas, las cuadrículas se construyen de acuerdo con principios similares relacionados con el deseo de traer orden y armonía al espacio dibujado.

Obsérvese uno de los bocetos del desarrollo de Manhattan en 1807, que obedece a una estricta cuadrícula de calles que van de oeste a este y de norte a sur.

¿Por qué se necesitan rejillas?

Inicialmente, la red se utilizó en el negocio de los periódicos para aumentar la eficiencia. Las hojas de diseño permitieron reducir el costo de mantenimiento de las impresoras a tiempo completo, estandarizando la apariencia de las páginas y ahorrando el tiempo de los propios "diseñadores". Las placas de prueba pronto fueron reemplazadas por rejillas modulares más flexibles.

Siguiendo la nueva tendencia, a principios de la década de 1960, el diseñador gráfico Peter Palazzo rediseñó el New York Herald Tribune. En 1966, la editora de arte Janet Collins presentó un nuevo diseño para el London Times. Ambas transformaciones mostraron a los trabajadores de la industria que estilo uniforme el diseño mejora la calidad de la interacción entre los lectores y 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 los días de los periódicos, en la era digital, las cuadrículas bien aplicadas ayudan a mantener la atención del lector, mejoran la calidad de percepción del texto y, en general, mejoran la experiencia de su interacción con el material. En el diseño de medios hoy en día, la cuadrícula aporta orden y consistencia 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 libro Modular Systems in Graphic Design, escribe sobre grillas como esta:

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

¿Qué son las rejillas?

Existen muchos tipos y configuraciones de grillas: desde "celdas" primitivas, como en 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 ayudará a comprender mejor el diseño modular:

rejilla cuadrada

La cuadrícula más simple, que formaba la base del sistema modular, constaba de cuadrados y parecía una tabla gráfica regular. Comenzó a utilizarse ya a finales del primer cuarto del siglo XX. Los diseñadores tipográficos de Zúrich y Basilea la 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, lo que dio lugar a la escuela de "tipografía suiza".

Por ejemplo: Robert Büchler, 1914
Fuente: Formulario de pensamiento

Rejillas Max Bill

La primera experiencia con la cuadrícula en el negocio del libro 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. Hicieron posible organizar libremente las ilustraciones y colocarles texto en tres idiomas. Unos años antes, basándose en ideas de la "nueva tipografía" de la Bauhaus, Bill había utilizado una cuadrícula de seis módulos en su famoso cartel "Negerkunst" para una exposición de arte rupestre sudafricano en 1931.

Una cuadrícula modular es una plantilla especial sobre la cual se construye el diseño del sitio. De hecho, este es un sistema para presentar información visual al visitante basado en bloques separados llamados módulos. Un sitio desarrollado con una plantilla de este tipo es mucho más conveniente para la percepción y la navegación.

Cómo se aplica la cuadrícula

La rejilla modular se utiliza en el diseño de libros, tarjetas de visita, marcas, logotipos, etc. También es necesario utilizarla en la creación de sitios web. Una cuadrícula hecha correctamente compone armoniosamente el entorno para todos los elementos del recurso: gráfico y texto. Con su uso es mucho más fácil colocarlos todos en la página y crear límites claros entre ellos. Al organizar los elementos de cierta manera, puede hacer que cada uno de ellos sea notable 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 son las columnas de base de tres celdas. Al mismo tiempo, la parte superior y pie de página tener un ancho igual a sus dimensiones. Los aficionados suelen utilizar esta opción estándar al crear sitios. A veces esto aumenta el ancho de una celda a expensas del ancho de otra.

La creación de una segunda versión de cuadrículas modulares, no estándar, solo es posible para personas que se dedican profesionalmente al diseño web. En este caso, solo 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 el pie de página. El nombre del sitio, el menú de navegación y varios materiales de video deben ubicarse aquí.
2. La página está dividida en tres columnas. Sin embargo, dos de ellos tienen mismos tamaños. La tercera columna está dividida en dos partes por una línea vertical. Así, se obtienen cuatro secciones (noticias, galería de fotos, espacios publicitarios, últimas novedades informativas del sitio).

Se crea una cuadrícula modular para tiendas en línea de varias especializaciones de una manera ligeramente diferente. En este caso, es muy importante brindar facilidad de navegación a los visitantes. Al mismo tiempo, los elementos se agrupan de forma estándar y uniforme. Para cada uno de los objetos en la grilla, un información importante caracterizándolo.

Regla en Photoshop

Los sitios se crean usando raster o vector. Es muy conveniente crear una cuadrícula en ellos. Considere cómo se hace esto en el popular editor de Photoshop. Crear una cuadrícula modular en Photoshop es muy simple.

Para que aparezcan reglas alrededor del perímetro de la ventana de la imagen de trabajo, vaya al elemento del menú principal "Ver" (Ver) y haga clic en la línea "Reglas" (Reglas). En este editor, puede usar una variedad de elementos, con divisiones en centímetros, milímetros, pulgadas o píxeles. Para realizar las configuraciones necesarias, debe ir al elemento del menú principal "Edición" (Editar). A continuación, seleccione la línea "Configuración" (Preferencias) - "Unidades y reglas" (Unidades y reglas). Después de eso, aparecerá una ventana en la que puede cambiar la apariencia de la regla. En el menú desplegable superior, seleccione centímetros, milímetros, píxeles, etc.

Sin embargo, por lo general, cuando trabajan en el editor de Photoshop, usan un método más simple y ligeramente diferente. 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 eso, en el menú que aparece, puede realizar la acción deseada. Por lo general, al crear un sitio, se utiliza una cuadrícula de píxeles.

Cuadrícula de Photoshop

La cuadrícula modular del programa Photoshop en sí se hará visible después de ir al elemento del menú principal "Ver" - "Mostrar" (Mostrar) - "Cuadrícula" (Cuadrícula). El espacio entre las líneas de la cuadrícula se puede ajustar. Para hacer esto, ejecute el comando "Edición" - "Configuración" - "Guías, cuadrículas y fragmentos" (Guías, Cuadrícula, Cortes). Aquí puede cambiar no solo el paso entre las 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 sitio futuro en el campo de trabajo.

Trabajando con el cursor

La cuadrícula modular del sitio se crea de esta manera de manera muy simple. El cursor se adhiere a las líneas mientras trabaja. Esto puede ser útil si necesita hacer bloques de tamaños precisos y definidos. Si por alguna razón no se necesita esta función, 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 moverlo a cualquier otro lugar del lienzo. Para hacer esto, mueva el cursor sobre el cuadrado del origen y simplemente arrástrelo mientras mantiene presionado el botón del mouse. Para devolver el punto de referencia a su lugar, haga doble clic en el mismo cuadrado en la esquina.

Entre otras cosas, existen varios complementos para el editor de Photoshop que hacen que la creación de un sitio utilizando una cuadrícula modular sea aún más conveniente. 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 rejilla modular en editor de vectores CorelDraw. Aquí se crea de la misma manera que en Photoshop. Su icono se encuentra en el panel superior (ojo en la cuadrícula). Después de hacer clic en él, puedes hacer todo. ajustes necesarios. Puede seleccionar la distancia entre líneas, cambiar la unidad de medida, etc. Delimitar el campo de trabajo en la ventana de la imagen en CorelDraw y mediante guías. Se pueden hacer visibles o invisibles según sea necesario.

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

Del autor: Desafortunadamente, muchos diseñadores web modernos y espectaculares a menudo olvidan que el resultado de su trabajo debe ser un sitio web digerible, y no una hermosa captura de pantalla, adecuada solo para una cartera. En este artículo formulé los requisitos que se deben tener en cuenta en el proceso de diseño y diseño de una interfaz web.

Una cuadrícula modular en diseño web es una solución fundamental que no solo mejorará la usabilidad del sitio, sino que también simplificará enormemente la vida de los desarrolladores.

¿Qué es una rejilla modular?

Me explico con un ejemplo familiar. Abre cualquier libro de papel. ¿Ves el texto que ocupa todo el ancho de la página, sin incluir los márgenes? Entonces, aquí hay un diseño típico de una columna. Ahora mira una revista o periódico. En una revista, la información se divide tradicionalmente en dos columnas y en un periódico, en tres o cuatro, o incluso más.

En general, el diseño web heredó muchos "chips" diferentes del diseño impreso. Estos son los principios de trabajar con fuentes y las reglas de composición y módulos. Los sitios de tarjetas de presentación y los sitios de presentación bien pueden contentarse con una estructura de una columna, páginas de inicio - dos columnas, más complejas proyectos de información debería, en consecuencia, tener un diseño más complejo y reflexivo.

La cuadrícula modular en el diseño web es un diseño único de todos los elementos y bloques del sitio. Este esquema se ejecuta en todas las páginas web y ayuda a crear el orden visual del sitio.

Las mallas pueden ser simples o complejas, fijas o dinámicas, pero en realidad no importa. Si establece una cierta estructura modular en su proceso de diseño web, manténgala desde la primera página hasta la última página del sitio.

¿Qué hacer si durante el dibujo de páginas internas tiene bloques o elementos que no se ajustan a su estructura alámbrica? No quiero decepcionarte, pero esto indica que tu malla no es buena y no has dedicado suficiente tiempo a diseñarla.

¿Qué son las rejillas?

Veamos los tipos de cuadrículas para el diseño web.

1. Cuadrícula de bloques: un diseño aproximado del área en bloques.

2. Columna: tener columnas en su estructura.

3. Modular: consiste en líneas que se cruzan que forman módulos.

4. Jerárquica: una cuadrícula con ubicación intuitiva de bloques, sin ninguna estructura lógica.

A diferencia del diseño de impresión, la cuadrícula en el diseño web no solo puede ser fija, sino también dinámica. Por ejemplo, puede hacer que una o más columnas de diseño se estiren, fluidas, configurando su ancho como un porcentaje y fijando el tamaño de las columnas restantes.

Grid para diseño web 960 Grid System (http://960.gs) corresponde al concepto de un diseño "estático", y para crear un "fluido" se puede prestar atención a la cuadrícula Bootstrap (http://getbootstrap.com /css/#grid). El marco modular 960 GS divide la página web en 12, 16 y 24 columnas.

Al diseñar una estructura "fluida", no se olvide del ancho máximo de pantalla. Suele estar limitado a 1280 píxeles. Si no tiene en cuenta el valor máximo de ancho, entonces en monitores grandes el contenido del sitio se estirará mucho, lo que afectará negativamente su percepción.

El más popular y fácil de implementar es una cuadrícula modular de dos columnas, cuyas proporciones se calculan teniendo en cuenta los siguientes supuestos:

la resolución de pantalla más común es 1024x768;

el ancho del diseño no debe exceder los 770 píxeles, de modo que no aparezca una barra de desplazamiento en la parte inferior de una pantalla con una resolución de 800x600;

una columna que realiza las funciones de un módulo de información debe tener un ancho mayor que una columna que se define como un módulo de navegación (menú).

Basado en esto, la proporción se ve así: 200 píxeles. + 550 píxeles. o 150 píxeles. + 620 píxeles.

Se supone que la columna más grande contiene el menú de navegación, la más pequeña, el catálogo o el contenido.

Considere como ejemplo la cuadrícula de diseño web de un sitio web famoso. Todos los sitios de la BBC utilizan una estructura de columnas universal de 61 x 16 píxeles para coincidir con las fotos y videos estándar de la marca.

Como puede ver en la imagen, la cuadrícula de la BBC es bastante flexible y le permite colocar cualquier información: desde análisis serios hasta noticias de entretenimiento. Esta grilla modular es la seña de identidad de la empresa, ya que es estándar para todos sus sitios. Por cierto, esto es un componente de la pauta del lenguaje de experiencia global, si alguien está interesado.

Los desarrolladores de la BBC se complacen en dar consejos sobre cómo diseñar cuadrículas modulares en el diseño web. Por supuesto, no inventaron la bicicleta para nosotros, pero creo que será interesante para los recién llegados a la carrera de diseñador web.

1. El proceso comienza con la definición de lugares para bloques de la más alta jerarquía. Nos imaginamos como Sherlock Holmes, maestros de la deducción y seguimos la regla "De lo general a lo particular, de lo más grande a lo más pequeño".

2. Bajamos al siguiente nivel y colocamos los siguientes bloques en la jerarquía. Al mismo tiempo, nos basamos en las prioridades de contenido, para determinar cuáles analizamos las expectativas de los usuarios e identificamos nuestras propias ventajas competitivas.

3. Por lo tanto, primero calculamos la composición general y los elementos más grandes. Luego, refinamos, refinamos, detallamos. Para hacer esto, necesitamos dibujar una serie de bocetos. Solo después de un estudio detallado de la idea del sitio con la ayuda de un lápiz y papel, finalmente nos sentamos frente a la computadora.

4. Distribuya la información en bloques, agrupe el contenido. Por ejemplo, en el sitio web de la BBC, casi todos los grupos de contenido tienen un título que se refleja en las categorías del menú de navegación. Los títulos de los bloques sirven como anclas visuales que le permiten hojear la página web, así como también lo ayudan a comprender a qué categoría de contenido pertenece una noticia en particular.

Este enfoque es ampliamente utilizado tanto por principiantes como por expertos en diseño web. Permite no solo ahorrar mucho tiempo, sino también encontrar soluciones originales a problemas complejos.

Entonces, en nuestro curso de hoy de un joven luchador de diseño web, examinamos el concepto de una cuadrícula modular y las características de su aplicación. De hecho, este es un tipo de abstracción visual, con la ayuda de la cual colocamos todos los elementos y bloques de contenido a una distancia aceptable entre sí y en un nivel fácil de usar. Puede visualizar una cuadrícula modular usando una capa separada con la imagen de las guías.

Finalmente, quiero recordarles que el diseño web es la creación no solo de un sistema hermoso, sino también práctico y conveniente. Es por eso que todo diseñador web que se precie debería ser capaz de diseñar un sistema de navegación modular, estructurar la información y dividirla en bloques. Gracias a esto, será agradable para el usuario “navegar” por su sitio y percibir fácilmente su contenido.

Suscríbase a las actualizaciones de nuestro blog y comparta información valiosa con sus amigos. ¡Todas las rejillas modulares exitosas y hasta pronto!

"La cuadrícula es un sistema de ayuda, pero no es una garantía, sino que solo tiene una serie de aplicaciones posibles, y cada diseñador puede encontrar una solución que se adapte a su estilo individual. Pero hay que aprender a usar la cuadrícula. Es es un arte que requiere práctica".

— Joseph Müller-Brockmann

De hecho, el uso mismo de la cuadrícula está relacionado con uno de los principios más antiguos y básicos del diseño: la alineación. Nuestro cerebro quiere simplificar y hacer las cosas más comprensibles. Por eso tratamos de poner orden en cosas que parecen caóticas.

Naturalmente, cuanto más rápido organicemos todo correctamente, más rápido nuestro cerebro podrá determinar el modelo y seguir adelante. Las cuadrículas están tan ordenadas que casi no requieren interpretación de nuestra parte. .

Considere los dos diseños de página que se muestran en la siguiente figura:

Aunque ambas imágenes son solo algunos rectángulos, el conjunto en la parte superior parece fundamentalmente mejor que el de la parte inferior. Podemos reconocer instantáneamente el patrón, aceptarlo y seguir adelante. La imagen de abajo, por otro lado, causa incomodidad visual, ya que no tiene un patrón, orden o propósito claro y parece una colección aleatoria de formas.

Cabe señalar que la desorganización también puede ser hermosa. . En la naturaleza, por ejemplo, no hay líneas claras. Las mallas se ven frías y duras, pero recuerda que son muy efectivas y metodo efectivo no dejes que tu imaginación se atasque en estructuras.

Eche un vistazo a algunos de los sitios más populares con diseños de primer nivel. Lo más probable es que usaran una cuadrícula. Las cuadrículas le permiten estabilizar la estructura de una página web y proporcionan una plantilla lógica para que el diseñador cree un sitio.

Usar una cuadrícula no significa que su diseño será aburrido. Un buen diseñador debe conocer y ser capaz de aplicar las reglas básicas para usar una cuadrícula, pero eso no significa que no pueda romper las reglas.

En pocas palabras, una cuadrícula es la división de un diseño en guías verticales u horizontales que incluyen márgenes, espacio y varias columnas para sentar las bases para organizar el contenido.

Las cuadrículas se usan tradicionalmente en la impresión, pero también se usan comúnmente en el diseño web. La cuadrícula es solo una herramienta que ayuda en el diseño.

Al comenzar a aprender nuevas habilidades en un área en particular, primero debe seguir las recomendaciones. Aprender los fundamentos asegura que pueda aplicar los principios de manera efectiva. Es decir, primero - teoría y luego - práctica.

Vale la pena señalar que hay dos formas de crear una cuadrícula de plantilla:

Método #1: crea tu propia cuadrícula

Hay muchos varias maneras crea tu propia cuadrícula, pero al final, eres libre de elegir la que más te convenga.

Puede dividir un documento vacío matemáticamente, creando un número par o impar de columnas para trabajar. Tu red puede ser compleja o simple, puedes usar la regla de los tercios o la proporción áurea, lo que prefieras.

Quizás los siguientes artículos te ayuden con esto:

• Cómo hacer una cuadrícula (libro en idioma en Inglés en formato .pdf)

Aquí hay algunos ejemplos de mallas creadas en Photoshop usando guías ( Ver > Nueva guía):

Complementos para crear cuadrículas en Photoshop

5. Generador de sistema de cuadrícula: generador de cuadrículas tan populares como 960.gs, Golden Grid, 1Kb Grid, Simple Grid / configure los parámetros deseados y haga clic en "GENERAR".

Cuadrículas para sitios web receptivos/responsivos

El diseño web receptivo es muy popular hoy en día. Su principio fundamental es el uso de una malla de goma. Puede leer más sobre ellos, pero me gustaría complementar un poco esta colección y agregar algunos recursos más.

1. - generador de red adaptativa

2. Calculadora de cuadrícula fluida: un servicio que le permite crear una cuadrícula de goma. Ingrese los parámetros y obtenga el código terminado.