Implementacija dizajna interijera modularne mreže. Modularna mreža

Kako počinje dizajn logotipa? Razmišljate o ideji grafičkog znaka? Ili odabir fonta? Ili možda iz modularne mreže? Teško je reći, jer su u različitim slučajevima potrebni različiti pristupi. Međutim, mnogi dizajneri koji već imaju grubu ideju o tome kako bi logo trebao izgledati počinju stvaranjem modularne mreže. Korištenje mreže omogućuje stvaranje skladnog, geometrijski provjerenog i dobro organiziranog logotipa, koji se zatim može reproducirati u bilo kojoj veličini.

Modularna mreža je vrlo koristan alat u dizajnerskom arsenalu. Posebno za početnike - čak i savladavanjem osnova rada s vodičima, možete izbjeći mnoge greške u dizajnu. Najčešće se koristi obična kvadratna mreža sa ćelijama određene veličine, ali to uopće ne znači da je potrebno koristiti ovu opciju. Struktura mreže za kreiranje logotipa može biti bilo koja, na primjer, može biti kombinacija horizontalnih, okomitih i nagnutih vodilica koje su u interakciji s krugovima različitih promjera. Kakva će biti modularna mreža zavisi od samog dizajnera. Ako trebate stvoriti strog, jednostavan logotip zasnovan na principima geometrijske harmonije, ne možete bez modularne mreže. Ovo je jedini način stvaranja jedinstvenog logotipa, u kojem će širina slova, polumjer elemenata i udaljenost između znakova biti u skladu sa određenim standardima.

Da, ovaj pristup dizajnu logotipa može se nazvati previše mehaničkim, ali logotipi izgrađeni na bazi modularne mreže izgledaju "ispravnije" - uostalom, kreirani su prema određenim principima. Osim toga, ne zaboravite da će jednom razvijeni logotip biti reproducirani od strane drugih dizajnera, a ako znaju kako izgleda modularna mreža, bit će im puno lakše nositi se sa zadatkom.

Modularne rešetke najviše koristi različite vrste dizajn. Osnovna pravila za konstruisanje mreža formirana su davno - prvi znakovi korištenja vodiča mogu se vidjeti, na primjer, u starim rukopisima. Mreže su se naširoko koristile u štampi, a sa dolaskom kompjuterskog doba, prirodno su našle svoj put u web dizajnu.

Ono što je najzanimljivije je da mnogi ljudi, ne samo dizajneri, nesvjesno slijede pravila za konstruiranje modularnih mreža. Na primjer, fotografi, pokušavajući dobiti kompoziciono provjereni snimak, koriste pravilo trećine ili pravilo zlatnog omjera. Čak i klasični izraz "horizont je zaprečen" znači da je fotograf pogrešno "koristio" horizontalne vodilice. Dakle, dizajneri logotipa koji ne vole koristiti mrežu, govoreći da im ograničava kreativnost, trebaju biti svjesni da se svaki vizualni objekt koji ima kompoziciju kreira pomoću modularne mreže. Čak i ako se to dogodilo potpuno slučajno.

PREDNOSTI MODULARNE MREŽE

Koju vrstu mreže odabrati ovisi o mnogo razloga - važan je samo konkretan slučaj. Istovremeno, važno je ne zaboraviti da dizajneru treba biti ugodno raditi u ovom okruženju. Ako je upotreba mreže neugodna i ne koristi logotipu, tada je potrebno revidirati njenu strukturu. Nevidljivi okviri zaista mogu stati na putu, tako da morate biti prilično mirni u pogledu činjenice da će neki elementi narušiti strogu organizaciju. I to je sasvim normalno - uostalom, simboli kojima je logo ukucan imaju različite širine. Veoma je teško pridržavati se geometrijskih principa u logotipima koji koriste ćirilicu. Ćirilica sadrži slova koja dizajnera mogu dovesti u očaj. Ako pogledamo isto slovo U, postaje jasno da vidimo potpuno smiješan dizajn, koji se ne slaže dobro s obrisom ostalih slova preuzetih iz latinice. A žena nalik insektima? Ovo je općenito noćna mora za svakog dizajnera logotipa. Ali morate raditi sa onim što jeste, a nema vremena za modularnu mrežu. Takvi simboli će i dalje izlaziti izvan granica vodiča i s tim se morate pomiriti.

