Kuinka Tehdä Modulaarisia Ruudukoita

Sisällysluettelo:

Kuinka Tehdä Modulaarisia Ruudukoita
Kuinka Tehdä Modulaarisia Ruudukoita

Video: Kuinka Tehdä Modulaarisia Ruudukoita

Video: Kuinka Tehdä Modulaarisia Ruudukoita
Video: Ohje: Modulaarinen kuutio 2024, Syyskuu
Anonim

Modulaarisia ruudukoita on kätevä käyttää suunnittelua kehitettäessä tai monimutkaista kuvaa luodessa. Ne toimivat koostumuksen perustana jakamalla arkki määrättyyn määrään pystysuoria ja vaakasuoria vaiheita samalla tai eri etäisyydellä.

Kuinka tehdä modulaarisia ruudukoita
Kuinka tehdä modulaarisia ruudukoita

Tarpeellinen

Abode Photoshop -ohjelma

Ohjeet

Vaihe 1

Kaikissa nykyaikaisissa graafisissa editorissa ja verkkosuunnitteluohjelmissa on sisäänrakennetut modulaariset ruudukot. Jos työskentelet Adobe Photoshopissa, kytke ruudunäyttö päälle, jotta kuvaobjektit ja niiden tarkka sijoittelu arkille on helppo järjestää. Voit tehdä tämän siirtymällä Muokkaa-valikkokohtaan ja siirtämällä hiiren Asetukset-tekstityksen päälle. Valitse avautuvasta valikosta Oppaat, Ruudukko ja viipaleet -kohde (ohjelman versiosta riippuen tällä kohteella voi olla eri nimiä, valitse sana Ruudukko).

Vaihe 2

Aseta avautuvassa asetusikkunassa modulaarisen ruudukon parametrit. Valitse Ruudukko-alueella ruudukko-osat ja rivivälit muodostavien viivojen väri. Napsauta "OK" ja tarkista, miten tehdyt muutokset vaikuttavat kuvan ulkonäköön. Adobe DreamWeaver -verkkokehitysympäristössä ruudukko sisältyy oletuksena kehitettävän sivun asetteluun.

Vaihe 3

Voit lisätä erilaisia taulukoita (ruudukkoelementtejä) mihin tahansa rivien ja sarakkeiden joukkoon käyttämällä Lisää taulukko -kohtaa sekä lisätä uusia taulukoita soluihin, mikä luo monimutkaisen verkon sivuelementtien rakentamiseen.

Vaihe 4

Voit luoda modulaarisen ruudukon manuaalisesti CSS-tyylien avulla. Käytä tätä työkaluilla #grid, Gridmaker, CSS Grid Builder, 1 kt CSS Grid, Gridr Buildrrr ja muilla moduuleilla. Esimerkiksi seuraava koodinpätkä luo ruudukon neljästä tietyn leveyden moduulista:.page-layout {margin-right: -5px; }.layout-box {kellua: vasen; marginaali: 0 5px 5px 0; }.lb-1 {leveys: 779px; } / * 100% * /. Lb-2 {leveys: 583px; } / * 75% * /. Lb-3 {leveys: 387px; } / * 50% * /. Lb-4 {leveys: 191px; } / * 25% * /

Vaihe 5

Modulaarisen ruudukon läsnäolo helpottaa sekä aloittelevien suunnittelijoiden että web-kehittäjien ja kokeneiden mestareiden toimintaa tällä alalla. Modulaarisen ruudukon perusteella luotuja projekteja on helppo muokata ja siirtää, mikä on erittäin kätevää suurille työmäärille. Voit myös lopettaa työn milloin tahansa ja jatkaa tallennetun tiedoston käyttöä.

Suositeltava: