Kuidas Moodulvõrke Teha

Sisukord:

Kuidas Moodulvõrke Teha
Kuidas Moodulvõrke Teha

Video: Kuidas Moodulvõrke Teha

Video: Kuidas Moodulvõrke Teha
Video: KUIDAS TEHA KODUVEINI 2024, Mai
Anonim

Disaini väljatöötamisel või keeruka pildi loomisel on mugav kasutada moodulvõrke. Need on kompositsiooni aluseks, jagades lehe kindlaksmääratud arvu vertikaalsete ja horisontaalsete sammudega ühesuguse või erineva kaugusega.

Kuidas moodulvõrke teha
Kuidas moodulvõrke teha

Vajalik

Abode Photoshop programm

Juhised

Samm 1

Kõigil kaasaegsetel graafikatoimetajatel ja veebidisainiprogrammidel on sisseehitatud modulaarsed võrgud. Kui töötate Adobe Photoshopis, lülitage pildiobjektide ja nende täpse paigutuse lehel hõlpsaks paigutamiseks sisse ruudustikunupp. Selleks minge menüüpunkti Redigeerimine ja liigutage hiir pealdise Eelistamine kohal. Ilmuvas menüüs valige üksus Juhendid, ruudustik ja viilud (sõltuvalt programmi versioonist võib sellel üksusel olla erinev nimi, valige sõna Ruudustik).

2. samm

Avanenud seadete aknas määrake moodulruudustiku parameetrid. Valige ruudustikualal nende ruudude värv, mis moodustavad ruudustikuelemendid ja reavahe. Klõpsake nuppu "OK" ja kontrollige, kuidas tehtud muudatused mõjutavad pildi välimust. Adobe DreamWeaveri veebiarenduskeskkonnas on võrk vaikimisi kaasatud teie arendatava lehe paigutusse.

3. samm

Elemendi Lisa tabel abil saate lisada mitmesuguseid tabeleid (ruudustikuüksusi) mis tahes ridade ja veergude komplektiga, samuti lisada uusi tabeleid lahtritesse, luues seeläbi keeruka võrgu lehe elementide loomiseks.

4. samm

CSS-stiilide abil saate moodulruudustiku käsitsi luua. Selleks kasutage tööriistu #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr ja muid mooduleid. Näiteks loob järgmine koodijupp võrgu neljast etteantud laiusega moodulist:.page-layout {margin-right: -5px; }.layout-box {ujuk: vasak; veeris: 0 5px 5px 0; }.lb-1 {laius: 779px; } / * 100% * /. Lb-2 {laius: 583px; } / * 75% * /. Lb-3 {laius: 387px; } / * 50% * /. Lb-4 {laius: 191px; } / * 25% * /

5. samm

Moodulruudustiku olemasolu muudab selle lihtsamaks nii algajatele disaineritele kui ka veebiarendajatele ja selle valdkonna kogenud meistritele. Moodulruudustiku alusel loodud projekte on lihtne redigeerida ja edastada, mis on suurte tööde jaoks väga mugav. Samuti saate töö igal ajal peatada ja jätkata salvestatud faili kasutamist.

Soovitan: