Ce este o rețea modulară? Cum se face o rețea modulară?

Grilă modulară - acesta este un șablon special, conform căruia este construit proiectul site-ului. De fapt, acesta este un sistem de prezentare a informațiilor vizuale vizitatorului pe baza blocurilor individuale, numite module. Un site dezvoltat folosind un astfel de șablon este mult mai convenabil pentru percepție și navigare.

Cum se aplică grila

O rețea modulară este utilizată în elaborarea de desene sau modele pentru cărți, cărți de vizită, mărci comerciale, logo-uri etc. De asemenea, este obligatorie utilizarea acesteia la crearea site-urilor Web. Soluția corect realizată compune armonios mediul pentru toate elementele resursei - grafic și text. Prin utilizarea sa, este mult mai ușor să le plasați pe pagină și să creați limite clare între ele. Prin plasarea elementelor într-un anumit mod, puteți face fiecare dintre ele vizibile și, în același timp, să le legați toate informațiile despre site-ul însuși.

grilă modulară

Tipuri de grile modulare

Cea mai obișnuită rețea modulară în proiectarea paginilor este cele trei coloane de bază ale celulei. În acest caz, antetul și subsolul au o lățime egală cu dimensiunile acestora. Această opțiune standard este utilizată de obicei de către amatori atunci când creează site-uri. Uneori, lățimea unei celule crește în funcție de lățimea celeilalte celule.

Crearea unei a doua variante a rețelelor modulare - non-standard - este posibilă numai pentru persoanele care se angajează profesional în designul web. În acest caz, numai lățimea coloanelor și distanța dintre elementele individuale sunt determinate cu precizie. Grilă modulară în proiectarea diferitelor tipuri de resurse de știri și reviste online este de obicei dezvoltată după cum urmează:

  1. Se creează un subsol. Aici ar trebui să găsiți numele site-ului, meniul de navigare, diverse materiale 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, sunt obținute patru secțiuni (știri, galerie foto, loc pentru publicitate, ultimele schimbări de informații pe site).

Grilă modulară pentru magazine online de diferite specializări este creată oarecum diferit. În acest caz, este foarte important să se asigure navigarea vizitatorilor. În acest caz, elementele sunt grupate într-o manieră standard și uniformă. Pentru fiecare dintre obiectele din rețea, sunt evidențiate informații importante care o caracterizează.

Ruler în editorul "Photoshop"

Site-urile sunt create folosind raster sau vector editorii grafici. Grilă în ele este foarte convenabil pentru a crea. Luați în considerare modul în care se face în editorul popular Photoshop. Crearea unei rețele modulare în Photoshop este foarte simplă.

Pentru ca rigle să apară de-a lungul perimetrului ferestrei imaginii, accesați elementul de meniu principal "Vizualizare" și faceți clic pe linia "Rulers". În acest editor puteți utiliza o mare varietate de elemente - cu diviziuni în centimetri, milimetri, inci sau pixeli. Pentru a efectua ajustarea necesară, accesați meniul principal "Editare" (Editare). Apoi selectați linia "Preferințe" ("UnitsRulers"). Apoi, va apărea o fereastră în care puteți schimba aspectul riglei. În meniul derulant superior, selectați centimetri, milimetri, pixeli și așa mai departe.

plasă modulară în design



Cu toate acestea, de obicei, când lucrați în editorul "Photoshop", utilizați o metodă ușor diferită și mai simplă. Pentru a schimba unitățile de măsură, faceți clic pur și simplu pe rigla din fereastra cu butonul drept al mouse-ului. După aceea, în meniul care apare, puteți efectua acțiunea dorită. De obicei, atunci când creați un site, o rețea este utilizată în pixeli.

grilă modulară în Photoshop

Grilă Photoshop

Rețeaua foarte modulară a programului "Photoshop" va deveni vizibilă după ce accesați elementul de meniu principal "Vizualizare" - "Afișați" - "Grilă". Treapta dintre liniile de rețea poate fi ajustată. Pentru a face acest lucru, executați comanda "Editare" - "Setări" - "Ghidaje, grilă și felii" (ghidaje, grilă, felii). Aici puteți schimba nu numai pasul dintre linii, ci și culoarea lor. Folosind această grilă, plasați rapid și precis pe câmpul de lucru toate obiectele viitorului site vor fi complet necomplicate.

grilă modulară a site-ului

Lucrul cu cursorul

Rețeaua modulară a site-ului este creată în acest mod foarte simplu. Cursorul la locul de muncă se lipeste de linii. Acest lucru poate fi util dacă doriți să faceți blocuri de dimensiuni precise și specifice. Dacă această funcție nu este necesară din anumite motive, puteți să o dezactivați. În mod implicit, originea grilei din "Photoshop" este situată în colțul din stânga sus al ferestrei. Dacă doriți, îl puteți deplasa în orice alt loc de pe pânză. Pentru a face acest lucru, deplasați cursorul pe pătratul de origine și pur și simplu trageți-l ținând apăsat butonul mouse-ului. Pentru a readuce punctul de referință la locație, faceți dublu clic pe același pătrat din colț.

Printre altele, există diferite plug-in-uri pentru editorul "Photoshop", care fac chiar mai convenabil crearea unui site folosind o rețea modulară. Descărcați-le online. Cu ajutorul acestor plug-in-uri puteți crea grile cu parametrii specificați.

Grilă în CorelDraw

Acum, să vedem cum să creăm o rețea modulară în editorul vectorial CorelDraw. Aici este creat cam la fel ca în Photoshop. Pictograma sa este situată pe panoul superior (ochiul din rețea). După ce faceți clic pe acesta, puteți efectua toate setările necesare. Puteți alege distanța dintre linii, schimbați unitatea de măsură etc. Separați câmpul de lucru din fereastra cu imagini din CorelDraw și folosiți ghidajele. Dacă este necesar, ele pot fi făcute vizibile sau invizibile.

cum să faci o rețea modulară

Plasă modulară în proiectarea site-ului este un element fundamental, care trebuie abordat cu maximă responsabilitate. La urma urmei, pe cât de bine va fi structurată resursa, confortul vizitatorilor depinde și, prin urmare, timpul petrecut pe paginile lor.

Distribuiți pe rețelele sociale:

înrudit
Cum să plasați site-ul pe Internet?Cum să plasați site-ul pe Internet?
Modulare de programareModulare de programare
Casă modulară pentru viață de-a lungul întregului an: caracteristici, argumente pro și contraCasă modulară pentru viață de-a lungul întregului an: caracteristici, argumente pro și contra
Învățarea de a face lebede modulare origamiÎnvățarea de a face lebede modulare origami
Broșura este un exemplu de creațieBroșura este un exemplu de creație
Modul adaptiv pentru site-uriModul adaptiv pentru site-uri
Programul de creare a site-urilor web: o revizuire a celui mai bun softwareProgramul de creare a site-urilor web: o revizuire a celui mai bun software
Butoane de rețele sociale pentru siteButoane de rețele sociale pentru site
Indexarea site-ului în motoarele de căutareIndexarea site-ului în motoarele de căutare
Dezvoltarea și proiectarea sitului: principalele etapeDezvoltarea și proiectarea sitului: principalele etape
» » Ce este o rețea modulară? Cum se face o rețea modulară?