É conveniente usar grades modulares ao desenvolver um design ou criar uma imagem complexa. Eles servem como base da composição, dividindo a folha em um determinado número de etapas verticais e horizontais com distâncias iguais ou diferentes.
Necessário
Programa Abode Photoshop
Instruções
Passo 1
Todos os editores gráficos modernos e programas de web design têm grades modulares integradas. Se você estiver trabalhando no Adobe Photoshop, ative a exibição em grade para facilitar a organização dos objetos de imagem e sua colocação exata na folha. Para fazer isso, vá até o item de menu Editar e mova o mouse sobre a legenda Preferência. No menu que aparece, selecione o item Guias, Grades e Fatias (dependendo da versão do programa, este item pode ter nomes diferentes, escolha a palavra Grid).
Passo 2
Na janela de configurações que é aberta, defina os parâmetros da grade modular. Na área Grade, selecione a cor das linhas que formam os itens da grade e o espaçamento entre linhas. Clique em "OK" e verifique como as alterações feitas afetarão a aparência da imagem. No ambiente de desenvolvimento da Web do Adobe DreamWeaver, a grade é incluída por padrão no layout da página que você está desenvolvendo.
etapa 3
Você pode adicionar várias tabelas (itens de grade) com qualquer conjunto de linhas e colunas usando o item Inserir Tabela, bem como inserir novas tabelas em células, criando assim uma rede complexa para a construção de elementos de página.
Passo 4
Você pode criar uma grade modular manualmente usando estilos CSS. Para fazer isso, use as ferramentas #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr e outros módulos. Por exemplo, o seguinte trecho de código cria uma grade de quatro módulos de uma determinada largura:.page-layout {margin-right: -5px; }. caixa de layout {float: left; margem: 0 5px 5px 0; }.lb-1 {largura: 779px; } / * 100% * /. Lb-2 {largura: 583px; } / * 75% * /. Lb-3 {largura: 387px; } / * 50% * /. Lb-4 {largura: 191px; } / * 25% * /
Etapa 5
A presença de uma grade modular torna mais fácil para designers novatos e desenvolvedores web e mestres experientes neste campo. Projetos criados com base em uma grade modular são fáceis de editar e transferir, o que é muito conveniente para grandes volumes de trabalho. Você também pode interromper o trabalho a qualquer momento e continuar usando o arquivo salvo.
