Mikä on modulaarinen verkko. Miten tehdä modulaarinen verkko?

Anonim

Modulaarinen ruudukko on erikoismalli, johon sivuston suunnittelu on rakennettu. Tämä on pohjimmiltaan järjestelmä visuaalisen informaation esittämiseksi vierailijalle yksittäisten lohkojen, joita kutsutaan moduuleiksi, perusteella. Tämän mallin avulla kehitetty verkkosivusto on paljon helpompi havaita ja navigoida.

Miten verkkoa käytetään

Modulaarista ruudukkoa käytetään kirjojen, käyntikorttien, tavaramerkkien, logojen jne. Suunnitteluun. Varmista, että käytät sitä ja luodessasi verkkosivustoja. Asianmukaisesti tehty verkko kokoaa harmonisesti ympäristön kaikille resurssien elementeille - graafiselle ja tekstille. Sen käyttö helpottaa niiden sijoittamista sivuun ja luo selkeät rajat niiden välille. Järjestämällä elementit tietyllä tavalla voit tehdä niistä jokaisen havaittavaksi ja samalla yhdistää kaikki tiedot itse sivustosta.

Modulaaristen verkkojen tyypit

Yleisin moduulirakenne sivun suunnittelussa on solun kolme peruspilaria. Tässä tapauksessa otsikon ja alatunnisteen leveys on yhtä suuri kuin niiden koko. Amatöörit käyttävät tätä vakioasetusta yleensä verkkosivustoja luodessaan. Joskus samaan aikaan yhden solun leveys kasvaa toisen leveyden vuoksi.

Modulaarisen ruudukon toisen version luominen - ei-standardi - vain web-suunnitteluun osallistuvien henkilöiden ammattimaisesti. Tässä tapauksessa vain sarakkeiden leveys ja yksittäisten elementtien välinen etäisyys on määritelty tarkasti. Erilaisten uutisresurssien ja online-aikakauslehtien suunnittelun modulaarinen verkko kehitetään yleensä seuraavasti:

  1. Alatunniste luodaan. Tässä pitäisi sijaita sivuston nimi, navigointivalikko, kaikenlaisia ​​videoita.
  2. Sivu on jaettu kolmeen sarakkeeseen. Tässä tapauksessa kahdella niistä on sama koko. Kolmas sarake on jaettu kahteen osaan pystysuoralla viivalla. Näin ollen on olemassa neljä osaa (uutiset, kuvagalleria, mainostila, uusimmat informaatiomuutokset sivustolla).

Erilaisten erikoisalojen verkkokauppojen modulaarinen verkko luodaan hieman eri tavalla. Tässä tapauksessa on erittäin tärkeää, että vierailijat voivat helposti navigoida. Elementit on ryhmitelty vakiomuotoisesti ja yhdenmukaisesti. Kunkin ruudukon objektin kohdalla korostetaan sitä tärkeitä tietoja.

Hallitsija "Photoshop" -editorissa

Sivustot luodaan käyttämällä rasteri- tai vektorigrafiikkatiedostoja. Niissä oleva verkko on erittäin kätevä luoda. Katsotaanpa, miten tämä tehdään suositussa Photoshop-editorissa. Modulaarisen ruudukon luominen Photoshopissa on hyvin yksinkertainen.

Jotta viivaimet näkyvät kuvan työikkunan kehällä, siirry päävalikkokohtaan ”Näytä” (Näytä) ja napsauta ”Rulers” -riviä. Tässä editorissa voit käyttää monenlaisia ​​elementtejä, joissa on merkkipisteet senttimetreissä, millimetreissä, tuumissa tai pikseleissä. Jotta voit suorittaa tarvittavat asetukset, siirry päävalikkokohtaan "Muokkaa". Valitse sitten rivi "Asetukset" (Asetukset) - "Yksiköt ja viivaimet" (yksiköt ja viivaimet). Tämän jälkeen näyttöön tulee ikkuna, jossa voit muuttaa hallitsijan ulkoasua. Valitse avattavasta valikosta senttimetriä, millimetrejä, pikseleitä jne.

Photoshop-editorissa työskennellessään ne käyttävät kuitenkin yleensä hieman muuta, yksinkertaisempaa menetelmää. Mittayksiköiden muuttamiseksi napsauta hiiren oikealla painikkeella kuvaajan ikkunassa olevaa viivaa. Tämän jälkeen voit näkyviin tulevassa valikossa suorittaa haluamasi toiminnon. Yleensä kun luodaan sivusto, jossa käytetään ruutua pikseleinä.

Photoshop-verkko

Photoshop-ohjelman itse modulaarinen ruudukko tulee näkyviin sen jälkeen, kun olet käynyt läpi päävalikkokohdan "Näytä" - "Näytä" (Näytä) - "Ruudukko" (Ruudukko). Ruudukon rivien välinen pituus voidaan räätälöidä. Voit tehdä tämän suorittamalla komennon "Muokkaa" - "Asetukset" - "Oppaat, ristikot ja palaset" (oppaat, Ruudukko, Viipaleet). Täällä voit muuttaa vain linjojen välistä kenttää, mutta myös niiden väriä. Käyttämällä tätä verkkoa, sijoita nopeasti ja tarkasti työalaan kaikki tulevan sivuston kohteet helposti.

Työskentele kohdistimen kanssa

Sivuston modulaarinen ruudukko on luotu näin hyvin. Kursori tarttuu linjoihin käytön aikana. Tämä voi olla kätevää, jos on tarpeen tehdä tarkkoja, erityisiä kokoja. Jos tämä toiminto on jostain syystä tarpeeton, se voidaan poistaa käytöstä. Oletusarvon mukaan Photoshopin ruudukko on ikkunan vasemmassa yläkulmassa. Haluttaessa se voidaan siirtää muuhun paikkaan kankaalle. Voit tehdä tämän siirtämällä alkuperäisen neliön ja vetämällä sitä pitämällä hiiren painiketta painettuna. Palauta viittauspaikka paikkaan kaksoisnapsauttamalla samaa neliötä kulmassa.

Lisäksi "Photoshop" -editorille on olemassa kaikenlaisia ​​laajennuksia, joiden avulla voit luoda sivuston luomiseen modulaarisen ruudukon avulla vielä helpommin. Lataa ne verkossa. Näiden laajennusten avulla voit luoda verkkoja, joilla on määritetyt parametrit.

Ruudukko CorelDrawissa

Katsotaanpa nyt, miten tehdä modulaarinen ruudukko CorelDraw-vektorieditorissa. Täällä se on luotu samalla tavalla kuin Photoshopissa. Sen kuvake sijaitsee yläpaneelissa (silmä ruudussa). Kun olet napsauttanut sitä, voit tehdä kaikki tarvittavat asetukset. Voit valita viivojen välisen etäisyyden, muuttaa mittayksikköä jne. Ne rajaavat työkentän CorelDraw-kuvaruudussa ja oppaiden avulla. Tarvittaessa ne voidaan tehdä näkyviksi tai näkymättömiksi.

Sivuston suunnittelussa oleva modulaarinen verkko on perustekijä, jonka kehittämistä tulisi lähestyä äärimmäisen vastuullisesti. Loppujen lopuksi sen kävijöiden kätevyys ja sen vuoksi sen sivuille viettämä aika riippuu siitä, kuinka hyvin resurssi rakennetaan.