Při vývoji designu nebo vytváření komplexního obrazu je vhodné použít modulární mřížky. Slouží jako základ kompozice a dělí list na určitý počet vertikálních a horizontálních kroků se stejnými nebo různými vzdálenostmi.
Nezbytné
Abode Photoshop program
Instrukce
Krok 1
Všechny moderní grafické editory a programy webového designu mají zabudované modulární mřížky. Pokud pracujete v aplikaci Adobe Photoshop, zapněte zobrazení mřížky pro snadné uspořádání obrazových objektů a jejich přesné umístění na listu. Chcete-li to provést, přejděte na položku nabídky Upravit a najeďte myší na titulek Předvolby. V zobrazené nabídce vyberte položku Průvodci, Mřížka a řezy (v závislosti na verzi programu může mít tato položka různé názvy, zvolte slovo Mřížka).
Krok 2
V okně nastavení, které se otevře, nastavte parametry modulární sítě. V oblasti Mřížka vyberte barvu čar, které tvoří položky mřížky, a řádkování. Klikněte na „OK“a zkontrolujte, jak provedené změny ovlivní vzhled obrázku. Ve webovém vývojovém prostředí Adobe DreamWeaver je mřížka standardně zahrnuta do rozložení stránky, kterou vyvíjíte.
Krok 3
Pomocí položky Vložit tabulku můžete přidat různé tabulky (položky mřížky) s libovolnou sadou řádků a sloupců a také vložit nové tabulky do buněk, čímž vytvoříte komplexní síť pro vytváření prvků stránky.
Krok 4
Modulární mřížku můžete vytvořit ručně pomocí stylů CSS. K tomu použijte nástroje #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr a další moduly. Například následující fragment kódu vytvoří mřížku čtyř modulů dané šířky:.page-layout {margin-right: -5px; }.layout-box {float: left; okraj: 0 5px 5px 0; }.lb-1 {šířka: 779px; } / * 100% * /. Lb-2 {šířka: 583px; } / * 75% * /. Lb-3 {šířka: 387px; } / * 50% * /. Lb-4 {šířka: 191px; } / * 25% * /
Krok 5
Přítomnost modulární mřížky usnadňuje jak začínajícím návrhářům, tak webovým vývojářům a zkušeným mistrům v této oblasti. Projekty vytvořené na základě modulární mřížky lze snadno upravovat a přenášet, což je velmi výhodné pro velké objemy prací. Můžete také kdykoli zastavit práci a pokračovat v používání uloženého souboru.
