Mreža za ogradu jedan je od najčešćih građevinskih materijala koji se koriste za izgradnju ograda. Ovaj materijal ima prilično dug vijek trajanja, praktičan je i praktičan, a također i jeftin. Lako ga je montirati i demontirati vlastitim rukama, kao i ponovno koristiti nakon demontaže. Proizvodi se mogu koristiti ne samo za označavanje granica teritorije, već i za okvir živice i kao dekorativni element. Članak govori o vrstama rešetki i kako ih instalirati.

Vrste ogradnih mreža

Mreža lančanika predstavljena je sljedećim glavnim tipovima:

• nepocinkovano
• galvanized
• plastificiran

Nepocinčana je najjeftinija opcija, ali ima najkraći vijek trajanja, jer je podložna koroziji. Za razliku od njega, pocinčano je prekriveno zaštitnim antikorozivnim slojem, pa je stoga njegova cijena veća. Metal u plastificiranom sastavu prekriven je slojem plastike koji štiti od negativnih utjecaja okoline. Ova opcija je najskuplja, iako najtrajnija.

Osim toga, modeli su podijeljeni na rombične i kvadratne (prema obliku ćelija), standardne i lagane.

Ograda od plastične mreže

Plastični proizvodi su se nedavno pojavili na građevinskom tržištu. Postupno se počinje natjecati s metalnim proizvodima. Bazira se na ekstrudiranom polimeru od kojeg se prave vlakna.

Prednosti i nedostaci

Glavne prednosti plastičnih proizvoda nazivaju se:

• Mogućnost odabira boje, veličine, oblika ćelija;
• Jednostavnost transporta i ugradnje;
• Visoka otpornost na negativne faktore okoline;
• Sposobnost da izdrži širok raspon temperatura;
• Trajnost;
• Sigurnost i netoksičnost materijala;
• Jednostavnost održavanja.

Plastične mrežaste ograde

Međutim, među prednostima postoji i značajan nedostatak plastične ograde: njena snaga. Na primjer, takva ograda neće moći služiti kao prepreka uljezima. Stoga se ograde od takvog materijala preporučaju koristiti za razgraničenje pojedinačnih teritorija unutar ljetne vikendice (bašte), na primjer, travnjaka i cvjetnjaka.

Da biste postavili plastičnu ogradu, nije vam potrebna pomoć profesionalnih graditelja. Uostalom, za njegovu ugradnju bit će dovoljno zakopati potporne stupove na udaljenosti od 2-3 metra jedan od drugog, a da ih čak i ne betonirate. Samo platno je pričvršćeno na nosače žicom ili prekrasnim podvezicama. Da biste povećali krutost proizvoda, možete postaviti dodatnu žičanu žicu na vrh i dno ograde.

Mreža za ogradu

Nije uzalud da je lanac jedna od najpopularnijih opcija za izgradnju ograde, jer ima niz prednosti. Razmotrimo detaljnije glavne prednosti i nedostatke takvih proizvoda, kao i značajke njihove instalacije.

Prednosti i nedostaci

Među prednostima lanca najčešće se nazivaju:

• Dug vijek trajanja;
• snaga;
• Sposobnost da izdrži širok raspon temperatura;
• Jednostavnost instalacije;
• Jeftino;
• Mogućnost ponovo koristiti nakon demontaže;
• Slobodan prodor sunčeve svjetlosti bez mogućeg zasjenjenja;
• Visoka zaštitna funkcija;
• Mogućnost dopune konstrukcije bodljikavom žicom ili električnom ogradom;
• Jednostavnost održavanja.

Odlučivši zaštititi svoju stranicu uz pomoć lanca, trebali biste biti svjesni ne samo njegovih prednosti, već i nedostataka, među kojima su nesigurnost ograđenog prostora od znatiželjnih očiju, kao i neprestižan izgled. Osim toga, uz njegovu pomoć bit će prilično teško izgraditi ogradu veću od 3,5 metra.

Kako sami instalirati

Montaža se može izvršiti na dva načina: sekcioni i zatezni metod. Razmotrite jednostavniju opciju, to jest, reći ćemo vam kako izgraditi ogradu pomoću metode zatezanja.

Montaža lančane ograde

Za pričvršćivanje platna trebat će vam potporni stupovi, metalni i drveni. Da biste ih instalirali, potrebno je iskopati rupe u zemlji, čije je dno poželjno ojačati pijeskom i šljunkom. U pripremljene rupe ugrađuju se drveni stupovi, posipaju ih zemljom i nabijaju. Za bolje skupljanje, preporučuje se da se napunjena rupa napuni vodom kako bi tlo postalo gušće. Metalne stubove potrebno je betonirati. Stoga se pripremljene jame pune običnim betonskim malterom. Također je potrebno osigurati da svi stupovi imaju istu visinu i da su postavljeni strogo okomito.

Nakon postavljanja svih nosača i stvrdnjavanja betona, pristupa se rastezanju mreže. Da biste to učinili, rola s njom se postavlja u blizini jednog od ugaonih stupova i sigurno fiksira čavlima (klamama) na drvene stupove ili na prethodno zavarene kuke na metalnim nosačima. Kada se platno učvrsti na prvom nosaču, počinju odmotavati rolnu, prelazeći na drugi stup, gdje se ponavlja operacija pričvršćivanja. Istovremeno, treba osigurati da donja ivica nepocinčanog proizvoda ne dodiruje površinu tla, već se nalazi na udaljenosti od 10 cm od nje. Kako bi se spriječilo opuštanje platna, potrebno ga je malo zategnuti, koristeći za to čeličnu sajlu ili komad armature koji je prošao kroz ćelije na vrhu ili dnu platna. Za spajanje dvije rolne, koristite posebne elemente za spajanje, drugim riječima, jednostavno zavrnite kraj jedne rolne na početak druge. Proces zatezanja se nastavlja sve dok se cijela ograda ne zategne oko perimetra.

Zavareni

Više vremena oduzima izgradnja ograde od zavarene mreže. U ovom slučaju, platno je prethodno zavareno u čelične okvire. Ovaj tip se pokazao najjačim i najtrajnijim, pa se najčešće koristi za zaštitu raznih sportskih objekata i privatnih prostora. Budući da se zavareni proizvod temelji na čvrstoj čeličnoj žici promjera 3-5 mm, proizvodi se ne u rolama, već u kartonima, čija je veličina 2x2,5 metara.

Vanjske karakteristike zavarenih proizvoda

Dizajn presjeka omogućava izvođenje različitih dizajnerskih rješenja. Osim toga, ima posebnu snagu i pouzdanost, jer su sve šipke koje čine platno zavarene jedna na drugu na raskrižjima. Osim toga, svaki fragment je dodatno opremljen učvršćivačima, koji su odgovorni za održavanje izvornog oblika svake kartice i ograde u cjelini.

Prednosti i nedostaci

Atraktivna karakteristika zavarenog modela je njegova umjerena cijena uz visoku kvalitetu. Također možete istaknuti sljedeće prednosti proizvoda:

• Slobodan pristup sunčevoj svjetlosti i dobra cirkulacija zraka i svjetlosti;
• Dizajn male težine;
• Otpornost na štetne faktore okoline;
• Površinska sigurnost;
• Jednostavnost instalacije;
• Sposobnost zamjene oštećenog fragmenta;
• Lakoća njege;
• Estetika.

Uz prednosti, može se izdvojiti takav nedostatak kao što je pretjerana vidljivost teritorije. Međutim, to je lako popraviti sadnjom zelenih površina ili penjanjem uz živicu.

Kako sami instalirati

Za samostalnu montažu, morat ćete uložiti više truda i vremena. Dakle, zemljani radovi se sastoje od kopanja rova ​​dubine 1 metar i širine 0,5 metara po cijelom obodu ograde. Dno rova ​​je ojačano mješavinom lomljenog kamena i pijeska, na koji je postavljena oplata s armaturnim kavezom. U tom slučaju oplata treba da se uzdiže 20 cm iznad površine tla, odnosno izvode se radovi na izgradnji trakastog temelja.

Zatim prijeđite na postavljanje nosača i izlijevanje temelja. Nakon što se malter stvrdne, sekcije se pričvršćuju posebnim pričvršćivačima ili aparatom za zavarivanje. Svaki okvir može biti dodatno ojačan uglom.

Euro mrežasta ograda

Među svim vrstama zavarene mreže, posebno su popularni modeli sa posebnim polimernim premazom, takozvana euro mreža. Ovaj materijal vam omogućava da dobijete jaku i lijepu ogradu po relativno niskoj cijeni. Tkanina je tkana od čelične žice presvučene PVC-om. Njegov promjer je 2,5 mm, a veličina ćelija može biti različita: 50x50 mm i 100x50 mm. Na građevinskom tržištu materijal se prodaje u rolama visine 2 m i 1,5 m i dužine 25 m, od kojih je svaka pakirana u debeli papir i polietilen.

Prednosti i nedostaci

Ograde izgrađene od ovog materijala imaju veću krutost i pouzdanost po niskoj cijeni, pa se stoga natječu sa žičanim ogradama od lančanika, valovitog kartona ili drveta. Stvar je u tome što je polimer koji pokriva žicu mnogo deblji i gušći od polimerne boje, ne puca i ne blijedi, zbog čega nema potrebe dodatno premazati žicu cinkom, što smanjuje njenu cijenu. Osim toga, čelične mrežaste ograde obložene PVC-om izgledaju mnogo zanimljivije od ograda s lancima, pa se stoga mogu koristiti u pejzažnom dizajnu.

Euro mrežaste ograde

Često se takav materijal prodaje u kompletu s potpornim stupovima, čija ugradnja ne zahtijeva betoniranje. Stoga se izgradnja ograde može izvesti u bilo koje doba godine. Osim toga, PVC obložena ograda može se lako demontirati i ponovo koristiti na drugom mjestu.

Kako sami instalirati

Ogradu od takvog materijala prilično je lako montirati sami. Budući da je sam materijal vrlo krut, nema potrebe za postavljanjem potpornih stubova češće od svaka 3 metra. Rola se lako i praktično odmotava i razvlači između stubova. Algoritam je isti kao kod instaliranja konvencionalne lančane veze. Uključuje obilježavanje teritorije, postavljanje potpornih stubova i direktnu ugradnju same mreže.

Kako odabrati mrežu za ogradu

Prilikom odabira rešetke za izgradnju ograde, trebali biste odlučiti u koju svrhu će se ograda postaviti i koji su zahtjevi na nju postavljeni. Na primjer, proizvodi od tanke žice s velikim ćelijama potpuno su neprikladni za ograđivanje velike površine, jer se brzo deformiraju.

Prilikom odabira vrste tkanine za izgradnju ograde, preporučuje se obratiti pažnju na veličinu njegovih ćelija. Trebali biste znati da što su ćelije manje, to je platno jače. Što je platno jače, manje svjetlosti prenosi kroz sebe. Stoga morate odabrati materijal na osnovu vlastitih zahtjeva. Na primjer, najbolja opcija za ljetnu vikendicu bio bi model s veličinom ćelije od 40-60 mm, koji ima dovoljnu snagu i prenosi potrebnu količinu sunčeve svjetlosti. Za ograđivanje sportskog terena prikladniji je proizvod sa ćelijama čija veličina ne prelazi 40 mm, jer je izdržljiviji.

Također treba obratiti pažnju na materijal od kojeg je mreža napravljena. Najniža cijena je obična crna nepocinčana. Prilikom postavljanja ograde od nje, morate znati da je ovom materijalu potrebno redovno farbanje, jer je sklon hrđi. Tako će vaši troškovi premašiti originalnu cijenu. Stoga bi isplativija opcija bila kupovina pocinčanog i obojenog modela. Njegov radni vek je oko 20 godina. Skuplja, ali i pouzdanija opcija je korištenje zavarene mreže obložene posebnim PVC premazom. Iz tog razloga, izbor zavisi i od vaših finansijskih mogućnosti.

Odabir prema veličini ćelije, debljini i širini

Izbor mreže za ogradu ne ovisi o obliku njenih ćelija. Ovdje je važna njihova veličina, kao i debljina žice. Biraju se na osnovu zahtjeva koji se odnose na ogradu. Na primjer, model s velikim mrežama od tanke žice nije prikladan za ograđivanje prostora u kojem se drži perad. Treba znati da što su ćelije veće, to je platno transparentnije, a što su manje, to je platno gušće. Ovu činjenicu također treba uzeti u obzir, jer su neke biljke posađene uz ogradu potrebne u velikom broju sunčeva svjetlost, pa im stoga proizvod s malim ćelijama nije prikladan.

Također se mora shvatiti da što je veća ćelija, to je tanja žica od koje je napravljena sama mreža. Tanka žica je sklona savijanju i brzom deformisanju, stoga nije pogodna za ograđivanje velikih površina i zahtijeva čestu ugradnju potpornih stubova. Iz tog razloga najčešće se bira mreža debljine 2-3 mm. U isto vrijeme, trebate znati da ako ima polimerni premaz, onda je stvarni promjer metala manji za 0,4-0,5 mm.

• Veličina ćelije. Svi bi trebali biti isti i ujednačeni.
• Rubovi platna. Trebaju biti savijene i dobro izrezane.
• Težina rolne. Ne smije prelaziti 80 kg.
• Podaci o proizvođaču. Ne sadrži samo naziv, već i dimenzije materijala, kao i datum njegove proizvodnje.

Recenzije: koja je mrežasta mreža bolja za ogradu

Prilikom odabira lanca za ogradu, bit će mudro voditi se ne samo ličnim preferencijama i savjetima prodavača, već i slušati recenzije onih koji su već kupili ili pustili ogradu u rad. Istovremeno, obratite pažnju na recenzije o cijeni proizvoda, njegovoj kvaliteti i trajnosti, kao i jednostavnosti i načinu ugradnje.

Kategorija cijene

Morate biti svjesni da cijena ovisi o širini same rolne, debljini žice i veličini ćelija. Što je žica deblja i što je veća širina, to je veća težina rolne, a time i njena cijena. Osim toga, trošak ovisi o dostupnosti i vrsti zaštitnog premaza. Dakle, najjeftiniji će biti crni nepocinčani, a najskuplji - pocinčani PVC premazom.

Najpopularnija je mreža sa ćelijom od 50x50 mm. Proizvod s takvom ćelijom i debljinom žice od 2,5 mm bit će 20% jeftiniji nego s većom ćelijom i manje jakom žicom.

Kvalitet, stepen pouzdanosti

Ako govorimo o kvaliteti, onda bi bilo neracionalno kupiti jednostavnu nepocinčanu mrežu, jer njen vijek trajanja nije predug. Osim toga, morat ćete ga dodatno obojiti, što podrazumijeva financijske troškove. Stoga je pogodan samo za izgradnju privremene ograde, na primjer, tokom izgradnje. po najviše najbolji izbor zove se pocinkovana mreža. Njegova cijena bit će nešto veća (ne više od 30% sirove vrijednosti), ali će vijek trajanja biti najmanje 15 godina.

Ako govorimo o mreži s polimernim premazom, onda ovdje trebate znati da čvrstoća materijala ne ovisi toliko o vrsti polimera, već o podlozi na koju je primijenjen. Stoga, ako je obična crna mreža presvučena polimerom, tada će njen vijek trajanja biti samo 5-6 godina, iako će cijena biti 1,5 viša. Najbolje je kada se polimerni premaz nanosi na pocinčanu žicu. To osigurava ne samo pouzdanost mreže, već i njen dekorativni učinak, a trošak će biti manji od jedne i pol cijene od jednostavne galvanizacije.

Brzina erekcije

Izgradnja lančane ograde ne zahtijeva mnogo truda i vremena. Izgradnja takve ograde u pravilu ne zahtijeva betoniranje nosača, pa se stoga može izvesti u prilično kratkom vremenskom periodu. Izuzetak može biti sekcijska ograda od zavarene mreže, koja ima značajnu težinu. Za njegovu izgradnju potreban je trakasti temelj sa betoniranim potpornim stupovima.

Modularna mreža je sistem organizovanja objekata u prostoru, zasnovan na redovima i kolonama određene, striktno date veličine. Ćelije mogu sadržavati jedinice sadržaja: tekstualne blokove, naslove, okvire i slike.

Mreže se mogu naći ne samo u informatičkom dizajnu, već iu arhitekturi, interijerima i urbanističkom planiranju. U svim ovim prostorima mreže se grade po sličnim principima vezanim za želju da se unese red i sklad u iscrtani prostor.

Obratite pažnju na jednu od skica razvoja Manhattana 1807. godine, koja se pokorava strogoj mreži ulica koje se kreću od zapada prema istoku i od sjevera prema jugu.

Zašto su mreže potrebne?

U početku se mreža koristila u novinskom poslovanju kako bi se povećala efikasnost. Raspored listova omogućio je smanjenje troškova održavanja stalnih štampača, standardizaciju izgleda stranica i uštedu vremena samih "dizajnera". Ploče su ubrzo zamijenjene fleksibilnijim modularnim mrežama.

Prateći novi trend, početkom 1960-ih, grafički dizajner Peter Palazzo redizajnirao je New York Herald Tribune. Godine 1966. umjetnička urednica Janet Collins predstavila je novi izgled za London Times. Obje ove transformacije su to pokazale radnicima u industriji uniformni stil dizajn poboljšava kvalitet interakcije između čitalaca i publikacije. Urednici novina i časopisa brzo su shvatili potrebu za mrežama i počeli ih primjenjivati ​​u svojoj praksi.

Kao iu danima novina, u digitalnom dobu, pravilno primijenjene mreže pomažu u zadržavanju pažnje čitaoca, poboljšavaju kvalitet percepcije teksta i općenito poboljšavaju doživljaj njegove interakcije s materijalom. U medijskom dizajnu danas, mreža unosi red i konzistentnost u informacije. Odgovorna je za strukturiranje sadržaja pojedinačnih članaka i publikacije u cjelini.

Joseph Müller-Brockmann U svojoj knjizi Modularni sistemi u grafičkom dizajnu, on piše o mrežama ovako:

„Strukturiranjem ravnina i prostora pomoću modularne mreže, dizajner je u mogućnosti organizirati tekstove, fotografije i grafičke slike na principima objektivnosti i funkcionalnosti.<…>Logično organizovan dizajn održava kredibilitet informacija i angažuje čitaoca.”

Šta su rešetke?

Postoji mnogo vrsta i konfiguracija mreža: od primitivnih "ćelija", kao u školska sveska, na složene strukture s različitim razmacima između horizontala i vertikala.

Prikupili smo najčešće i već "klasične" uzorke, upoznavanje s kojima će pomoći boljem razumijevanju modularnog dizajna:

kvadratna mreža

Najjednostavnija mreža, koja je činila osnovu modularnog sistema, sastojala se od kvadrata i izgledala je kao obična grafička tabela. Počeo je da se koristi već krajem prve četvrtine dvadesetog veka. Tipografski dizajneri iz Ciriha i Basela usavršili su ga u poslijeratnim godinama, što se poklopilo s porastom interesovanja za Helveticu i slična pisma, što je dovelo do škole "švicarske tipografije".

Na primjer: Robert Buechler, 1914
Izvor: Thinking Form

Max Bill mreže

Prvo iskustvo sa grid-om u poslovanju s knjigama bio je sistem koji je razvio Max Bill za knjigu "Die Neue Architektur". U ovoj knjizi, objavljenoj 1940. godine, Alfred Roth je koristio podelu stranice na devet horizontalnih modula. Omogućili su slobodno raspoređivanje ilustracija i postavljanje teksta na njih na tri jezika. Nekoliko godina ranije, oslanjajući se na ideje iz "nove tipografije" Bauhausa, Bill je koristio mrežu od šest modula u svom čuvenom "Negerkunst" posteru za izložbu južnoafričke rock umjetnosti 1931. godine.

Modularna mreža je poseban predložak na kojem se gradi dizajn stranice. U stvari, ovo je sistem za predstavljanje vizuelnih informacija posetiocu zasnovan na zasebnim blokovima koji se nazivaju moduli. Stranica razvijena pomoću takvog predloška mnogo je pogodnija za percepciju i navigaciju.

Kako se mreža primjenjuje

Modularna mreža se koristi u dizajnu knjiga, vizitkarti, zaštitnih znakova, logotipa itd. Takođe je potrebno koristiti i pri izradi web stranica. Pravilno napravljena mreža skladno komponuje okruženje za sve elemente resursa – grafičke i tekstualne. Njegovom upotrebom mnogo je lakše sve ih postaviti na stranicu i stvoriti jasne granice između njih. Poređajući elemente na određeni način, svaki od njih možete učiniti uočljivim i istovremeno povezati sve informacije o samom sajtu.

Vrste modularnih mreža

Najčešća modularna mreža u dizajnu stranice su kolone sa tri ćelije. Istovremeno, gornji i footer imaju širinu jednaku njihovim dimenzijama. Ovu standardnu ​​opciju obično koriste amateri prilikom kreiranja web stranica. Ponekad se time povećava širina jedne ćelije na račun širine druge.

Kreiranje druge verzije modularnih mreža - nestandardnih - moguće je samo za ljude koji se profesionalno bave web dizajnom. U ovom slučaju precizno se definira samo širina stupaca i razmak između pojedinih elemenata. Modularna mreža u dizajnu raznih vrsta novinskih izvora i online časopisa obično se razvija na sljedeći način:

1. Podnožje je kreirano. Ovdje se treba nalaziti naziv stranice, navigacijski meni, razni video materijali.
2. Stranica je podijeljena u tri kolone. Međutim, dvojica od njih imaju iste veličine. Treći stupac je vertikalnom linijom podijeljen na dva dijela. Tako se dobijaju četiri sekcije (vesti, galerija fotografija, oglasni prostor, najnovije promene informacija na sajtu).

Modularna mreža za online trgovine različitih specijalizacija kreirana je na malo drugačiji način. U ovom slučaju, vrlo je važno omogućiti laku navigaciju posjetiteljima. Istovremeno, elementi su grupirani na standardan i ujednačen način. Za svaki od objekata u mreži, a važna informacija karakterišući ga.

Lenjir u Photoshopu

Sajtovi se kreiraju pomoću rastera ili vektora. Vrlo je zgodno napraviti mrežu u njima. Razmislite kako se to radi u popularnom Photoshop uređivaču. Kreiranje modularne mreže u Photoshopu je vrlo jednostavno.

Da bi se lenjiri pojavili po obodu prozora radne slike, idite na stavku glavnog menija "Prikaz" (View) i kliknite na liniju "Lenjiri" (Lenjiri). U ovom uređivaču možete koristiti razne elemente - s podjelama u centimetrima, milimetrima, inčima ili pikselima. Da biste izvršili potrebna podešavanja, potrebno je da odete na stavku glavnog menija „Uređivanje“ (Edit). Zatim odaberite redak "Postavke" (Preference) - "Jedinice i ravnala" (Jedinice i ravnala). Nakon toga će se pojaviti prozor u kojem možete promijeniti izgled ravnala. U gornjem padajućem meniju odaberite centimetre, milimetre, piksele itd.

Međutim, obično kada rade u Photoshop uređivaču, koriste malo drugačiji, jednostavniji metod. Za promjenu mjernih jedinica jednostavno kliknite na samo ravnalo u prozoru slike desni klik miševi. Nakon toga, u meniju koji se pojavi, možete izvršiti željenu radnju. Obično se prilikom kreiranja stranice koristi mreža piksela.

Photoshop Grid

Modularna mreža samog programa Photoshop postat će vidljiva nakon što odete na stavku glavnog izbornika “View” - “Show” (Prikaži) - “Grid” (Grid). Razmak između linija mreže može se podesiti. Da biste to učinili, izvršite naredbu "Uređivanje" - "Postavke" - "Vodice, mreže i fragmenti" (Vodiči, Mreža, Slice). Ovdje možete promijeniti ne samo korak između linija, već i njihovu boju. Koristeći ovu mrežu, biće apsolutno lako brzo i precizno postaviti sve objekte buduće lokacije na radno polje.

Rad sa kursorom

Modularna mreža stranice je kreirana na ovaj način vrlo jednostavno. Kursor se drži linija tokom rada. Ovo može biti zgodno ako trebate napraviti blokove preciznih, definiranih veličina. Ako iz nekog razloga ova funkcija nije potrebna, može se isključiti. Podrazumevano, ishodište mreže u Photoshopu se nalazi u gornjem levom uglu prozora. Po želji se može premjestiti na bilo koje drugo mjesto na platnu. Da biste to uradili, pomerite kursor preko kvadrata ishodišta i jednostavno ga prevucite dok držite pritisnut taster miša. Da biste vratili referentnu tačku na njeno mjesto, dvaput kliknite na isti kvadrat u uglu.

Između ostalog, postoje razni dodaci za Photoshop editor koji kreiranje web stranice pomoću modularne mreže čine još praktičnijim. Preuzmite ih na mreži. Koristeći ove dodatke, možete kreirati mreže sa određenim parametrima.

Mreža u CorelDrawu

Sada da vidimo kako napraviti modularnu mrežu vektorski uređivač CorelDraw. Ovdje je kreiran na isti način kao u Photoshopu. Njegova ikona se nalazi na gornjoj ploči (oko u mreži). Nakon što kliknete na njega, možete učiniti sve neophodna podešavanja. Možete odabrati razmak između linija, promijeniti jedinicu mjere, itd. Razgraničite radno polje u prozoru slike u CorelDraw-u i pomoću vodiča. Po potrebi se mogu učiniti vidljivim ili nevidljivim.

Modularna mreža u dizajnu web stranice je temeljni element, čijem razvoju treba pristupiti s najvećom odgovornošću. Na kraju krajeva, udobnost njegovih posjetitelja, a time i vrijeme koje provode na njegovim stranicama, ovisi o tome koliko je dobro strukturiran resurs.

Od autora: Nažalost, mnogi moderni i spektakularni web dizajneri često zaboravljaju da bi rezultat njihovog rada trebao biti probavljiva web stranica, a ne lijep screenshot, prikladan samo za portfolio. U ovom članku formulirao sam zahtjeve koji se moraju uzeti u obzir u procesu dizajniranja i dizajniranja web sučelja.

Modularna mreža u web dizajnu je temeljno rješenje koje ne samo da će poboljšati upotrebljivost stranice, već će i uvelike pojednostaviti život programera.

Šta je modularna mreža?

Dozvolite mi da objasnim na poznatom primjeru. Otvorite bilo koju papirnatu knjigu. Vidite tekst koji se proteže cijelom širinom stranice, isključujući margine? Dakle, evo tipičnog rasporeda sa jednom kolonom. Sada pogledajte časopis ili novine. U časopisu se informacije tradicionalno dijele na dvije kolone, a u novinama - na tri ili četiri, pa čak i više.

Generalno, web dizajn je naslijedio dosta različitih "čipova" od print dizajna. To su principi rada sa fontovima, i pravila kompozicije, i moduli. Sajtovi sa vizit kartama i sajtovi za prezentacije mogu biti zadovoljni strukturom od jedne kolone, početne stranice - sa dve kolone, složenije informacioni projekti bi, shodno tome, trebalo da imaju složeniji i promišljeniji raspored.

Modularna mreža u web dizajnu je jedinstveni raspored svih elemenata i blokova stranice. Ovaj žičani okvir prolazi kroz sve web stranice i pomaže u stvaranju vizualnog poretka stranice.

Mreže mogu biti jednostavne ili složene, fiksne ili dinamičke, ali to nije bitno. Ako postavite određenu modularnu strukturu u svom procesu web dizajna, pridržavajte se nje od prve do posljednje stranice web stranice.

Šta učiniti ako tokom crtanja internih stranica imate blokove ili elemente koji ne odgovaraju vašem žičanom okviru? Ne želim da vas razočaram, ali ovo ukazuje da vaša mreža nije dobra i da niste potrošili dovoljno vremena da je dizajnirate.

Šta su rešetke?

Pogledajmo vrste mreža za web dizajn.

1. Blok mreža - grubi raspored područja u blokove.

2. Kolona - ima kolone u svojoj strukturi.

3. Modularno - sastoji se od linija koje se ukrštaju koje formiraju module.

4. Hijerarhijski - mreža sa intuitivnim postavljanjem blokova, bez ikakvih logička struktura.

Za razliku od print dizajna, mreža u web dizajnu može biti ne samo fiksna, već i dinamička. Na primjer, možete napraviti jednu ili više kolona rasporeda rastegljivim, fluidnim, postavljanjem njihove širine kao postotaka i fiksiranjem veličine preostalih kolona.

Grid za web dizajn 960 Grid System (http://960.gs) odgovara konceptu "statičnog" izgleda, a za kreiranje "fluida" može se obratiti pažnja na Bootstrap grid (http://getbootstrap.com /css/#grid ). Modularni okvir 960 GS dijeli web stranicu na 12, 16 i 24 stupca.

Kada dizajnirate "fluidnu" strukturu, ne zaboravite na maksimalnu širinu ekrana. Obično je ograničen na 1280 piksela. Ako ne uzmete u obzir maksimalnu vrijednost širine, onda uključite veliki monitori sadržaj stranice će biti jako rastegnut, što će negativno utjecati na njegovu percepciju.

Najpopularnija i jednostavna za implementaciju je modularna mreža s dva stupca, čije se proporcije izračunavaju uzimajući u obzir sljedeće pretpostavke:

najčešća rezolucija ekrana je 1024x768;

širina izgleda ne bi trebala prelaziti 770 piksela, tako da se traka za pomicanje ne pojavljuje pri dnu na ekranu rezolucije 800x600;

kolona koja obavlja funkcije informacijskog modula mora imati veću širinu od kolone koja je definirana kao navigacijski modul (meni).

Na osnovu ovoga, proporcija izgleda ovako: 200 piksela. + 550 pix. ili 150 piksela. + 620 pix.

Veća kolona treba da sadrži navigacijski meni, manja - katalog ili sadržaj.

Uzmimo kao primjer mrežu web dizajna poznate web stranice. Sve BBC-ove stranice koriste univerzalnu strukturu stupaca od 61 x 16 piksela kako bi odgovarali standardnim fotografijama i video zapisima brenda.

Kao što možete vidjeti na slici, BBC mreža je prilično fleksibilna i omogućava vam postavljanje bilo koje informacije: od ozbiljne analitike do vijesti iz zabave. Ova modularna mreža je zaštitni znak kompanije, jer je standardna za sve njene lokacije. Inače, ova stvar je sastavni dio smjernice Global Experience Language, ako nekoga zanima.

BBC programeri rado daju savjete o tome kako dizajnirati modularne mreže u web dizajnu. Naravno, bicikl nisu izmislili za nas, ali mislim da će biti zanimljiv za novajlije u karijeri web dizajnera.

1. Proces počinje određivanjem mjesta za blokove najviše hijerarhije. Takvima sebe zamišljamo Šerloka Holmsa - majstora dedukcije i držimo se pravila "Od opšteg ka posebnom, od najvećeg do najmanjeg".

2. Spuštamo se na sljedeći nivo i postavljamo blokove koji slijede u hijerarhiji. Istovremeno, baziramo se na prioritetima sadržaja, kako bismo utvrdili koje analiziramo očekivanja korisnika i identificiramo vlastite konkurentske prednosti.

3. Dakle, prvo razrađujemo cjelokupnu kompoziciju i najveće elemente. Zatim - dorađujemo, dorađujemo, detaljimamo. Da bismo to učinili, moramo nacrtati niz grubih skica. Tek nakon detaljnog proučavanja ideje stranice uz pomoć olovke i papira, konačno sjedamo za kompjuter.

4. Raspodijelite informacije u blokove, grupni sadržaj. Na primjer, na web stranici BBC-a gotovo svaka grupa sadržaja ima naslov koji se ogleda u kategorijama navigacijskog menija. Naslovi blokova služe kao vizuelna sidra koja vam omogućavaju da brzo pređete kroz web stranicu, kao i da razumete kojoj kategoriji sadržaja pripada određena vest.

Ovaj pristup naširoko koriste i početnici i majstori web dizajna. Omogućava ne samo uštedu vremena, već i pronalaženje originalnih rješenja za složene probleme.

Dakle, u našem današnjem kursu mladog borca ​​web dizajnera, ispitali smo koncept modularne mreže i karakteristike njene primjene. Zapravo, radi se o svojevrsnoj vizualnoj apstrakciji, uz pomoć koje sve elemente i blokove sadržaja postavljamo na prihvatljivu udaljenost jedni od drugih i na nivou prilagođenom korisniku. Modularnu mrežu možete vizualizirati koristeći poseban sloj sa slikom vodilica.

Na kraju, želim da vas podsjetim da je web dizajn stvaranje ne samo lijepog, već i praktičnog, praktičnog sistema. Zato bi svaki web dizajner koji poštuje sebe trebao biti u stanju dizajnirati modularni navigacijski sistem, strukturirati informacije i razbiti ih u blokove. Zahvaljujući tome, korisniku će biti ugodno da "surfa" vašom web lokacijom i lako percipira njen sadržaj.

Pretplatite se na ažuriranja našeg bloga i podijelite vrijedne informacije sa svojim prijateljima. Svi uspješni modularni gridovi i vidimo se uskoro!

"Grid je sistem pomoći, ali nije garancija, već ima samo niz mogućih primjena, a svaki dizajner sam može pronaći rješenje koje odgovara njegovom individualnom stilu. Ali morate naučiti kako koristiti mrežu. To je umjetnost koja zahtijeva praksu."

— Joseph Müller-Brockmann

Zapravo, sama upotreba mreže vezana je za jedan od najstarijih i najosnovnijih principa dizajna – poravnanje. Naš mozak želi da pojednostavi i učini stvari razumljivijima. Zato pokušavamo da uvedemo red u stvari koje izgledaju kaotično.

Naravno, što brže sve pravilno organiziramo, brže će naš mozak moći odrediti model i krenuti dalje. Mreže su tako uređene da ne zahtijevaju gotovo nikakvu interpretaciju s naše strane. .

Razmotrite dva izgleda stranica prikazana na donjoj slici:

Iako su obje ove slike samo nekoliko pravokutnika, skup na vrhu izgleda fundamentalno bolji od onog na dnu. Možemo odmah prepoznati obrazac, prihvatiti ga i krenuti dalje. Slika ispod, s druge strane, izaziva vizualnu nelagodu, jer nema jasan uzorak, red ili svrhu i izgleda kao nasumična kolekcija oblika.

Treba napomenuti da i neorganiziranost može biti lijepa. . U prirodi, na primjer, nema jasnih linija. Mrežice izgledaju hladno i tvrdo, ali zapamtite da su vrlo efikasne i efikasan metod ne dozvolite da se vaša mašta zaglavi u strukturama.

Pogledajte neke od najpopularnijih stranica s vrhunskim dizajnom. Najvjerovatnije su koristili rešetku. Mreže vam omogućavaju da stabilizirate strukturu web stranice i pružaju logičan predložak za dizajnera za kreiranje web stranice.

Korištenje mreže ne znači da će vaš dizajn biti dosadan. Dobar dizajner bi trebao znati i biti sposoban primijeniti osnovna pravila za korištenje mreže, ali to ne znači da ne može prekršiti pravila.

Jednostavno rečeno, mreža je podjela rasporeda na vertikalne i/ili horizontalne vodiče uključujući margine, prostor i niz kolona kako bi se postavila osnova za organiziranje sadržaja.

Mreže se tradicionalno koriste u štampi, ali se također često koriste u web dizajnu. Mreža je samo alat koji pomaže u dizajnu.

Kada počnete učiti nove vještine u određenom području, prvo morate slijediti preporuke. Učenje osnova osigurava da možete efikasno primijeniti principe. Odnosno, prvo - teorija, a onda - praksa.

Vrijedi napomenuti da postoje dva načina za kreiranje mreže šablona:

Metoda #1: Kreirajte vlastitu mrežu

Ima ih mnogo razne načine kreirajte svoju vlastitu mrežu, ali na kraju ste slobodni odabrati onu koja vam najviše odgovara.

Možete matematički podijeliti prazan dokument, kreirajući paran ili neparan broj stupaca za rad. Vaša mreža može biti složena ili jednostavna, možete koristiti pravilo trećine ili zlatni omjer, kako god želite.

Možda će vam sljedeći članci pomoći u tome:

• Kako pravite mrežu (rezervirajte u engleski jezik u .pdf formatu)

Evo nekoliko primjera mreža kreiranih u Photoshopu pomoću vodiča ( Pogled > Novi vodič):

Dodaci za kreiranje mreža u Photoshopu

5. Grid System Generator - generator popularnih mreža kao što su 960.gs, Golden Grid, 1Kb Grid, Simple Grid / postavite željene parametre i kliknite "GENERIRAJ".

Mreže za responzivne/responzivne web stranice

Responzivni web dizajn je danas vrlo popularan. Njegov glavni princip je upotreba gumene mreže. Možete pročitati više o njima, ali ja bih želio malo dopuniti ovu kolekciju i dodati još nekoliko izvora.

1. - adaptivni mrežni generator

2. Kalkulator fluidne mreže - usluga koja vam omogućava da kreirate gumenu mrežu. Unesite parametre i dobijete gotov kod.