ZAŠTO VRIJEDI KORISTITI MREŽU

Logotip se može kreirati bez korištenja modularne mreže. Uzima se gotov font, upisuje se naziv brenda i to je to. Za grafički znak često ne morate raditi ni s vodičima. Postoji veliki izbor takvih logotipa i to često ni na koji način ne utiče na svijest o brendu. Na primjer, Google logo je u Catull-u. Dizajnerka Ruth Kedar samo je obojila slova različitim bojama i dodala sjene.

Ali ako se logotip kreira od nule, korištenje smjernica može biti od velike pomoći za dizajnera. Mreža vam pomaže da se fokusirate i posvetite više pažnje organizacijskoj strukturi logotipa. Korištenje modularne mreže omogućava vam da se fokusirate i kreirate logotip koji je jednostavan, ali dosljedno relevantan. Ako pogledate logotipe kompanija poput Applea, Shella ili Nikea, vidjet ćete da su kreirani korištenjem jednostavnih, klasičnih oblika.

Koristeći mrežu, možete kreirati svestrani logo koji će izgledati sjajno i na vizit karti i na ogromnom baneru. Istovremeno, vodilice, krugovi i krivulje nimalo ne ograničavaju let dizajnerove misli, naprotiv, čine njegovo razmišljanje fleksibilnijim. Ponekad možete vidjeti mnogo više opcija dizajna u linijama mreže - čini se da ćelije sugeriraju kako možete pomicati simbole tako da izgledaju skladno. Odnosno, kada radi sa mrežom, dizajner radi efikasnije sa raspoloživim prostorom.

KADA NE TREBA KORISTITI MREŽU

Općenito, kao što je gore navedeno, na bilo koji logotip kreiran koristeći osnovnu kompoziciju, možete primijeniti modularnu mrežu koja će pokazati kako je točno napravljen. Međutim, postoji nekoliko argumenata protiv korištenja vodiča.

Mreža može ograničiti kreativnost jer se dizajner osjeća "zaključano" u vodilicama. Nastojeći ne ići izvan utvrđenih granica, takav dizajner doživljava nelagodu, što ne doprinosi stvaranju visokokvalitetnog logotipa.

Kreiranje mreže može biti dugotrajno, posebno ako je logotip složen. S tim se često susreću dizajneri početnici koji su još uvijek novi u zakonima kompozicije i stoga ne mogu brzo stvoriti mrežu.

Budući da je mreža matematičke prirode, lako se zbuniti u svim ovim oblicima i, kao rezultat, zaboraviti na glavnu ideju. Uvijek treba imati na umu da uspješan logo nije samo skup geometrijskih oblika, već njihova skladna kombinacija. Sklonost nekih dizajnera da "igraju po pravilima" često dovodi do toga da dobiju bezličan i potpuno loš logo.

IZLAZ

Svi dizajneri logotipa rade drugačije. Neki ljudi više vole da prvo skiciraju na papiru, drugi odmah počnu crtati logo na računaru. Neki počinju izgradnjom modularne mreže, dok drugi preferiraju da prvo generišu sliku, a tek onda da je čine koherentnijom. Dakle, ne može se nedvosmisleno reći da je modularna mreža neophodna pri kreiranju logotipa. Međutim, dizajn logotipa se može uporediti sa izgradnjom zgrade. Dobro dizajnirana kuća će trajati duže, jer je zasnovana na dobro osmišljenom nacrtu. Isto važi i za logo: ako je korporativni identitet, lice brenda, onda je najbolje koristiti modularnu mrežu - uostalom, logo će kompanija koristiti dugi niz godina. I biće jako dobro ako je kompozicijski ispravan. Pa, za bilo koju stranicu koja je kreirana, kako kažu, za dušu, logotip koji je ukucao bilo koji nice font... A modularna mreža u ovom slučaju nije potrebna.

Ne tako davno, dok sam radio na još jednoj lekciji za kurs „Grafički dizajn. Osnove ”(planirano za izdavanje početkom januara), shvatio sam da tema korištenja i izgradnje modularnih mreža nije pokrivena na mnogim mjestima.

