Cum Se Fac Grile Modulare

Cuprins:

Cum Se Fac Grile Modulare
Cum Se Fac Grile Modulare

Video: Cum Se Fac Grile Modulare

Video: Cum Se Fac Grile Modulare
Video: window iron grill simple design | building materials | new grill design || 2024, Noiembrie
Anonim

Este convenabil să utilizați grile modulare atunci când dezvoltați un design sau creați o imagine complexă. Ele servesc ca bază a compoziției, împărțind foaia într-un număr specificat de trepte verticale și orizontale cu distanțe identice sau diferite.

Cum se fac grile modulare
Cum se fac grile modulare

Necesar

Programul Abode Photoshop

Instrucțiuni

Pasul 1

Toți editorii grafici moderni și programele de design web au grile modulare încorporate. Dacă lucrați în Adobe Photoshop, porniți afișajul grilei pentru aranjarea ușoară a obiectelor de imagine și plasarea lor exactă pe foaie. Pentru a face acest lucru, accesați elementul de meniu Editați și mutați mouse-ul peste legenda Preferință. În meniul care apare, selectați elementul Ghiduri, Grilă și felii (în funcție de versiunea programului, acest element poate avea nume diferite, alegeți cuvântul Grilă).

Pasul 2

În fereastra de setări care se deschide, setați parametrii grilei modulare. În zona Grilă, selectați culoarea liniilor care formează elementele grilei și distanța dintre linii. Faceți clic pe „OK” și verificați modul în care modificările aduse vor afecta aspectul imaginii. În mediul de dezvoltare web Adobe DreamWeaver, grila este inclusă implicit în aspectul paginii pe care o dezvoltați.

Pasul 3

Puteți adăuga diverse tabele (elemente de grilă) cu orice set de rânduri și coloane utilizând elementul Inserare tabel, precum și să inserați tabele noi în celule, creând astfel o rețea complexă pentru construirea elementelor paginii.

Pasul 4

Puteți crea manual o grilă modulară utilizând stiluri CSS. Pentru a face acest lucru, utilizați instrumentele #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr și alte module. De exemplu, următorul fragment de cod creează o grilă de patru module cu o lățime dată:.page-layout {margin-right: -5px; }.layout-box {float: left; marjă: 0 5px 5px 0; }.lb-1 {width: 779px; } / * 100% * /. Lb-2 {lățime: 583px; } / * 75% * /. Lb-3 {width: 387px; } / * 50% * /. Lb-4 {width: 191px; } / * 25% * /

Pasul 5

Prezența unei rețele modulare o face mai ușoară atât pentru proiectanții începători, cât și pentru dezvoltatorii web, precum și pentru maeștrii experimentați în acest domeniu. Proiectele create pe baza unei rețele modulare sunt ușor de editat și transferat, ceea ce este foarte convenabil pentru volume mari de muncă. De asemenea, puteți opri munca în orice moment și puteți continua să utilizați fișierul salvat.

Recomandat: