Kako Napraviti Modularne Rešetke

Sadržaj:

Kako Napraviti Modularne Rešetke
Kako Napraviti Modularne Rešetke

Video: Kako Napraviti Modularne Rešetke

Video: Kako Napraviti Modularne Rešetke
Video: Izrada resetke 0001 2024, Studeni
Anonim

Prikladno je koristiti modularne rešetke pri razvoju dizajna ili stvaranju složene slike. Oni služe kao osnova kompozicije, dijeleći list na određeni broj vertikalnih i vodoravnih koraka s jednakim ili različitim udaljenostima.

Kako napraviti modularne rešetke
Kako napraviti modularne rešetke

Potrebno

Program Abode Photoshop

Upute

Korak 1

Svi moderni grafički urednici i programi za web dizajn imaju ugrađene modularne rešetke. Ako radite u Adobe Photoshopu, uključite mrežni prikaz radi lakšeg raspoređivanja slikovnih objekata i njihovog točnog postavljanja na list. Da biste to učinili, idite na stavku izbornika Uredi i pomaknite miša preko opisa Preference. U izborniku koji se pojavi odaberite stavku Vodiči, rešetka i odsječci (ovisno o verziji programa, ova stavka može imati različita imena, odaberite riječ Mreža).

Korak 2

U prozoru postavki koji se otvori postavite parametre modularne mreže. U području rešetke odaberite boju linija koje čine stavke mreže i razmak između redaka. Kliknite "U redu" i provjerite kako će izvršene promjene utjecati na izgled slike. U Adobe DreamWeaver web razvojnom okruženju, mreža je prema zadanim postavkama uključena u izgled stranice koju razvijate.

3. korak

Pomoću stavke Umetanje tablice možete dodati razne tablice (stavke mreže) s bilo kojim skupom redaka i stupaca, kao i umetati nove tablice u ćelije, stvarajući tako složenu mrežu za izgradnju elemenata stranice.

4. korak

Možete ručno stvoriti modularnu mrežu pomoću CSS stilova. Da biste to učinili, upotrijebite alate #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr i druge module. Na primjer, sljedeći isječak koda stvara mrežu od četiri modula zadane širine:.page-layout {margin-right: -5px; }.layout-box {float: left; marža: 0 5px 5px 0; }.lb-1 {širina: 779px; } / * 100% * /. Lb-2 {širina: 583px; } / * 75% * /. Lb-3 {širina: 387px; } / * 50% * /. Lb-4 {širina: 191px; } / * 25% * /

Korak 5

Prisutnost modularne mreže olakšava i dizajnerima početnicima i web programerima, i iskusnim majstorima u ovom području. Projekti stvoreni na osnovi modularne mreže lako se uređuju i prenose, što je vrlo povoljno za velike količine radova. Također možete zaustaviti posao u bilo kojem trenutku i nastaviti koristiti spremljenu datoteku.

Preporučeni: