Es conveniente utilizar cuadrículas modulares al desarrollar un diseño o crear una imagen compleja. Sirven como base de la composición, dividiendo la hoja en un número específico de pasos verticales y horizontales con la misma o diferentes distancias.
Necesario
Programa de Photoshop de residencia
Instrucciones
Paso 1
Todos los editores gráficos y programas de diseño web modernos tienen cuadrículas modulares integradas. Si está trabajando en Adobe Photoshop, active la visualización de la cuadrícula para organizar fácilmente los objetos de la imagen y su ubicación exacta en la hoja. Para hacer esto, vaya al elemento del menú Editar y mueva el mouse sobre el título de Preferencias. En el menú que aparece, seleccione el elemento Guías, cuadrículas y cortes (según la versión del programa, este elemento puede tener diferentes nombres, elija la palabra Cuadrícula).
Paso 2
En la ventana de configuración que se abre, configure los parámetros de la cuadrícula modular. En el área de la cuadrícula, seleccione el color de las líneas que forman los elementos de la cuadrícula y el interlineado. Haga clic en "Aceptar" y compruebe cómo los cambios realizados afectarán la apariencia de la imagen. En el entorno de desarrollo web de Adobe DreamWeaver, la cuadrícula se incluye de forma predeterminada en el diseño de la página que está desarrollando.
Paso 3
Puede agregar varias tablas (elementos de cuadrícula) con cualquier conjunto de filas y columnas utilizando el elemento Insertar tabla, así como insertar nuevas tablas en celdas, creando así una red compleja para construir elementos de página.
Paso 4
Puede crear una cuadrícula modular manualmente utilizando estilos CSS. Para hacer esto, use las herramientas #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr y otros módulos. Por ejemplo, el siguiente fragmento de código crea una cuadrícula de cuatro módulos de un ancho determinado:.page-layout {margin-right: -5px; }.layout-box {float: left; margen: 0 5px 5px 0; }.lb-1 {ancho: 779px; } / * 100% * /. Lb-2 {ancho: 583px; } / * 75% * /. Lb-3 {ancho: 387px; } / * 50% * /. Lb-4 {ancho: 191px; } / * 25% * /
Paso 5
La presencia de una cuadrícula modular hace que sea más fácil tanto para los diseñadores novatos como para los desarrolladores web, y para los maestros experimentados en este campo. Los proyectos creados sobre la base de una cuadrícula modular son fáciles de editar y transferir, lo que es muy conveniente para grandes volúmenes de trabajo. También puede dejar de trabajar en cualquier momento y continuar usando el archivo guardado.
