Modulaarne võrk. Sõnadest tegudeni. Logo anatoomia: moodulvõrgu uurimine Mis on moodulvõrk

Modulaarne ruudustik on spetsiaalne mall, mille järgi veebilehe kujundus üles ehitatakse. Põhimõtteliselt on see süsteem visuaalse teabe esitamiseks külastajale, mis põhineb üksikutel plokkidel, mida nimetatakse mooduliteks. Sellise malli abil loodud veebisaiti on palju lihtsam lugeda ja navigeerida.

Kuidas võrku kasutatakse

Moodulvõrku kasutatakse raamatute, visiitkaartide, kaubamärkide, logode jms kavandite väljatöötamisel. Samuti on selle kasutamine kohustuslik veebilehtede loomisel. Õigesti tehtud ruudustik loob harmooniliselt keskkonna ressursi kõigi elementide jaoks - graafiline ja tekst. Nii on palju lihtsam neid kõiki lehele mahutada ja nende vahele selgeid piire luua. Elemente teatud viisil paigutades saate need kõik märgatavaks muuta ja samal ajal siduda kogu saidi enda kohta käiva teabe.

Moodulvõrkude tüübid

Lehekujunduse kõige levinum modulaarne ruudustik on kolme põhiveeru lahter. Sel juhul on päise ja jaluse laius võrdne nende suurusega. Tavaliselt kasutavad seda standardvalikut amatöörid veebisaitide loomisel. Mõnikord suureneb ühe lahtri laius teise lahtri laiuse arvelt.

Moodulvõrkude teise versiooni - mittestandardsete - loomine on võimalik ainult inimestele, kes on seotud professionaalse veebidisainiga. Sel juhul on täpselt määratletud ainult veergude laius ja üksikute elementide vaheline kaugus. Modulaarne ruudustik eri tüüpi uudisteressursside ja veebiajakirjade kujundamisel töötatakse tavaliselt välja järgmiselt:

1. Päis ja jalus luuakse. Siin peaksid asuma saidi nimi, navigeerimismenüü ja erinevat tüüpi videomaterjalid.
2. Leht on jagatud kolme veergu. Pealegi on neist kahel samad suurused. Kolmas veerg on jagatud kaheks osaks vertikaalne joon. Seega saame neli jaotist (uudised, pildigalerii, reklaampinnad, saidi viimased teabemuudatused).

Mõnevõrra erinevalt luuakse erineva spetsialiseerumisega veebipoodide moodulvõrk. Sel juhul on väga oluline tagada külastajatele navigeerimise lihtsus. Sel juhul on elemendid rühmitatud standardselt ja ühtlaselt. Iga ruudustiku objekti puhul a oluline teave, mis teda iseloomustab.

Joonlaud Photoshopi redaktoris

Veebisaidid luuakse raster- või vektorlehtede abil. Nendesse on väga mugav luua ruudustik. Vaatame, kuidas seda tehakse populaarses Photoshopi redaktor. Modulaarse ruudustiku loomine Photoshopis on väga lihtne.

Selleks, et joonlauad ilmuksid tööpildi akna perimeetri ümber, minge peamenüüsse "Vaade" ja klõpsake real "Joonid". Selles redaktoris saate kasutada mitmesuguseid elemente – jaotusega sentimeetrites, millimeetrites, tollides või pikslites. Vajalike seadistuste tegemiseks minge peamenüüsse "Muuda". Järgmisena valige rida "Seaded" (Eelistused) - "Ühikud ja joonlauad". Pärast seda ilmub aken, kus saate muuta joonlaua tüüpi. Valige ülemisest rippmenüüst sentimeetrid, millimeetrid, pikslid jne.

Tavaliselt kasutavad nad Photoshopi redaktoris töötades veidi teistsugust, lihtsamat meetodit. Mõõtühikute muutmiseks klõpsake lihtsalt pildiaknas joonlaual endal paremklõps hiired. Pärast seda saate kuvatavas menüüs soovitud toimingu teha. Tavaliselt kasutatakse veebisaidi loomisel pikslite võrgustikku.

Photoshopi võrk

Photoshopi programmi enda modulaarne ruudustik muutub nähtavaks pärast seda, kui lähete peamenüüsse "Vaade" - "Näita" - "Grid". Võrgujoonte vahekaugust saab reguleerida. Selleks käivitage käsk "Redigeerimine" - "Seaded" - "Juhendid, ruudustik, lõigud". Siin saate muuta mitte ainult ridade vahelist sammu, vaid ka nende värvi. Selle ruudustiku abil on kõigi tulevase saidi objektide kiire ja täpne paigutamine tööväljale täiesti lihtne.

Kursoriga töötamine

Modulaarne veebisaidi ruudustik luuakse sel viisil väga lihtsalt. Kursor jääb töötamise ajal joonte külge. See võib olla mugav, kui peate valmistama täpse ja kindla suurusega plokke. Kui see funktsioon mingil põhjusel osutub ebavajalikuks, saab selle keelata. Vaikimisi asub Photoshopi võrgu lähtekoht akna vasakus ülanurgas. Soovi korral saab selle lõuendil teisaldada. Selleks hõljutage kursorit lähtekoha ruudu kohal ja lohistage seda hiirenuppu all hoides. Lähtepunkti naasmiseks oma kohale tehke topeltklõps nurgas samal ruudul.

Muuhulgas on Photoshopi redaktori jaoks olemas mitmesuguseid pluginaid, mis muudavad veebilehe loomise moodulruudustiku abil veelgi mugavamaks. Laadige need võrgust alla. Neid pistikprogramme kasutades saate luua määratud parameetritega ruudustikke.

Ruudustik CorelDrawis

Nüüd vaatame, kuidas luua modulaarne võrk vektorredaktor CorelDraw. Siin luuakse see samamoodi nagu Photoshopis. Selle ikoon asub ülemisel paneelil (silm ruudustikus). Pärast sellel klõpsamist saate teha kõike vajalikud sätted. Saate valida joonte vahelise kauguse, muuta mõõtühikut jne. Need piiritlevad CorelDraw pildiaknas ja juhendite abil tööala. Vajadusel saab need muuta nähtavaks või nähtamatuks.

Modulaarne ruudustik veebilehe kujundamisel on põhielement, mille arendamisse tuleks suhtuda maksimaalse vastutustundega. Lõppude lõpuks sõltub selle külastajate mugavus ja seega ka nende lehtedel veedetud aeg sellest, kui õigesti ressurss on üles ehitatud.

Modulaarne võrk on süsteem objektide ruumis korraldamiseks, mis põhineb kindla, rangelt määratud suurusega ridadel ja veergudel. Lahtrid võivad sisaldada sisuüksusi: tekstiplokke, pealkirju, raame ja pilte.

Võrgustikke võib leida mitte ainult infodisainis, vaid ka arhitektuuris, interjööris ja linnaplaneerimises. Kõigis neis piirkondades on võred ehitatud sarnaste põhimõtete järgi, mis on seotud sooviga tuua piiritletavasse ruumi korda ja harmooniat.

Pange tähele üht 1807. aasta Manhattani arengu visandit, mis järgib läänest itta ja põhjast lõunasse kulgevate tänavate ranget võrku.

Miks on võrke vaja?

Algselt kasutati võrgusilma ajaleheäris efektiivsuse tõstmiseks. Küljenduslehed võimaldasid vähendada täiskohaga tüpograafide ülalpidamiskulusid, standardiseerida lehtede välimust ja säästa “disainikunstnike” aega. Peagi asendati paigutuslehed paindlikumate moodulvõredega.

Uut trendi järgides uuendas graafiline disainer Peter Palazzo 1960. aastate alguses ajalehe New York Herald Tribune kujundust. 1966. aastal tutvustas kunstitoimetaja Janet Collins ajalehe Times of London uut kujundust. Mõlemad muudatused näitasid tööstusele, et ühtne kujundusstiil parandab lugeja suhtluse kvaliteeti väljaandega. Ajalehtede ja ajakirjade toimetajad mõistsid kiiresti võrgustike vajadust ja hakkasid neid oma praktikas rakendama.

Nagu ajalehtede päevil, aitavad digiajastul õigesti rakendatud ruudustikud hoida lugeja tähelepanu, parandada tekstitaju kvaliteeti ja üldiselt parandada materjaliga suhtlemise kogemust. Tänapäeva meediadisainis annab ruudustik teabe järjestuse ja sidususe. Ta vastutab üksikute artiklite sisu ja väljaande kui terviku struktureerimise eest.

Joseph Müller-Brockmann oma käsiraamatus “Modulaarsed süsteemid graafilises disainis” kirjutab ta sellistest võrkudest:

„Modulaarse ruudustiku abil tasapindu ja ruumi struktureerides suudab disainer organiseerida tekste, fotosid ja graafilisi pilte vastavalt objektiivsuse ja funktsionaalsuse põhimõtetele.<…>Loogiliselt organiseeritud disain säilitab teabe usaldusväärsuse ja meelitab lugejat selle juurde.

Mis tüüpi võrke on olemas?

Ruudusid on palju tüüpe ja konfiguratsioone: alates primitiivsetest "lahtritest", nagu koolivihikus, kuni keerukate struktuurideni erinevad vahemaad horisontaalide ja vertikaalide vahel.

Oleme kogunud kõige levinumad ja juba "klassikalised" näidised, mille tundmine aitab teil modulaarset disaini paremini mõista:

Ruutvõrk

Lihtsaim ruudustik, mis moodustas moodulsüsteemi aluse, koosnes ruutudest ja nägi välja nagu tavaline laud. Seda hakati kasutama kahekümnenda sajandi esimese veerandi lõpus. Zürichi ja Baseli tüpograafilised kujundajad viimistlesid seda sõjajärgsetel aastatel, mis langes kokku huvi suurenemisega Helvetica ja sarnaste kirjatüüpide vastu, millest sündis "Šveitsi tüpograafia" koolkond.

Näiteks: Robert Buechler, 1914
Allikas: ThinkingForm

Max Bill ruudud

Esimene kogemus võrkude kasutamisest raamatutes oli Max Billi raamatu “Die Neue Architektur” jaoks välja töötatud süsteem. Selles 1940. aastal ilmunud raamatus kasutas Alfred Roth lehe jaotust üheksaks horisontaalseks mooduliks. Need võimaldasid illustratsioone vabalt järjestada ja neile teksti paigutada kolmes keeles. Mõned aastad varem kasutas Bill Bauhausi "uue tüpograafia" ideedele tuginedes kuuemoodulilist ruudustikku oma kuulsas "Negerkunsti" plakatis, mis loodi 1931. aastal Lõuna-Aafrika kivikunsti näituse jaoks.

Millest trükikojad vaikivad?

22. november 2015 pühapäev Modulaarne võrk: nutika disaini tööriist

Mis on modulaarne võrk?

See on teie disaini nähtamatu skelett - horisontaalsete ja vertikaalsete (ja mõnikord ka diagonaalsete ja kaarekujuliste) juhikute süsteem, mis aitab kompositsiooni üksikuid elemente orienteerida ja koordineerida.

Mis kasu sellest on?

Esiteks toob moodulvõrk kujundusse korra, terviklikkuse ja ühendatuse kõigi selle osadega. See võimaldab teil ratsionaalselt korraldada mis tahes graafilist ruumi, olgu selleks kirjaplank, visiitkaart, plakat, raamat, veebisait või interjöör, säilitades samal ajal stiili ühtsuse kõigis selle elementides.

Ja teiseks kiirendab see märgatavalt tellimuse täitmist, sest näe, malli järgi töötamine on palju lihtsam kui iga kord ratast uuesti leiutada.

Inimene on pikka aega püüdnud mõista ilu olemust, "lagundada" seda eraldi komponentideks, "kontrollida harmooniat algebraga". Modulaarse ruudustiku kasutamise vanim näide on keskaegne kaanon, mida kasutasid raamatukirjutajad raamatulehtede märgistamisel.

Ladinakeelse käsikirja levik. 1555

Moodsa mooduldisaini aluse panid 1920. aastate konstruktivistid.

Ajakirja kaas. Disain El Lissitzky poolt. 1922. aasta

Plakat. Disain Herbert Bayeri poolt. 1926. aastal

Kuid nende abstraktseid konstruktsioone ei tunnustatud kohe kui meetodit, millel oleks oma reeglite ja mustrite süsteem. Alles 1940. aastal kasutas seda esmakordselt Šveitsi disainer Max Bill raamatukujundus modulaarne võrk.

Raamatuköide. Kujundaja Max Bill. 1944. aasta

Plakat. Kujundaja Max Bill. 1945. aastal

1961. aastal tutvustas tema kaasmaalane Josef Müller-Brockmann moodulkäsitluse esimesi termineid ja avaldas 28 enda välja töötatud võre näidet. Just Šveitsi disainikoolkond, ülimalt funktsionaalne ja lapiline, täiustas ja tutvustas maailmale seda tööriista – moodulvõrku.

Ruudustik ja raamatulehed. Kujundus Josef Müller-Brockmann

Plakat. Kujundus Josef Müller-Brockmann. 1959. aastal

Plakat. Kujundus Josef Müller-Brockmann. 1972. aastal

Peab ütlema, et Venemaa disainerid ei jää mooduldisaini osas oma lääne kolleegidele palju alla. Juba 1960. aastatel ilmus Nõukogude Liitu grupp mõttekaaslasi, kes kasutasid trükiväljaannete range kujunduse põhimõtteid (hiljem nimetas Sergei Serov seda koolkonda naljaga pooleks “Nõukogude Šveits”). Kodumaise moodulkäsitluse alguseks olid sellised tänapäeval tunnustatud autoriteedid nagu Maxim Žukov, Mihhail Anikst ja Arkadi Troyanker.

Raamatuköide. Disain Maxim Zhukov ja Arkady Troyanker. 1970. aasta

Raamatu levik. Kujundus Mihhail Anikst. 1979. aastal

Tolmu jakk. Disain Maxim Žukov. 1977. aastal

Vaid paarikümne aastaga on kogunenud ainulaadseid kogemusi ja loodud meistriteoseid. graafiline disain. Sellele vaatamata näib tänapäeval, nagu 30-40 aastat tagasi, moodulvõrku meie riigis endiselt propageerivat vaid üksikud entusiastid.

Vihiku kaas. Disain Jevgeni Grigorjev. Peterburi, 2009

Siin on mõned näited moodulipõhisest lähenemisest disainile meie kirjastuse portfellist.

Kunstniku Jevgeni Žurovi kataloogi jaoks valiti klassikaline raamatuformaat kvartos, mille kuvasuhe on 3 kuni 4. Need proportsioonid moodustasid moodulruudustiku aluse.

Selleks, et maalide kujutisi laiule orienteeruda, tõsteti see esile horisontaaljoon, jagades lehe vertikaalselt vahekorras 1:3. Paigutuse ajal paigutati iga pilt nii, et see jagati vertikaalselt selle joonega samas vahekorras.

See tehnika võimaldas hõlpsalt ja harmooniliselt üksteisega kombineerida mis tahes formaadis maale - nii panoraamseid, horisontaalselt piklikke kui ka kõrgeid, vertikaalselt piklikke. Kataloogi lehitsedes omandab maaliline sari elava, pulseeriva rütmi.

Ütlematagi selge, et kompositsioonid tiitelleht ja pealkirjad, sissejuhatavate artiklite kogum ja väljundandmed, veergude numbrite asetus lehekülgede välisservadel ehitati samuti seda horisontaaljoont arvesse võttes.

Olgu vaid lisatud, et maalide pealdised, vastupidi, olid meelega staatilised. Need asuvad rangelt määratletud kohtades ja elavad justkui eraldi, ilma vaataja tähelepanu piltidelt hajutamata.

Meie temaatilise kalendrikataloogi välimus oli inspireeritud materjalist endast. See kataloog on mõeldud selle kategooria klientidele, kes soovivad tellida ettevõtte kalendrit. Iga teema on esindatud 12 pildiga (vastavalt kuude arvule aastas) ja asetatakse eraldi levile. Brošüüri moodulruudustik osutus nii lihtsaks, selgeks ja avatud, et seda pole vaja siin eraldi esitada.

Komplekti “Romanovite dünastia” (Moskva Kremli muuseumid) postkaartide kujundus põhines hoolimata väljendunud asümmeetrilisest kompositsioonist täielikult tasapinna järjekindlast jagamisest vastavalt kuldlõikele. Klassikaliste ajaproovitud põhimõtete kombineerimine kaasaegsete trendidega võib mõnikord viia huvitavate tulemusteni.

Modulaarne disain on seeriaväljaannete kujundamisel lihtsalt asendamatu. Kunagi ehitatud, kuid hästi läbimõeldud ruudustik hõlbustab oluliselt tööd raamatu, ajakirja, brošüüri või ajalehe uute numbritega. Teksti, kujutisi ja värve vabalt muutes saate hõlpsasti saavutada ühes seerias kergesti äratuntava ja täpselt tuvastatava kujunduse.

Siiski tuleb meeles pidada, et moodulvõrgu kasutamine ei anna 100% garantiid hea disain. Sama malli kasutades saate luua nii kunstiteose kui ka keskpärase käsitöö. Ükskõik kui täpne, peen ja mitmekülgne on modulaarne võrgutööriist, see on lihtsalt tööriist, mis jääb ilma kujutlusvõime ja loovuseta surnuks.

Lisaks on mooduldisaini alustamisel kasulik, kui disaineril on vähemalt üldine arusaam proportsioonidest, kujust, värvist, kontrastist, rütmist...

Aga sellest lähemalt meie järgmistes artiklites.

Kirjandus eneseharimiseks:
1. Laptev V. Moodulvõrgud: Mitmeleheküljeliste väljaannete kujundamine. M.: RIP-holding, 2007.
2. Samara T. Võre loomine ja lõhkumine. M.: RIP-holding, 2005.
3. Hurlbert A. Mesh: Modulaarne süsteem ajalehtede, ajakirjade ja raamatute kujundamine ja tootmine. M.: Raamat, 1984.
4. Bosshard H. R. Der typografische Raster. Z?rich: Niggli, 2000.
5. Elam K., Elsener R. Gestaltungsraster: Ordnungssysteme f?r Schrift. New York: Princeton Architectural Press, 2006.
6. Miller-Brockmann J. Võresüsteemid graafilises disainis. Z?rich: Niggli, 1981.

Räägime sellest, kuidas kõige paremini lehel kujunduselemente paigutada.

Algajate disainerite üks levinumaid vigu on see, et nad küllastavad kompositsiooni kõikvõimalike elementidega üle ja asetavad need üksteisele liiga lähedale.

Nad püüavad väikesesse ruumi mahutada liiga palju teavet. Mäleta seda vaba ruum on sinu hea sõber. See muudab teie materjali lugemise teie publikul lihtsamaks. Õigesti kasutatud ruum muudab teie projekti elegantsemaks ja hõlpsamini mõistetavaks.

Teie disaini põhiline kompositsioonistrateegia peaks algama paigutusega. Kui te ei soovi, et teie töö näeks välja kaootiline, peate kogu visuaalse teabe süstematiseerima. Siin tuleb see meile appi modulaarne võrk või teisiti öeldes märgistus lehel elementide paigutamiseks. Veebidisainis täidab modulaarse ruudustiku rolli laud.

.

Siin on mõned näited moodulvõrkudest.
Pange tähele, kui mitmekesised ja ainulaadsed need võivad olla.

Modulaarse ruudustiku kasutamise vajaduse demonstreerimiseks esitan siin kolm võimalust sama toimingu jaoks.
Esimesed kaks võimalust on selgelt kujundatud moodulvõrguga ja viimane on ilma.

Näide 1

Näide 2

Näide 3

Vaadake neid näiteid hoolikalt ja, nagu öeldakse, tunnetage erinevust. Kui kujunduselemendid on paigutatud vastavalt modulaarsele ruudustikule, tundub kompositsioon korrastatuna ja tähendusrikkana. Kuid viimases versioonis, ilma modulaarse ruudustikuta, on elemendid paigutatud kaootiliselt ja rikuvad vastavalt joondamise, ühtsuse ja vastavuse põhimõtteid.

Esimese kahe pildi kompositsioonis on kasutatud traditsioonilist moodulvõrku. Esimesel pildil asuvad jooned horisontaalne ja vertikaalne korrapäraste ajavahemike järel.

Ainus erinevus teise variandi vahel on see, et liinid asuvad viltu. Kõik kompositsiooni elemendid on seotud nende kaldjoontega.

Aga viimases näites üldiselt moodulvõrk puudub. Intervallid vahel graafilised elemendid täiesti juhuslik ja seetõttu puudub kompositsioonis ühtsustunne.

Minu nõuanne: kasutage alati moodulvõrku ehitada ilus ja pädev kompositsioon (noh, muidugi, kui te ei tegele kunstiga selle puhtal kujul, kus, nagu teate, pole reegleid)!

Ootan huviga teie küsimust: kas sa, Bob, ehitad tõesti iga kord enne tööle asumist moodulvõrgu? Ja kas sa laisk pole?

Ausalt öeldes mitte alati, kuigi ma üritan. Kuid oma disainitegevuse algfaasis ei jätnud ma seda tähelepanuta oluline reegel ja ehitas kohusetundlikult moodulvõrgu. Kogemuste omandades õpite töötama kujuteldava ruudustikuga, ilma et peaksite seda lehele joonistama, ja kõik kõrvalekalded kavandatud paigutusest on teie silmaga nähtavad.

Töö käigus on aga vajadusel võimalik moodulvõrgu struktuuri rikkuda. Lõppude lõpuks pole me matemaatikud. Selline segamine annab mõnikord tööle kergust ja väljendusvabadust. Peame lihtsalt meeles pidama, et see vabadus ei tohiks hävitada kompositsiooni üldist struktuuri.

Niisiis, milliseid eeliseid moodulvõrk meile annab?

1. Moodulvõrk aitab meil austada üht disaini põhiprintsiipi – joondamise põhimõtet. Üksikud elemendid ei pruugi olla millegi külge kinnitatud, kuid on soovitav, et rühma elemendid oleksid üksteise suhtes joondatud ja elementide rühm oleks joondatud teiste rühmade suhtes.

2. Moodulvõre aitab säilitada elementide vahel ühtlast vahemaad.

3. Modulaarne ruudustik aitab vaba ruumi ratsionaalselt kasutada, mis muudab teksti lugemise ja kogu kompositsiooni tajumise lihtsamaks.

Nüüd näide praktikast.