Postoji puno informacija o tome šta je modularna mreža i čemu služi, ali vrlo malo o tome kako je izgraditi i koja pravila treba slijediti. Stoga sam odlučio da će današnji prilog imati praktičan fokus i pokušati što jasnije obraditi ovu temu.

Dakle, modularna mreža je raspored vašeg rada, način organiziranja i poravnanja elemenata. On je okosnica kompozicionog rješenja i služi kao sredstvo za organiziranje ne samo sastavnih dijelova djela, već i slobodnog prostora.

Mreža nam može pomoći u rješavanju postavljenih zadataka i biti dio rješenja. Najupečatljiviji primjer je windows interfejs telefon:

Za one kojima je potreban detaljniji teorijski dio pitanja, postoji mogućnost da koriste pretragu ili se pretplate na kurs i dobiju odgovarajuće pismo, gdje je to dovoljno detaljno opisano, a mi idemo direktno na praksu.

Prvo, moramo odlučiti za šta nam je potrebna modularna mreža. Da li pravimo web stranicu ili kucamo časopis, ili naslovnicu za knjigu, ili nešto drugo? Ovisno o vrsti djelatnosti, treba istaknuti glavne strukturne elemente. Često je veličina modula određena jednim od ovih elemenata, na primjer, logotipom, položajem menija na web stranici itd. U izgledu, minimalna veličina je određena veličinom koja je čitljiva u određenoj situaciji.

Radi jasnoće, dat ću primjer modularne mreže štampane periodike. Ako napravimo časopis, onda strukturni elementi može postojati naslov, podnaslov, tekst, ilustracije. Dnevnici obično sadrže različite vrstečlanci u kojima se uloga tekstualnog dijela može promijeniti. U takvim slučajevima, kako bih mrežu učinio fleksibilnijom, koristim 5-7 modula (horizontalno):

Kombiniranje modula može se izvesti u gotovo bilo kojem formatu koji vam odgovara:

Zapravo, što je manji modul mreže, to će ona biti fleksibilnija bez gubitka proporcionalnosti. Ali mnogi ljudi smatraju da je nezgodno raditi s mrežama ako veličina njihovog modula teži veličini udaljenosti između modula. Takva mreža zasljepljuje u očima i lako se zbuniti u njoj, posebno za početnika:

Može biti puno opcija za izgradnju modularne mreže, ovdje ste ograničeni samo željama kupca i vašom maštom. Ne zaboravite da modularne mreže ne moraju biti vertikalne, mogu se graditi i dijagonalno, pod određenim uglom itd.

U slučaju sajtova, smatra se da je optimalan broj kolona 12, 16 i 24, što je posledica specifičnosti izgleda sajta i korišćenja mogućnosti okvira. Smatram da je minimalna visina modula za web 20px, što je zbog optimalna veličina font (12-14pt) i njegovu čitljivost.

Sada je vrijeme da razgovaramo o tehničkoj strani problema.

Kreiranje modularne mreže u

Prvi i najlakši način je da uključite mrežu samog grafičkog uređivača (Ctrl + ’) i, vodeći se njome, postavite vodiče. To će potrajati dugo i sa velikom vjerovatnoćom grešaka.
Instalirajte posebne dodatke za Photoshop ( GuideGuide , Modularna mreža , GridMaker 2).
Preuzmite gotov predložak iz jednog od besplatnih generatora mreže kao što su 960.gs, Golden Grid, 1Kb Grid, Simple Grid. Instaliraj željene parametre i kliknite na "GENERIRAJ".

U stvari, ima ih dovoljno veliki broj usluge za kreiranje mreža, uključujući i za "gumene" stranice. Mogu se vrlo lako pronaći pomoću pretrage, tako da ne vidim razloga da ih sve navedem u članku. Ove usluge su odlični pomagači početnicima.

Kreiranje modularne mreže u

Za razliku od Photoshopa, InDesign ima vlastiti modularni dizajn mreže. Na meniju Layout morate odabrati stavku Kreirajte vodiče i u dijaloški okvir unesite parametre koji su vam potrebni:

Ovaj alat ima prilično fleksibilne postavke, tako da neće biti teško stvoriti željenu strukturu. Mreženje se najbolje radi na Glavna stranica kako ne bi ponavljali postupak za svaku stranicu.

Kreiranje modularne mreže u

Prvi način (slično kao u Photoshopu) je da uključite mrežu samog grafičkog uređivača i, vođeni njime, postavite vodiče. Također je moguće napraviti bilo koji oblik vodiča, koji će pomoći u organiziranju nagnute mreže.
Preuzmite gotove šablone mreže. Gdje - pretraga će zatražiti. Možete ih naći na internetu.

Nadam se da vam je tema modularnih mreža postala bliža i jasnija. Obavezno vježbajte njihovu izgradnju. Savršeno razumijem da je ovo jako dosadno zanimanje, ali vrijedi. Mreže razvijaju vaš osjećaj za proporciju, omogućavajući vam da kasnije bolje vidite sve netačnosti poravnanja.

Izuzetno koristan članak o pravilima za kreiranje izgleda časopisa! Toplo preporučujem čitanje.

Prije nego što govorimo o modularnoj mreži, hajde da shvatimo šta je modul.

Modul Je slika koja se višestruko ponavlja, veličina ili proporcija. Je struktura (okvir, šablon) rasporeda grafičkih elemenata na stranicama. Osnova modularne mreže je “modul”, odnosno glavni korak rešetke, koji je vizualno određen širinom i visinom kaveza (modularne jedinice). Ćelije se grade pomoću vertikalnih stubova i horizontalnih linija.

Velika većina mreža je zasnovana na veličini papira koja se koristi kao osnova za publikaciju. Kao što možete zamisliti, kolone i osnovna mreža stranica kreiraju se pomoću automatskih naredbi programa. Mreža može biti vrlo raznolika, ovisno o namjeni publikacije i ideji dizajnera.

Mreža se kreira za cijeli širenje, a ne za svaku stranicu posebno. Ovo je učinjeno kako bi se čitava lista časopisa doživljavala kao jedna cjelina, a ne bi se dijelila na lijevi i desni dio, te kako bi čitava publikacija ne izgledala kao povez heterogenih stranica. Reverzna mreža može biti sastavljena od 2, 3, 4, itd. jednake i nejednake širine kolona.

Kolone jednake širine kreiraju se u prozoru za kreiranje dokumenta ili u panelu "Margine i kolone". Ako trebamo postaviti 3 kolone, onda broj 3 ubacujemo u odgovarajuće polje itd.

Ali šta ako, prema našem planu, ne bi svi stupci trebali imati istu širinu? Na primjer, što ako će tekst i slike biti u 2 široke kolone, a informacije s objašnjenjima u uskom bočnom stupcu?

U ovom slučaju, naša modularna mreža će biti izgrađena na osnovu razno broj automatskih kolona programa. Na primjer, ako postavimo 8 automatskih stupaca za stranicu, tada će naše 2 široke kolone (za tekst i slike) zauzimati po 3 automatske kolone, a uski bočni stupac će biti izgrađen na osnovu 2 automatske kolone.

Osim raspodjele po stupcima, koristi se i modularna mreža osnovni horizontalni lenjiri... Oni su usidreni za linije teksta i ivice grafičkih elemenata radi vizuelnog uređenja i poravnanja.

Naslovi može stati u jednu kolonu ili obuhvatiti više kolona. Nije neuobičajeno da naslov bude jedini element za cijelu stranicu. Sve ovisi o kreativnoj ideji i ličnim preferencijama dizajnera.

Isto tako, grafičke slike (fotografije ili ilustracije) mogu zauzeti jednu ili više kolona, ili mogu popuniti cijeli raspon. Prilično uobičajena tehnika je kada fotografija zauzima jedan dio širenja u cijelosti i lagano se proteže do drugog dijela kako bi vizualno ujedinila oba dijela.

Modularna mreža ne mora biti izgrađena od okomitih linija. Ponekad dizajner odluči nagnuti mrežicu ili joj čak dati originalan oblik.Ako želite ići dalje od uobičajenog, izađite!
Samo pokušajte da ne pretvorite svoj rad u Sizifov rad u potrazi za originalnošću. Zamislite kako bi bilo kucati 40-50 stranica sa kosom ili kovrčavom mrežom...

Stoga, prije nego što dobijete original, zapitajte se da li je to zaista toliko potrebno i zbog čega? Ako je cijeli časopis izgrađen na kosoj, obrnutoj ili kovrčavoj mreži, onda će, najvjerovatnije, takva originalnost čitatelja iznenaditi tek na prvih 5 stranica, a onda će postati dosadna.

