Pri vývoji dizajnu alebo vytváraní zložitého obrazu je vhodné použiť modulárne mriežky. Slúžia ako základ kompozície, ktorá rozdeľuje list na stanovený počet vertikálnych a horizontálnych krokov s rovnakými alebo rôznymi vzdialenosťami.
Nevyhnutné
program Abode Photoshop
Inštrukcie
Krok 1
Všetky moderné grafické editory a programy webového dizajnu majú zabudované modulárne mriežky. Ak pracujete v aplikácii Adobe Photoshop, zapnite mriežkové zobrazenie pre ľahké usporiadanie obrazových objektov a ich presné umiestnenie na hárku. Ak to chcete urobiť, prejdite na položku ponuky Upraviť a presuňte kurzor myši na nadpis Predvoľby. V zobrazenej ponuke vyberte položku Sprievodcovia, Mriežka a plátky (v závislosti od verzie programu môže mať táto položka rôzne názvy, zvoľte slovo Mriežka).
Krok 2
V okne nastavení, ktoré sa otvorí, nastavte parametre modulárnej siete. V oblasti Mriežka vyberte farbu riadkov, ktoré tvoria položky mriežky, a riadkovanie. Kliknite na tlačidlo „OK“a skontrolujte, ako vykonané zmeny ovplyvnia vzhľad obrázka. Vo webovom vývojovom prostredí Adobe DreamWeaver je mriežka štandardne zahrnutá v rozložení stránky, ktorú vyvíjate.
Krok 3
Pomocou položky Vložiť tabuľku môžete pridať rôzne tabuľky (položky mriežky) s ľubovoľnou sadou riadkov a stĺpcov, ako aj vložiť nové tabuľky do buniek, čím vytvoríte komplexnú sieť na vytváranie prvkov stránky.
Krok 4
Modulárnu mriežku môžete vytvoriť ručne pomocou štýlov CSS. Použite na to nástroje #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr a ďalšie moduly. Napríklad nasledujúci úryvok kódu vytvorí mriežku štyroch modulov s danou šírkou:.page-layout {margin-right: -5px; }.layout-box {float: left; okraj: 0 5px 5px 0; }.lb-1 {šírka: 779px; } / * 100% * /. Lb-2 {šírka: 583px; } / * 75% * /. Lb-3 {šírka: 387px; } / * 50% * /. Lb-4 {šírka: 191px; } / * 25% * /
Krok 5
Prítomnosť modulárnej mriežky uľahčuje začínajúcim dizajnérom a webovým vývojárom aj skúseným majstrom v tejto oblasti. Projekty vytvorené na základe modulárnej mriežky sa dajú ľahko upravovať a prenášať, čo je pri veľkých objemoch prác veľmi výhodné. Môžete tiež kedykoľvek zastaviť prácu a pokračovať v používaní uloženého súboru.