Kujutage ette, et teie klient palub teil koostada 50-leheküljeline brošüür. Teete tööd kõigi reeglite järgi hea disain. Brošüüri lehtedel on ilus modulaarne ruudustik, palju vaba ruumi ning neid on lihtne ja meeldiv lugeda.

Kuid klient, kes ei mõista sellist esteetikat, näeb ainult täitmata vaba ruumi ja ei taha tühja paberi eest maksta, palub sinna toppida veel 10 lehekülge. Kuidas siis?

Proovige kliendile selgitada, et tihedalt sisuga täidetud lehed on ebaatraktiivsed ja raskesti loetavad ning tõenäoliselt ei taha publik nende lugemisele aega kulutada.

Kui klient sellest aru ei saa, siis paluge tal mõlemat võimalust oma sõpradele näidata ja nende arvamust küsida. Kui temaga ei saaks midagi põhjendada, siis paraku ei jää teil muud üle, kui tema soov rahuldada. Muide, ma juba arutasin sarnast olukorda oma artiklis ""

Kokkuvõtteks annan teile mõned nõuanded.

Ärge koormake oma disaini üle! Valge ruum ja veerised lehel on visuaalse taju jaoks olulised ja vajalikud. Pea meeles, et hea disaini eesmärk on kiirelt edasi anda vajalikku teavet Seetõttu ei tohiks kujundus selle teabe omastamist takistada, vaid hõlbustada.

Kui leht on teabega üle koormatud ja elemendid pole selgelt jaotatud rühmadesse, on vaatajal raske keskenduda peamisele ja suure tõenäosusega ei teki tal soovi kogu sellest segadusest aru saada.

Vastupidi, kui kujundus põhineb vähesel arvul elementidel, millel on selge kompositsioonistruktuur, on see vaataja jaoks lihtne ja mugav ning ta võtab vajaliku teabe kiiresti endasse.

Moodulvõrk – e muster, muster, suurus või proportsioon, mida korratakse mitu korda. Pidage meeles Escheri pilte. Sisalikud, kalad, linnud mõnes teoses - see on moodul. Iga Interneti-kasutaja näeb mooduleid tausta kujul.

Esimene võimalus moodulite kasutamiseks disainis on sama, mis Internetis, see tähendab taustpilt. Erinevates vormides, nii iseseisvalt kui ka erinevates kombinatsioonides. Ja samad Escheri illustratsioonid.

Teine võimalus, mõõtmetega, on väga lähedane kolmandale, proportsionaalne. Põhimõtteliselt on need modulaarsed ruudustikud erinevat tüüpi trükitoodete jaoks.

Kolmas variant on raskemini tajutav, aga just see on kogu disaini, arhitektuuri ja muu looduse ja inimese loodud asjade aluseks. Inimene on alati kujundanud keskkonda, juhindudes intuitiivselt mõõdutundest ehk suhetest.

Ka Phidias (Akropoli looja) ja Ictinus (Parthenon) demonstreerisid teadmisi kuldlõike seadusest. Selle seaduse olemus seisneb selles, et väiksem segment on seotud suuremaga, kuna suurem on kogu pikkusega. Ma ei mäleta, kas seda seadust koolis õpitakse, aga kunstikoolides, kunsti- ja arhitektuuriinstituutides on nagu “Isa meie...” Ühes numbris on see väärtus väljendatud 1,618..... algebraliselt näeb see välja nagu a. : b=b:( a+b). Asi on selles, et selline suhe on silmale kasulik vaimsete ja füüsilised omadused silma ehitus, aju töösagedused ja palju-palju...(Joonis 4.2.)

Teine aktiivne element visuaalselt soodsate suhete loomisel on ruut. Sellest konstrueerides on lihtne saada vahekordi 1:2, 2:3, 3:4.

Joonis 4.2.

Joonis 4.3.

Veebi jaoks saab modulaarset leheehitust korraldada tabelite abil. Moodulina saab võtta ekraani kuvasuhte (800x600 puhul on see 4:3) (joonis 4.3.). Paberilehe standardsuurus A4 on ka joonistamise ja tüpograafia moodul

Valdav hulk tüpograafilisi ruudustikuid põhinevad väljaande aluseks võetud paberilehe formaadil. Ruudustiku kujundus sõltub projekti sisust ja kavatsusest, samuti konkreetse kunstniku individuaalsest stiilist. Ja kui projekteerimine toimub arvuti abil, muutub protsess üsna kiireks, eriti rakendamisetapis. Enamikul graafilistel (peamiselt kirjastamis-) programmidel on sisseehitatud võimalused moodulruudustiku loomiseks ja peaaegu kõigil on üsna suur hulk moodulruudustiku malle üsna levinud nimetuste all “Buklett”, “Kalender” jne.

Joonisel 4.4. esitati esimese riba moodulvõrk. See erineb veidi ülemise ploki üldisest moodulvõrgust. Logo selgemaks tajumiseks tuli see väga oluliste pausidega esile tõsta. Aga lugemise ja esiletõstmisega probleeme pole.

Joonis 4.4.

Joonis 4.5. Ülejäänud triipude moodulvõrk

Nagu näete, on ribal lisaks selgelt määratletud ülemisele plokile selgelt määratletud "kelder" - nii kutsuvad ajalehemehed riba alumist osa. See aitab jagada lehel olevat teavet temaatilisteks tsoonideks. Ribamodulatsiooni ahel on nähtav kahel värviskeemil.

Moodulvõrk ei ole alati nii ühtlane ja sümmeetriline. See võib olla täiesti abstraktne, elementide suvalise paigutusega, kuid igal juhul on selle ülesanne tagada materjali esitamise järjepidevus.

Moodulid kasutavad arhitektid, mööblidisainerid ja autoarendajad, nende moodul on seotud inimkeha proportsioonide ja mõõtmetega.

Joonis 4.6.

Veebikujunduses kasutatakse moodulvõrku palju sagedamini, kui esmapilgul võib tunduda. Kui kasutate

lehel elementide moodustamiseks - kasutate juba modulaarset ruudustikku, eriti kui kordate seda ruudustikku mitte ühel, vaid mitmel lehel. Mõnikord võib ruudustik olla peidetud, mõnikord selgesõnaline (kui kasutate lahtri taustana teist värvi, mis erineb põhitaustast) (Joonis 4.6.)

Olgu lisatud, et ruudustiku olemus on sama, välja arvatud see, et veebiruudustik võib sisaldada dünaamilisi (muutuvaid) lahtri parameetreid. Lehekülg võib olla erineva kõrgusega, mis sõltub sellel oleva teksti ja piltide hulgast, ning laieneda automaatselt (või mitte laiendada) sõltuvalt kasutatavast monitori eraldusvõimest.

Ekraani suurused

KOOS

Lõuendi laius

Peaksite vältima kõvakodeeritud ekraanisuurusi, kuid kui määrate kõvakodeeritud ekraanisuurused, peate meeles pidama, et kõvade parameetrite määramine sõltub lõuendi suurusest.

Ekraani resolutsioon
Lõuendi suurused

Ekraani suurust saab määrata lihtsate programmide abil (vt laboripraktika).

Vaatame näidet modulaarsest ruudustikust ja mõõtmete määramisest, mis on korraldatud tabeli abil

HTML-is saab märgistada kogu tabeli sisu . Seejärel tähistab tabeli päist silt ja järeldus sildiga .Kõik kolm silti on sulgemissildid ja neil on atribuudid. Tabeli päise lahtrid kasutavad silti .

Lihtsaim viis lõuendi suurusest mitte sõltumiseks on aga kasutada suhtelisi suurusi, st määrata suurused %.

pealkiri
menüü	moodul 1		2. moodul	moodul 3	moodul 4
	järeldus