Moodulvõrgu sisekujundus. Modulaarne võrk

Kuidas logo kujundamine algab? Kas mõtlete läbi graafilise märgi idee? Või fondivalik? Või äkki moodulvõrgust? Seda on raske öelda, kuna erinevatel juhtudel on vaja erinevaid lähenemisviise. Paljud disainerid, kellel on juba ligikaudne ettekujutus sellest, milline logo välja peaks nägema, alustavad aga moodulvõrgu loomisega. Ruudustiku kasutamine võimaldab teil luua harmoonilise, geomeetriliselt kontrollitud ja hästi korraldatud logo, mida saab seejärel reprodutseerida igas suuruses.

Moodulvõrk on disaineri arsenalis väga kasulik tööriist. Eriti algajatele - isegi giididega töötamise põhitõdesid omandades saate vältida paljusid disainivigu. Kõige sagedamini kasutatakse tavalist ruudukujulist ruudustikku antud suurusega lahtritega, kuid see ei tähenda üldse, et seda võimalust on vaja kasutada. Logo loomise ruudustiku struktuur võib olla ükskõik milline, näiteks võib see olla kombinatsioon horisontaalsetest, vertikaalsetest ja kaldus juhikutest, mis suhtlevad erineva läbimõõduga ringidega. Milline on moodulvõrk, jääb disaineri enda otsustada. Kui teil on vaja luua range, lihtne logo, mis põhineb geomeetrilise harmoonia põhimõtetel, ei saa te ilma modulaarse ruudustikuta hakkama. Ainult nii saab luua ainulaadse logo, milles tähtede laius, elementide kõverusraadius ja tähtede vaheline kaugus järgivad teatud standardeid.

Jah, seda lähenemist logodisainile võib nimetada liiga mehaaniliseks, kuid moodulvõrgu baasil ehitatud logod näevad välja "õigemad" - lõppude lõpuks on need loodud teatud põhimõtteid kasutades. Lisaks ärge unustage, et pärast logo väljatöötamist reprodutseerivad seda teised disainerid ja kui nad teavad, kuidas moodulvõrk välja näeb, on neil ülesandega palju lihtsam toime tulla.

Modulaarseid võrke kasutatakse mitmesugustes kujundustes. Võrkude ehitamise põhireeglid moodustati juba ammu - esimesed märgid juhendite kasutamiseks on näha näiteks vanades käsikirjades. Trükis kasutati laialdaselt võrke ja arvutiajastu tulekuga leidsid nad loomulikult tee veebidisaini.

Kõige huvitavam on see, et paljud inimesed, mitte ainult disainerid, järgivad alateadlikult moodulvõrkude ehitamise reegleid. Näiteks fotograafid, kes üritavad kompositsiooniliselt kinnitatud kaadrit saada, kasutavad kolmandiku reeglit või kuldse suhte reeglit. Isegi klassikaline väljend "horisont on takistatud" tähendab, et fotograaf "kasutas" horisontaaljuhikuid valesti. Seega peaksid logodisainerid, kellele ei meeldi ruudustikku kasutada, öeldes, et see piirab nende loovust, ja olla teadlikud, et iga visuaalne objekt, millel on kompositsioon, luuakse moodulvõrgu abil. Isegi kui see juhtus täiesti juhuslikult.

MODULAARVÕRGU EELISED

Millist tüüpi võrku valida, sõltub paljudest põhjustest - oluline on ainult konkreetne juhtum. Samal ajal on oluline mitte unustada, et disaineril peaks selles keskkonnas töötamine olema mugav. Kui ruudustiku kasutamine on ebamugav ega tule logole kasuks, tuleb selle ülesehitus üle vaadata. Nähtamatud raamid võivad tõesti teid takistada, nii et peate olema üsna rahulik selles, et mõned elemendid rikuvad ranget organisatsiooni. Ja see on täiesti normaalne - sümbolid, millega logo trükitakse, on erineva laiusega. Kirillitsat kasutavate logode puhul on geomeetrilistest põhimõtetest kinnipidamine väga raske. Kirillitsa tähestik sisaldab tähti, mis võivad kujundaja meeleheitele viia. Kui vaatate sama U -tähte, selgub, et näeme täiesti naeruväärset kujundust, mis ei sobi hästi kokku teiste ladina tähestikust võetud tähtede kontuuriga. Ja putukataoline naine? See on tavaliselt iga logo kujundaja õudusunenägu. Kuid peate töötama sellega, mis on, ja moodulvõrgu jaoks pole aega. Sellised sümbolid lähevad ikkagi juhendite piiridest kaugemale ja peate sellega leppima.

MIKS TASUTA VÕRGU KASUTADA

Logo saab luua ilma moodulvõrku kasutamata. Võetakse valmis font, sinna trükitakse brändinimi ja ongi kõik. Graafilise märgi puhul ei pea te sageli ka juhenditega koostööd tegema. Selliseid logosid on palju ja see ei mõjuta sageli mingil moel bränditeadlikkust. Näiteks Google'i logo on Catullis. Disainer Ruth Kedar maalis tähti ainult erinevates värvides ja lisas varje.

Aga kui logo luuakse nullist, võib juhendite kasutamine disainerile väga kasulik olla. Ruudustik aitab teil keskenduda ja pöörata rohkem tähelepanu logo organisatsioonilisele struktuurile. Moodulvõrgu kasutamine võimaldab teil keskenduda ja luua lihtsa, kuid järjekindlalt sobiva logo. Kui vaatate selliste ettevõtete logosid nagu Apple, Shell või Nike, näete, et need loodi lihtsate klassikaliste kujundite abil.

Ruudustiku abil saate luua mitmekülgse logo, mis näeb hea välja nii visiitkaardil kui ka suurel bänneril. Samal ajal ei piira juhendid, ringid ja kurvid üldse disaineri mõtte lendu, vastupidi, muudavad tema mõtlemise paindlikumaks. Kohati näete ruudustikujoontes palju rohkem kujundusvõimalusi - lahtrid näivad soovitavat, kuidas saate sümboleid liigutada nii, et need näeksid välja harmoonilised. See tähendab, et võrguga töötades töötab disainer olemasoleva ruumiga tõhusamalt.

KUI TE EI PEA GREIDI KASUTAMA

Üldiselt, nagu eespool märgitud, saate põhikompositsiooni abil loodud logole rakendada modulaarset ruudustikku, mis näitab täpselt, kuidas see loodi. Juhendite kasutamise vastu on aga mitmeid argumente.

Võrk võib loovust piirata, kuna disainer tunneb end juhendites "lukustatuna". Püüdes mitte ületada kehtestatud piire, kogeb selline disainer ebamugavust, mis ei aita kaasa kvaliteetse logo loomisele.

Ruudustiku loomine võib olla väga aeganõudev, eriti kui logo on keeruline. Sellega puutuvad sageli kokku algajad disainerid, kes pole kompositsiooniseadustega veel kursis ega suuda seetõttu kiiresti võrku luua.

Kuna võrk on oma olemuselt matemaatiline, on lihtne kõigis neis kujundites segadusse sattuda ja sellest tulenevalt põhiidee unustada. Peaksite alati meeles pidama, et edukas logo ei ole lihtsalt geomeetriliste kujundite kogum, vaid nende harmooniline kombinatsioon. Mõne disaineri kalduvus "reeglite järgi mängida" viib sageli selleni, et nad saavad näotu ja lausa halva logo.

KOKKUVÕTE

Kõik logo kujundajad töötavad erinevalt. Mõni eelistab esmalt visandada paberile, teine hakkab kohe logo arvutisse joonistama. Mõned alustavad moodulvõrgu ehitamisest, teised eelistavad esmalt luua pildi ja alles siis muuta selle sidusamaks. Seega ei saa üheselt öelda, et moodulvõrk on logo loomisel kohustuslik. Logo kujundamist võib aga võrrelda hoone ehitamisega. Korralikult projekteeritud maja peab kauem vastu, sest see põhineb läbimõeldud plaanil. Sama kehtib ka logo kohta: kui tegemist on korporatiivse identiteediga, brändi näoga, siis on kõige parem kasutada moodulvõrku - lõppude lõpuks kasutab ettevõte ettevõtet aastaid. Ja see on väga hea, kui see on koostiselt õige. Noh, iga saidi jaoks, mis on loodud, nagu öeldakse, hinge jaoks, on igale ilusale fondile trükitud logo üsna sobiv. Ja modulaarset võrku pole sel juhul vaja.

Mitte nii kaua aega tagasi, töötades teise õppetunni käigus kursusele „Graafiline disain. Põhitõed ”(plaanis avaldada jaanuari alguses), mõistsin, et moodulvõrkude kasutamise ja ehitamise teemat pole paljudes kohtades käsitletud.

Seal on palju teavet selle kohta, mis on moodulvõrk ja milleks see on mõeldud, kuid väga vähe selle ehitamise ja reeglite järgimise kohta. Seetõttu otsustasin, et tänane sissekanne on praktilise fookusega ja püüan seda teemat võimalikult selgelt käsitleda.

Niisiis, moodulvõrk on teie töö paigutus, viis elementide korraldamiseks ja joondamiseks. See on kompositsioonilahenduse selgroog ja toimib vahendina mitte ainult töö koostisosade, vaid ka vaba ruumi korraldamiseks.

Võrk võib aidata meil määratud ülesandeid lahendada ja olla osa lahendusest. Kõige silmatorkavam näide on Windowsi telefoni liides:

Neil, kes vajavad küsimuse üksikasjalikumat teoreetilist osa, on võimalus kasutada otsingut või tellida kursus ja saada vastav kiri, kus seda on piisavalt üksikasjalikult kirjeldatud, ja läheme otse praktikasse.

Esiteks peame otsustama, milleks vajame moodulvõrku. Kas teeme veebisaidi või trükime ajakirja või raamatu kaane või midagi muud? Sõltuvalt tegevuse tüübist tuleks esile tuua peamised struktuurielemendid. Sageli määrab mooduli suuruse üks neist elementidest, näiteks logo, menüü asukoht saidil jne. Paigutuse korral määrab alammõõdu suurus, mis on konkreetses olukorras loetav.

Selguse huvides toon näite trükitud perioodilise väljaande moodulvõrgust. Kui me moodustame ajakirja, siis võivad struktuurielemendid olla rubriik, alapealkiri, tekst, illustratsioonid. Tavaliselt on ajakirjades erinevat tüüpi artikleid, kus tekstiosa roll võib varieeruda. Sellistel juhtudel kasutan võrgu paindlikumaks muutmiseks 5-7 moodulit (horisontaalselt):

Mooduleid saab kombineerida peaaegu igas teile sobivas vormingus:

Tegelikult, mida väiksem on võrgu moodul, seda paindlikum on see ilma proportsionaalsust kaotamata. Kuid paljude inimeste arvates on võrkudega töötamine ebamugav, kui nende mooduli suurus kaldub moodulite vahelise kauguse suurusele. Selline võrk pimestab silmi ja selles on lihtne segi ajada, eriti algajal:

Moodulvõrgu ehitamiseks võib olla palju võimalusi, siin piiravad teid ainult kliendi soovid ja teie kujutlusvõime. Ärge unustage, et moodulvõred ei pea olema vertikaalsed, neid saab ehitada ka diagonaalselt, teatud nurga all jne.

Saitide puhul peetakse optimaalseks veergude arvuks 12, 16 ja 24, mis tuleneb saidi paigutuse iseärasustest ja raamistiku võimaluste kasutamisest. Veebi minimaalseks mooduli kõrguseks pean 20px, mis on seotud optimaalse fondisuurusega (12-14pt) ja selle loetavusega.

Nüüd on aeg rääkida probleemi tehnilisest poolest.

Moodulvõrgu loomine sisse

Esimene ja lihtsaim viis on graafikaredaktori enda võrgu sisselülitamine (Ctrl + ’) ja sellest lähtuvalt juhendite seadistamine. See võtab kaua aega ja suure tõenäosusega vigu.
Installige Photoshopi jaoks spetsiaalsed pistikprogrammid ( GuideGuide , Modulaarne võrgumuster , GridMaker 2).
Laadige valmis mall alla ühest tasuta võrgugeneraatorist, näiteks 960.gs, Golden Grid, 1Kb Grid, Simple Grid. Määrake soovitud parameetrid ja klõpsake "LOO".

Tegelikult on võrkude loomiseks üsna palju teenuseid, sealhulgas "kummist" saitide jaoks. Otsingu abil on neid väga lihtne leida, nii et ma ei näe põhjust neid kõiki artiklis loetleda. Need teenused on algajatele suurepärased abilised.

Moodulvõrgu loomine sisse

Erinevalt Photoshopist on InDesignil oma moodulvõrgu loomise tööriistad. Menüüst Paigutus peate valima üksuse Loo juhendid ja sisestage dialoogiboksis vajalikud parameetrid:

Sellel tööriistal on üsna paindlikud seaded, nii et soovitud struktuuri loomine pole keeruline. Võrgustamine on kõige parem teha Põhileht vältimaks protseduuri kordamist iga lehe puhul.

Moodulvõrgu loomine sisse

Esimene meetod (sarnane Photoshopiga) on graafikaredaktori enda ruudustiku sisselülitamine ja sellest lähtuvalt juhendite seadistamine. Samuti on võimalik muuta mis tahes kuju juhiseks, mis aitab kaldu võrku korraldada.
Laadige alla valmis võrgumallid. Kuhu - otsing palub. Internetist leiate neid palju.

Loodan, et moodulvõrkude teema on teie jaoks muutunud lähemaks ja selgemaks. Harjutage kindlasti nende ehitamist. Ma saan suurepäraselt aru, et see on väga igav amet, kuid see on seda väärt. Võrgud arendavad teie proportsioonitaju, võimaldades teil hiljem paremini näha joondamise ebatäpsusi.

Äärmiselt kasulik artikkel ajakirja kujunduse loomise reeglite kohta! Soovitan soojalt seda lugeda.

Enne moodulvõrgust rääkimist mõistame, mis on moodul.

Moodul On korduvalt korduv pilt, suurus või proportsioon. Kas lehtede graafiliste elementide paigutuse struktuur (raam, mall). Moodulvõrgu aluseks on “moodul”, teisisõnu põhivõrgu vahekaugus, mis määratakse visuaalselt puuri (moodulüksuse) laiuse ja kõrguse järgi. Lahtrid on ehitatud vertikaalsete veergude ja horisontaalsete joonte abil.

Valdav enamus ruudustikke põhineb väljaande aluseks olnud paberi suurusel. Nagu võite ette kujutada, luuakse veerud ja lehtede põhivõrk programmi automaatsete käskude abil. Võrk võib olla väga mitmekesine, olenevalt väljaande eesmärgist ja disaineri ideest.

Ruudustik luuakse kogu leviku jaoks, mitte iga lehe jaoks eraldi. Seda tehakse nii, et kogu ajakirja levikut tajutaks ühtse tervikuna, mitte ei jagataks seda vasak- ja parempoolseteks osadeks ning kogu väljaanne ei näeks välja heterogeensete lehtede köitjana. Pöördvõre võib koosneda 2, 3, 4 jne. võrdsed ja ebavõrdsed veerulaiused.

Võrdse laiusega veerud luuakse dokumendi loomise aknas või paneelil "Veerised ja veerud". Kui meil on vaja määrata 3 veergu, siis ajame numbri 3 vastavale väljale jne.

Aga mis siis, kui meie plaani kohaselt ei peaks kõik veerud olema sama laiusega? Mis saab näiteks siis, kui tekst ja pildid on kahes laias veerus ning selgitav teave on kitsas külgveerus?

Sel juhul ehitatakse meie moodulvõrk selle põhjal mitmesugused programmi automaatsete veergude arv. Näiteks kui seame lehele 8 automaatset veergu, siis meie 2 laia veergu (teksti ja piltide jaoks) hõivavad igaüks 3 automaatset veergu ja kitsas külgveerg ehitatakse 2 automaatse veeru põhjal.

Lisaks veergude kaupa jaotamisele kasutab ka moodulvõrk põhilised horisontaalsed joonlauad... Teksti read ja graafiliste elementide äärised on neile ankurdatud visuaalseks järjestamiseks ja joondamiseks.

Pealkirjad mahub ühte veergu või hõlmab mitut veergu. Pole haruldane, et pealkiri on kogu lehe ainus element. Kõik sõltub disaineri loomingulisest ideest ja isiklikest eelistustest.

Samuti võivad graafilised pildid (fotod või illustratsioonid) hõivata ühe või mitu veergu või need võivad täita kogu leviku. Üsna levinud tehnika on see, kui foto võtab ühe osa levikust tervikuna ja ulatub veidi teise osani, et mõlemat osa visuaalselt ühendada.

Moodulvõrk ei ole tingimata ehitatud risti asetsevatest joontest. Mõnikord otsustab disainer võrku kallutada või isegi anda sellele originaalse kuju.Kui soovite tavapärasest kaugemale minna, minge välja!
Lihtsalt proovige mitte muuta oma tööd originaalsuse poole püüdlemisel Sisypheani teoseks. Kujutage ette, mis tunne oleks trükkida 40-50 lehte kaldus või lokkis ruudustikuga ...

Seetõttu küsige enne originaali hankimist endalt, kas see on tõesti nii vajalik ja milleks? Kui kogu ajakiri on üles ehitatud kaldu, ümberpööratud või lokkis ruudustikule, siis tõenäoliselt üllatab selline originaalsus lugejat mitte rohkem kui esimese 5 lehekülje jooksul ja siis muutub see tüütuks.

Miks? Sest lugeja soovib ennekõike rahulikult lugeda ja assimileerida huvitavat teavet ning mitte lasta end häirida disaineri geeniuse liialdusest.

Kuid kui algne paigutus ilmub ainult ajakirja ühes konkreetses osas, pole see mitte ainult huvitav, vaid ka sobiv, kuna annab sektsioonile stiilse ja äratuntava välimuse.

"Võrk on abisüsteem, kuid see ei ole garantii, sellel on vaid hulk võimalikke kasutusvõimalusi ja iga disainer võib leida oma individuaalsele stiilile sobiva lahenduse. Aga sa pead õppima võrku kasutama. See on kunst, mis nõuab harjutamist. "

— Joseph Müller-Brockmann

Tegelikult on võrgu kasutamine seotud ühe vanima ja põhilisema disainipõhimõttega - joondamisega. Meie aju tahab kõike lihtsustada ja arusaadavamaks muuta. Seetõttu püüame kaootilistena tunduvates asjades korda seada.

Loomulikult, mida kiiremini me kõik õigesti korraldame, seda kiiremini suudab meie aju mudeli tuvastada ja edasi liikuda. Võrgud on nii korrastatud, et ei vaja peaaegu mingit tõlgendust. .

Mõelge kahele alloleval pildil esitatud lehe paigutusele:

Kuigi mõlemad pildid on vaid mõned ristkülikud, tundub ülaosas olev komplekt olevat põhimõtteliselt parem kui alumine. Saame mustri koheselt ära tunda, sellega leppida ja edasi liikuda. Allpool olev pilt tekitab seevastu visuaalset ebamugavust, kuna sellel pole selget pilti, järjekorda ega eesmärki ning see näeb välja nagu juhuslik kujundite kogum.

Tuleb märkida, et korrastamatus võib olla ka ilus. . Näiteks looduses pole selgeid jooni. Võrgud tunduvad külmad ja jäigad, kuid pidage meeles, et need on väga tõhus ja tõhus meetod, mis hoiab teie kujutlusvõime konstruktsioonidesse takerdumata.

Heitke pilk mõnele populaarseimale tipptasemel kujundusega veebisaidile. Tõenäoliselt kasutasid nad võrku. Võred aitavad stabiliseerida veebilehe struktuuri ja annavad disainerile loogilise malli veebisaidi loomiseks.

Võre kasutamine ei tähenda, et teie kujundusel oleks igav disain. Hea disainer peaks teadma ja oskama rakendada ruudustiku kasutamise põhireegleid, kuid see ei tähenda, et ta ei saaks reegleid rikkuda.

Lihtsamalt öeldes on ruudustik paigutuse jagamine vertikaalsete ja / või horisontaalsete juhikutega, sealhulgas veerised, ruum ja mõned veerud, et panna alus teie sisu korraldamisele.

Võrke kasutatakse traditsiooniliselt trükitööstuses, kuid neid kasutatakse tavaliselt ka veebidisainis. Võrk on lihtsalt tööriist, mis aitab kujundada.

Kui hakkate teatud valdkonnas uusi oskusi õppima, peate esmalt järgima juhiseid. Põhitõdede õppimine tagab põhimõtete tõhusa rakendamise. See tähendab kõigepealt teooriat ja seejärel praktikat.

Väärib märkimist, et mallivõrgu loomiseks on kaks võimalust:

Meetod nr 1: looge oma võrk

Oma võrgu loomiseks on palju erinevaid viise, kuid päeva lõpuks saate vabalt valida, milline neist kõige paremini sobib.

Saate tühja dokumendi matemaatiliselt jagada, luues töötamiseks paaris või paaritu arvu veerge. Teie võrk võib olla keeruline või lihtne, võite kasutada kolmandiku reegleid või kuldset suhet, kui soovite.

Võib -olla aitavad järgmised artiklid teid selles:

Kuidas teha võrku (raamat inglise keeles .pdf -vormingus)

Siin on mõned näited võrkudest, mis on loodud Photoshopis juhendite abil ( Vaade> Uus juhend):

Pistikprogrammid Photoshopis võrkude loomiseks

5. Grid System Generator -selliste populaarsete võrkude genereerija nagu 960.gs, Golden Grid, 1Kb Grid, Simple Grid / määrake vajalikud parameetrid ja klõpsake "GENERATE".

Kummi / tundlike saitide võred

Tundlik veebidisain on tänapäeval väga populaarne. Selle põhimõtete peamine eesmärk on kummivõrgu kasutamine. Nende kohta saate rohkem lugeda, kuid soovin seda kogumikku veidi täiendada ja lisada veel mõned ressursid.

1. - adaptiivne võrgugeneraator

2. Vedelikuvõrgu kalkulaator - teenus, mis võimaldab luua kummist võre. Sisestage parameetrid ja hankige valmis kood.

Kirjutanud Josef Müller-Brockmann (1914–1996) on graafiline disainer ja õpetaja. Tema töö näitab disaini lihtsust ja tüpograafia, kuju, värvi peent kasutamist. Nad on mõjutanud paljusid kaasaegseid disainereid.

Lebedevi stuudio veebisait ütleb, et raamat pole müügil. Soovitan teil vaadata mõnda ametlikku poodi. Olen juba ammu tahtnud lugeda graafilise disaini moodulsüsteeme. Arvasin, et seda enam ei müüda. Pärast semestritööde kaitsmist BHShD -s sattusin Lebedevi stuudiopoodi. Tuleb välja, et nad trükivad selle ja müüvad.

Ostsin ja lugesin raamatu. Jagan oma muljeid ja huvitavaid ideid.

Iga teema kohta on toodud paigutuse näited. Kuna raamat on veidi suurem kui A4 leht, on illustratsioonid suured ja üksikasjalikud.

Proovige lehti modulaarse ruudustiku abil

Märkus disainerile

Josef kirjeldab plakatite paigutuse, raamatu ja ajakirja lehe paigutuse kallal töötamise protsessi. Osa on pühendatud tüpograafiaprobleemidele, kuna see mõjutab taju. Disainer peab suutma nendest nõtkustest aru saada, et oma tööd edukalt lõpule viia.