website design 184110047 5a5c495f7d4be800372e0119 scaled

Graafisessa suunnittelussa käytettävä ruudukkojärjestelmä on tapa järjestää sivun sisältöä. Se käyttää mitä tahansa marginaalien, apuviivojen, rivien ja sarakkeiden yhdistelmää yhtenäisen järjestelyn muodostamiseksi. Se näkyy selvimmin sanoma- ja aikakauslehtien ulkoasuissa, joissa on teksti- ja kuvasarakkeita, vaikka suunnittelijat käyttävät sitä myös monissa muissa projekteissa. Kun opit tunnistamaan ruudukon, huomaat sen kaikkialla mainoksissa, verkkosivustoilla, pakkauksissa ja muissa osissa.

Ristikkojen käyttäminen malleissasi

Ristikkojärjestelmä voi olla yksittäinen ruudukko tai kokoelma verkkoja. Jotkut ovat alan standardeja; muut ovat vapaamuotoisia ja suunnittelijasta riippuvaisia. Valmiissa tuotteessa ruudukko on näkymätön, mutta sen seuraaminen auttaa luomaan tehokkaita, esteettisesti miellyttäviä paino- ja verkkoasetteluja.

Jos esimerkiksi suunnittelet postikortin kääntöpuolta, käytä US Post Officen oletusruudukkoa. Osa oikeasta puolelta on osoitetta varten, ja leiman tulee olla tämän tilan oikeassa yläkulmassa. Sinun on jätettävä tyhjä väli alareunaan, johon USPS sijoittaa viivakoodijärjestelmänsä. Tämä jättää vasemmalle pienen alueen suunnittelulle ja tekstille.

Ruudukkoyksiköihin sijoitat tekstiä ja grafiikkaa. Reunat, kujat ja kourut ovat yleensä tyhjää tilaa ruudukon sisällä.

Verkkosivustot ja esitteet noudattavat yleensä muutamia vakioruudukkojärjestelmiä, jotka muodostavat mallien perustan. Yksi suosituimmista molemmissa projekteissa on otsikko- ja kolmen sarakkeen asettelu. Se on katsojalle hyvin tuttu ja voi olla helppo tapa aloittaa suunnittelu.

CSS-ruudukon asettelu - ruudukon sarakkeet ja ruudukkorivit

Kun suunnittelet verkkosivustoja tai monisivuista mediaa, harkitse ruudukkosarjan käyttöä. Jokaisen tietyn mallin ruudukon tulee liittyä toisiinsa, mutta ne voivat olla erilaisia. Näin voit muokata yhden sivun tiedot sopivammaksi asetteeksi tinkimättä yhtenäisestä ulkonäöstä ja tuntumasta, jota upea muotoilu edellyttää.​

Verkkotyypit

Ruudukkoasettelut ovat yhtä erilaisia ​​kuin julkaisut, sivustot ja kohteet, joihin ne liittyvät. Yleisiä tyyppejä ovat samankokoiset kahden, kolmen ja neljän sarakkeen ruudukot, joiden yläosassa on otsikko, sekä kokosivuiset neliöruudukot. Näiden rakennuspalikoiden pohjalta sarakkeiden leveyden, reunusten, sivukokojen ja muiden ominaisuuksien vaihtelut luovat ainutlaatuisia sivumalleja. Kun aloitat projektin tai jopa vain harjoittelet, kokeile ruudukkojärjestelmää sijoittaaksesi suunnittelusi elementit sivulle.

Useimmat graafisen suunnittelun sovellukset ja ohjelmat tarjoavat mahdollisuuden käyttää ruudukkopeittokuvia sisällön sijoittelun ohjeina.

Katkaiseminen verkosta

Kun ruudukko on muodostettu, suunnittelija voi päättää, milloin ja miten se puretaan. Tämä ei tarkoita ruudukon huomiotta jättämistä; sen sijaan elementit voivat siirtyä sarakkeesta sarakkeeseen, ulottua sivun loppuun tai viereisille sivuille. Se voi jopa johtaa mielenkiintoisiin sivusuunnitelmiin aloittamalla ruudukosta ja irtautumalla siitä. Tämä on yleinen lähestymistapa nykyaikaisten lehtien suunnittelussa.

Por Markus