Ce este o grilă modular. Cum sa faci o grilă modular?

Grila modular - acesta este un șablon special pe care designul site-ului și a construcției. De fapt, un sistem de prezentare a informațiilor vizuale vizitatorului pe bază de unități individuale, numite module. Site-ul dezvoltat folosind șablonul, este mult mai ușor de citit și să navigați.

Așa cum a ochiurilor de plasă utilizate

Grila modulară este folosită în dezvoltarea de design de carte, carti de vizita, mărci comerciale, logo-uri și așa mai departe. D. Asigurați-vă că să-l folosească atunci când crearea de site-uri. a făcut în mod corespunzător a ochiurilor de plasă aranjează armonios mediu pentru toate elementele de resurse - grafică și text. Cu utilizarea sa este mult mai ușor să le plaseze pe pagina și de a crea limite clare între ele. elemente într-un anumit fel Aranjarea, este posibil să se facă fiecare dintre ele vizibile și, în același timp, pentru a lega împreună toate informațiile de pe site.

Forme de grile modulare

Cele mai frecvente pagini de design grid modular - acestea sunt trei coloană de celule de bază. În acest caz, antet și subsol au o lățime egală cu dimensiunea lor. Această opțiune standard, este utilizată de obicei la crearea iubitorii de site-uri web. Uneori, lățimea unei celule este crescută cu lățimea celuilalt.

Crearea unui al doilea exemplu de realizare a rețelelor modulare - neobișnuite - numai de persoanele implicate în web design profesional. În acest caz, numai o lățime precis definită de coloane și distanța dintre elementele individuale. Design modular grilă diferite tipuri de surse de știri și reviste on-line sunt, de obicei dezvoltate după cum urmează:

1. Creat subsol. Nu ar trebui să fie pus numele site-ului, meniul de navigare, diverse video.
2. Pagina este împărțită în trei coloane. În acest caz, două dintre ele au aceleași dimensiuni. A treia coloană este împărțit în două părți printr-o linie verticală. Astfel, a obținut patru secțiuni (știri, fotografii, spațiu de publicitate, informare ultimele modificări ale site-ului).

Grila modulare pentru magazine on-line de diferite specializări create oarecum diferit. În acest caz, este important să se asigure ușurința de navigare vizitatori. Unde elementele grupate sunt mod standard si uniform. Pentru fiecare dintre obiectele informații importante iese în evidență într-o grilă pe care-l caracterizează.

Linia în editor „Photoshop“

Site - urile create folosind raster sau vectoriale editori grafice. Mesh în ele pentru a crea un foarte user-friendly. Să vedem cum se face acest lucru în populara Photoshop. Creează o grilă modulară în „Photoshop“ este foarte simplu.

Pentru a lucra la perimetrul ferestrei imagine apare bara, ar trebui să mergeți la meniul principal elementul „View» (Vizualizare) și faceți clic pe «linia» (linia Rigle). În acest editor, puteți utiliza o varietate de elemente - gradate în centimetri, milimetri, inch, sau pixeli. Pentru a efectua ajustarea necesară ar trebui să aibă loc în meniul principal „Edit» (Editare). Apoi, selectați „Setări» (Preferințe) - «Unități & Rigle» (Unități & Rigle). După aceasta apare o fereastră, în care puteți schimba aspectul liniei. În meniul vertical de sus selectați centimetri, milimetri, pixeli și așa mai departe. D.

Cu toate acestea, de obicei, atunci când se lucrează cu „Photoshop“, editorul folosește un mod puțin diferit, mai simplu. Pentru a schimba unitățile de măsură ar trebui pur și simplu să faceți clic pe această linie din imagine, faceți clic-dreapta pe fereastră. După aceea, meniul pop-up, puteți efectua acțiunea dorită. De obicei, atunci când creați un site utilizând grila în pixeli.

Photoshop Grid

Foarte modular, „Photoshop“ grila de program va fi vizibil după ce porniți opțiunea „View“ meniul principal - „Arată» (Arată) - «Grid» (Grid). Pasul între liniile grilei pot fi configurate. Pentru a face acest lucru, executați comanda „Edit“ - „Settings“ - „Ghiduri, grile, și fragmente» (Ghidaje, Grilă, Felii). Puteți schimba nu numai un pas între liniile, dar culoarea lor. Folosind această grilă, plasat rapid și precis pe terenul de lucru, toate obiectele de pe site-ul viitorului va fi destul de ușor.

Lucrul cu cursorul

site-ul grila modular este creat în așa fel este foarte simplu. Cursorul este la lipeste liniile. Acest lucru poate fi util în cazul în care aveți nevoie pentru a face blocuri exacte, o anumită dimensiune. Dacă această caracteristică este pentru orice motiv ar fi inutilă, o puteți dezactiva. În mod implicit, grila de start în „Photoshop“ este situat în colțul din stânga sus al ferestrei. Dacă se dorește, acesta poate fi mutat în orice alt loc de panza. Pentru a face acest lucru, plasați cursorul pe caseta de origine, și pur și simplu trageți ținând apăsat butonul mouse-ului. Pentru a reveni la punctul de plecare ar trebui să fie un loc unde să faceți clic de două ori pe același pătrat în colț.

În plus, există tot felul de plug-in-uri pentru „Photoshop“ Editor vă permite să facă crearea de site-ul cu ajutorul unei grile modulare, chiar mai convenabil. Descărcați-le on-line. Folosind aceste plug-in-uri pot crea ochiurilor de plasă cu parametri presetate.

net CorelDraw

Acum, să vedem cum să facă o grilă modulară în CorelDraw editor de vector. Aici, ea a creat aproximativ la fel ca în „Photoshop“. Icon este situat pe panoul superior (într-un ochi grilă). După ce faceți clic pe ea va fi posibil să se efectueze toate setările necesare. Permis selectarea distanței dintre linii, o unitate de schimbare, și așa mai departe. D. delimiteaza domeniul de operare în fereastra de imagine în CorelDraw și prin intermediul ghiduri. Ele pot fi făcute vizibile sau invizibile, dacă este necesar.

grila de modulare în designul site-ului - un element fundamental în dezvoltarea pe care ar trebui să fie abordată cu cea mai mare responsabilitate. La urma urmei, cât de bine va fi structurat de resurse care depinde de confortul vizitatorilor, și, prin urmare, timpul petrecut pe paginile sale.