Co je modulární mřížka. Jak vytvořit modulární mřížku?

Modulární mřížka - jedná se o speciální šablonu, podle níž je postavena konstrukce. Ve skutečnosti je to systém pro prezentaci vizuálních informací návštěvníkovi na základě jednotlivých bloků nazývaných moduly. Místo vytvořené pomocí takové šablony je mnohem pohodlnější pro vnímání a navigaci.

Jak se mřížka aplikuje

Modulární mřížka se používá při vývoji návrhů knih, vizitek, ochranných známek, log, atd. Je také povinné používat při vytváření webových stránek. Správně vytvořená mřížka harmonicky skládá prostředí pro všechny prvky zdroje - grafiku a text. S jeho použitím je mnohem snazší umístit je všechny na stránku a vytvořit mezi nimi jasné hranice. Umístěním prvků určitým způsobem můžete každý z nich vidět a současně propojit všechny informace o samotném webu.

Typy modulárních mřížek

Nejběžnější modulární mřížka v návrhu stránky jsou tři základní sloupce buňky. V takovém případě mají záhlaví a zápatí šířku odpovídající jejich velikosti. Tato standardní volba obvykle používají amatéři při vytváření stránek. Někdy se šířka jedné buňky zvyšuje kvůli šířce druhé buňky.

Vytvoření druhé varianty modulárních sítí - nestandardních - je možné pouze pro profesionály, kteří se zabývají webovým designem. V tomto případě je přesně určena pouze šířka sloupců a vzdálenost mezi jednotlivými prvky. Modulární mřížka v návrhu různých druhů zpravodajských zdrojů a on-line časopisů se obvykle vyvíjí takto:

1. Vytvoří se zápatí. Zde naleznete název webu, navigační menu, různé video materiály.
2. Stránka je rozdělena do tří sloupců. V tomto případě mají dva z nich stejné rozměry. Třetí sloupec je rozdělen na dvě části vertikální čárou. Získávají se tedy čtyři sekce (zpravodajství, fotogalerie, místo pro reklamu, nejnovější změny informací na webu).

Modulární mřížka pro online obchody různých specializací je vytvořena poněkud jinak. V tomto případě je velmi důležité zajistit návštěvníkům pohodlí navigace. V tomto případě jsou prvky seskupeny standardním a jednotným způsobem. Pro každý objekt v mřížce jsou zvýrazněny důležité informace, které ho charakterizují.

Pravítko v editoru "Photoshop"

Stránky jsou vytvářeny pomocí rastru nebo vektoru grafické editory. Mřížka v nich je velmi pohodlná. Zvažte, jak se to dělá v populárním editoru Photoshopu. Vytvoření modulární mřížky ve Photoshopu je velmi jednoduché.

Pracovat na obvodu okna snímku se objeví lišta, měli byste jít do hlavního menu „View» (zobrazení) a kliknout na ‚‘ řádku řádku (pravítka). V tomto editoru můžete použít celou řadu prvků - absolvoval v centimetrech, milimetrech, palcích nebo pixelů. Chcete-li provést potřebné úpravy, přejděte do hlavní nabídky položky "Upravit" (Upravit). Pak vyberte řádek "Předvolby" ("UnitsRulers"). Poté se objeví okno, ve kterém můžete změnit vzhled pravítka. V horní rozbalovací nabídce vyberte centimetry, milimetry, pixely a tak dále. D.

Obvykle při práci v editoru Photoshopu použijte trochu jinou a jednodušší metodu. Chcete-li změnit jednotky měření, klikněte pravým tlačítkem myši na pravítko v okně obrázku. Poté v zobrazené nabídce můžete provést požadovanou akci. Obvykle se při vytváření webu používá mřížka v pixelech.

Photoshop Grid

Velmi modulární mřížka programu "Photoshop" se objeví po přechodu na hlavní položku nabídky "Zobrazit" - "Zobrazit" - "Mřížka". Krok mezi řádky mřížky lze upravit. Chcete-li to provést, spusťte příkaz "Upravit" - "Nastavení" - "Vodítka, mřížky a plátky" (vodítka, mřížka, plátky). Zde můžete změnit nejen krok mezi čarami, ale i jejich barvu. Pomocí této mřížky rychle a přesně umístit na pracovní pole všechny objekty budoucího místa budou zcela nekomplikované.

Práce s kurzor

Modulární mřížka webu je tímto způsobem velmi jednoduchá. Kurzor v práci se drží čáry. To může být užitečné, pokud chcete vytvořit bloky přesných, specifických velikostí. Pokud je tato funkce z nějakého důvodu zbytečná, můžete ji vypnout. Výchozí nastavení mřížky v aplikaci Photoshop je ve výchozím nastavení umístěno v levém horním rohu okna. Pokud je to potřeba, můžete jej přesunout na jiné místo na plátně. Chcete-li to provést, přesuňte kurzor na čtverec původu a jednoduše jej přetáhněte podržením tlačítka myši. Chcete-li vrátit referenční bod do umístění, poklepejte na stejné pole v rohu.

Mimo jiné existují různé pluginy pro "Photoshop" editor, který dělá vytvoření webu pomocí modulární mřížka ještě výhodnější. Stáhněte je online. Pomocí těchto plug-inů můžete vytvářet mřížky se zadanými parametry.

Mřížka v aplikaci CorelDraw

Nyní se podíváme, jak vytvořit modulární mřížku ve vektorovém editoru CorelDraw. Zde je vytvořeno přibližně stejně jako ve Photoshopu. Jeho ikona se nachází na horním panelu (oko v mřížce). Po kliknutí na něj můžete provést všechna potřebná nastavení. Můžete vybrat vzdálenost mezi řádky, měnit měrnou jednotku apod. Oddělovat pracovní pole v okně obrázku v aplikaci CorelDraw a pomocí vodítek. V případě potřeby mohou být viditelné nebo neviditelné.

Modulární síť v návrhu lokality je základním prvkem, který by měl být maximálně zodpovědný. Koneckonců, na tom, jak bude prostředek strukturován, závisí pohodlí jeho návštěvníků a tím i čas strávený na jejich stránkách.