Kaip Padaryti Modulinius Tinklelius

Turinys:

Kaip Padaryti Modulinius Tinklelius
Kaip Padaryti Modulinius Tinklelius

Video: Kaip Padaryti Modulinius Tinklelius

Video: Kaip Padaryti Modulinius Tinklelius
Video: мк домика для кота на полочке, продолжение 2024, Gegužė
Anonim

Kuriant dizainą ar kuriant sudėtingą vaizdą patogu naudoti modulinius tinklelius. Jie tarnauja kaip kompozicijos pagrindas, padalijant lapą į nurodytą skaičių vertikalių ir horizontalių laiptelių su vienodu ar skirtingu atstumu.

Kaip padaryti modulinius tinklelius
Kaip padaryti modulinius tinklelius

Būtinas

„Abode Photoshop“programa

Nurodymai

1 žingsnis

Visi šiuolaikiniai grafikos redaktoriai ir interneto dizaino programos turi įmontuotus modulinius tinklelius. Jei dirbate „Adobe Photoshop“, įjunkite tinklelio ekraną, kad būtų lengviau išdėstyti vaizdo objektus ir tiksliai juos išdėstyti lape. Norėdami tai padaryti, eikite į meniu punktą Redaguoti ir perkelkite pelės žymeklį ant antraštės „Parinktis“. Pasirodžiusiame meniu pasirinkite „Guides, Grid & Slices“elementą (atsižvelgiant į programos versiją, šis elementas gali turėti skirtingus pavadinimus, pasirinkite žodį „Grid“).

2 žingsnis

Atsidariusiame nustatymų lange nustatykite modulinio tinklelio parametrus. Tinklelio srityje pasirinkite linijų, sudarančių tinklelio elementus, ir eilučių spalvą. Spustelėkite „Gerai“ir patikrinkite, kaip atlikti pakeitimai paveiks paveikslėlio išvaizdą. „Adobe DreamWeaver“žiniatinklio kūrimo aplinkoje tinklelis pagal numatytuosius nustatymus yra įtrauktas į jūsų kuriamo puslapio maketą.

3 žingsnis

Naudodami elementą Įterpti lentelę, galite pridėti įvairių lentelių (tinklelio elementų) su bet kokiu eilučių ir stulpelių rinkiniu, taip pat įterpti naujas lenteles į langelius, taip sukurdami sudėtingą tinklą puslapio elementams kurti.

4 žingsnis

Modulinį tinklelį galite sukurti rankiniu būdu naudodami CSS stilius. Norėdami tai padaryti, naudokite įrankius #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr ir kitus modulius. Pvz., Šis kodo fragmentas sukuria keturių nurodyto pločio modulių tinklelį:.page-layout {margin-right: -5px; }.layout-box {plūdė: kairė; paraštė: 0 5px 5px 0; }.lb-1 {plotis: 779px; } / * 100% * /. Lb-2 {plotis: 583 taškų; } / * 75% * /. Lb-3 {plotis: 387px; } / * 50% * /. Lb-4 {plotis: 191 taškų; } / * 25% * /

5 žingsnis

Modulinis tinklelis palengvina tiek pradedantiesiems dizaineriams, tiek interneto kūrėjams, tiek patyrusiems šios srities meistrams. Modulinio tinklelio pagrindu sukurtus projektus lengva redaguoti ir perkelti, o tai labai patogu atliekant didelius darbo kiekius. Taip pat galite bet kada nutraukti darbą ir toliau naudoti išsaugotą failą.

Rekomenduojamas: