Što je modularna rešetka. Kako napraviti modularnu rešetku?

Modularna rešetka - ovo je poseban predložak prema kojemu je izgrađen dizajn stranice. Zapravo, to je sustav za vizualnu informaciju posjetitelju na temelju pojedinačnih blokova, nazvanih modula. Web mjesto razvijeno pomoću takvog predloška mnogo je prikladnije za percepciju i navigaciju.

Način primjene rešetke

Modularna rešetka koristi se za izradu dizajna za knjige, posjetnice, zaštitne znakove, logotipove itd. Također je obvezno koristiti za izradu web stranica. Pravilno izrađena rešetka sklada sklada okruženje za sve elemente resursa - grafika i teksta. Sa svojom upotrebom je puno lakše staviti ih sve na stranicu i stvoriti jasne granice između njih. Postavljanjem elemenata na određeni način možete učiniti da je svaki od njih vidljiv i istovremeno povezati sve informacije o samoj web-lokaciji.

Vrste modularnih rešetki

Najčešća modularna rešetka u dizajnu stranice su tri temeljna stupca ćelije. U tom slučaju zaglavlje i podnožje imaju širinu jednaku veličini. Ovu standardnu ​​opciju obično koriste amateri prilikom izrade web mjesta. Ponekad se širina jedne ćelije povećava zbog širine druge ćelije.

Stvaranje druge varijante modularnih rešetki - nestandardnih - moguće je samo za ljude koji profesionalno sudjeluju u web dizajnu. U tom se slučaju točno određuje samo širina stupaca i udaljenost između pojedinih elemenata. Modularna mreža u oblikovanju raznih vrsta novinskih resursa i online časopisa obično se razvija na sljedeći način:

1. Napravljen je podnožje. Ovdje biste trebali pronaći naziv web mjesta, navigacijski izbornik, razne video materijale.
2. Stranica je podijeljena u tri stupca. U ovom slučaju dva od njih imaju iste dimenzije. Treći stupac podijeljen je u dva dijela okomitom linijom. Dakle, dobivaju se četiri odjeljka (vijesti, foto galerija, mjesto za oglašavanje, najnovije promjene informacija na web mjestu).

Modularna mreža za online trgovine raznih specijalizacija stvorena je nešto drugačije. U tom je slučaju vrlo važno osigurati praktičnost navigacije posjetiteljima. U ovom slučaju elementi su grupirani na standardni i ujednačen način. Za svaki od objekata u mreži označene su važne informacije koje ga obilježavaju.

Vladar u uredniku "Photoshop"

Web-lokacije izrađuju se pomoću rastera ili vektora grafički urednici. Rešetka u njima vrlo je prikladna za stvaranje. Razmislite o tome kako se to radi u popularnom uređivaču programa Photoshop. Izrada modularne rešetke u Photoshopu je vrlo jednostavna.

Da bi se vladari pojavili duž perimetra prozora slike, idite na glavnu stavku izbornika "View" i kliknite na liniju "Vladari". U ovom uređivaču možete koristiti široku paletu elemenata - s podjelama u centimetrima, milimetrima, inčima ili pikselima. Da biste izvršili potrebnu prilagodbu, idite na glavni izbornik "Uredi" (Uredi). Zatim odaberite liniju "Postavke" ("UnitsRulers"). Nakon toga pojavit će se prozor u kojem možete promijeniti izgled vladara. Na gornjem padajućem izborniku odaberite centimetre, milimetre, piksele i tako dalje.

Međutim, obično kada radite u uređivaču "Photoshop", koristite nešto drugačiju, jednostavniju metodu. Da biste promijenili mjerne jedinice, desnom tipkom miša kliknite pravokutnik u prozoru slici. Nakon toga, na izborniku koji se pojavi, možete izvršiti željenu radnju. Obično, prilikom izrade web mjesta, grid se koristi u pikselima.

Photoshop Grid

Vrlo modularna rešetka programa "Photoshop" postat će vidljiva nakon što prijeđete na glavnu stavku izbornika "View" - "Show" - "Grid" (Grid). Korak između rešetkastih vodova može se podesiti. Da biste to učinili, izvršite naredbu "Uredi" - "Postavke" - "Vodiči, rešetke i kriške" (vodiči, rešetke, kriške). Ovdje možete promijeniti ne samo korak između linija, već i njihovu boju. Koristeći ovu rešetku, brzo i precizno smjestite na radno polje svi predmeti buduće stranice će biti potpuno neupadljivi.

Rad s pokazivačem

Modularna rešetka stranice je stvorena na ovaj način vrlo jednostavno. Kursor na poslu ostaje na crti. To može biti korisno ako želite napraviti blokove preciznih, specifičnih veličina. Ako je to iz nekog razloga nepotrebno, možete ga isključiti. Prema zadanim postavkama, podrijetlo rešetke u "Photoshopu" nalazi se u gornjem lijevom kutu prozora. Ako želite, možete ga premjestiti na bilo koje drugo mjesto na platnu. Da biste to učinili, pomaknite pokazivač na kvadrat podrijetla i jednostavno ga povucite držeći tipku miša. Da biste referentnu točku vratili na lokaciju, dvaput kliknite na isti kvadrat u kutu.

Između ostalog, postoje i razni dodatci za "Photoshop" urednik, koji čine stvaranje stranice pomoću modularne mreže čak i više zgodan. Preuzmite ih na mreži. Pomoću tih dodataka možete izraditi rešetke s navedenim parametrima.

Rešetka u CorelDrawu

Pogledajmo sada kako napraviti modularnu rešetku u uredniku vektor CorelDraw. Ovdje se stvara otprilike isto kao iu Photoshopu. Ikona se nalazi na gornjoj ploči (oko u mreži). Nakon što kliknete na njega, možete izvršiti sve potrebne postavke. Dozvoljeni izbor udaljenosti između linija, promjena jedinice, i tako dalje. D. omeđuje operativnog polja u prozoru slike u CorelDraw i preko vodiča. Ako je potrebno, mogu biti vidljivi ili nevidljivi.

Modularna mreža u dizajnu stranice je temeljni element, koji bi se trebao približiti maksimalnom odgovornošću. Uostalom, koliko će resursa biti strukturirano, ovisi praktičnost posjetitelja, a time i vremena provedenog na njihovim stranicama.