Zašto? Jer čitatelj prije svega želi mirno čitati i asimilirati zanimljive informacije, a da ga ne ometa nikakav višak genijalnosti dizajnera.

Ali ako se originalni izgled pojavi samo u jednom određenom dijelu časopisa, tada će biti ne samo zanimljiv, već i prikladan, jer će rubrici dati moderan i prepoznatljiv izgled.

"Mreža je sistem pomoći, ali nije garancija, samo ima niz mogućih upotreba i svaki dizajner 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 povezana je s jednim od najstarijih i najosnovnijih principa dizajna - poravnanjem. Naš mozak želi sve pojednostaviti i učiniti razumljivijim. Zbog toga pokušavamo da uvedemo red u stvari koje izgledaju haotično.

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

Razmotrite dva izgleda stranica prikazana na slici ispod:

Iako su obje ove slike samo nekoliko pravokutnika, izgleda da je set na vrhu fundamentalno bolji od donjeg. Možemo odmah prepoznati obrazac, prihvatiti ga i krenuti dalje. Slika ispod, s druge strane, izaziva vizuelnu nelagodu, jer nema jasnu sliku, red ili svrhu i izgleda kao nasumični skup oblika.

Treba napomenuti da i neorganiziranost može biti lijepa. . U prirodi, na primjer, nema jasnih linija. Mreže izgledaju hladno i kruto, ali imajte na umu da su one vrlo učinkovita i učinkovita metoda da spriječite da vaša mašta zaglavi u strukturama.

Pogledajte neke od najpopularnijih web stranica s vrhunskim dizajnom. Najvjerovatnije su koristili rešetku. Mreže pomažu u stabilizaciji strukture web stranice i pružaju dizajneru logičan predložak za izradu web stranice.

Korištenje mreže ne znači da će vaš dizajn imati dosadan dizajn. Dobar dizajner treba znati i biti u stanju primijeniti osnovna pravila za korištenje mreže, ali to ne znači da ne može kršiti pravila.

Jednostavno rečeno, mreža je podjela rasporeda s vertikalnim i/ili horizontalnim vodičima uključujući margine, prostor i neke stupce za postavljanje temelja za organiziranje vašeg sadržaja.

Mreže se tradicionalno koriste u štamparskoj industriji, ali se često koriste i u web dizajnu. Mrežica je jednostavno alat koji pomaže u dizajnu.

Kada počnete učiti nove vještine u određenom području, prvo morate slijediti smjernice. 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 mnogo toga Različiti putevi kreirajte vlastitu mrežu, ali na kraju dana, slobodni ste da odaberete opciju koja vam najviše odgovara.

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

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

Kako napraviti mrežu (knjiga na 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 / podesite potrebne parametre i pritisnite "GENERIRAJ".

Mreže za gumene / responzivne stranice

Responzivni web dizajn je danas izuzetno popularan. Glavni od njegovih principa 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.

Napisao Josef Müller-Brockmann (1914–1996) je grafički dizajner i učitelj. Njegov rad je primjer jednostavnosti u dizajnu i suptilne upotrebe tipografije, oblika, boja. Oni su uticali na mnoge savremene dizajnere.

Na sajtu studija Lebedev stoji da knjiga nije na prodaju. Savjetujem vam da pogledate neku od službenih radnji. Odavno sam želeo da čitam" Modularni sistemi v grafički dizajn". Mislio sam da se više ne prodaje. Nakon što sam odbranio semestralni rad na BHShD-u, naletio sam na Lebedjevu studijsku radnju. Ispada da ga štampaju i prodaju.

Kupio sam ga, pročitao sam knjigu. Izneću svoje utiske i zanimljive ideje.

Za svaku temu dati su primjeri izgleda. Kako je knjiga nešto veća od A4 lista, ilustracije su velike i detaljne.

Uzorci stranica koristeći modularnu mrežu

Napomena za dizajnera

Josef opisuje proces rada na izgledu postera, izgledu stranice knjige i časopisa. Dio je posvećen problemima tipografije, jer ona utiče na percepciju. Dizajner mora biti u stanju razumjeti ove zamršenosti kako bi uspješno završio svoj posao.