Implementace návrhu modulární mřížky do interiéru. Modulární mřížka

Jak začíná návrh loga? Přemýšlíte nad myšlenkou grafického znaku? Nebo výběr písma? Nebo možná z modulární sítě? Je těžké říci, protože v různých případech jsou zapotřebí různé přístupy. Mnoho návrhářů, kteří již mají přibližnou představu o tom, jak by mělo logo vypadat, však začíná vytvořením modulární mřížky. Použití mřížky vám umožňuje vytvořit harmonické, geometricky ověřené a dobře organizované logo, které lze poté reprodukovat v jakékoli velikosti.

Modulární mřížka je velmi užitečným nástrojem v arzenálu designéra. Zvláště pro začátečníky - i zvládnutím základů práce s průvodci se můžete vyhnout mnoha konstrukčním chybám. Nejčastěji se používá pravidelná čtvercová mřížka s buňkami dané velikosti, ale to vůbec neznamená, že je nutné použít tuto možnost. Struktura mřížky pro vytváření loga může být libovolná, například to může být kombinace vodorovných, svislých a nakloněných vodítek, které interagují s kruhy různých průměrů. Jaká bude modulární mřížka, je na samotném designérovi. Pokud potřebujete vytvořit přísné, jednoduché logo založené na principech geometrické harmonie, neobejdete se bez modulární mřížky. Jedině tak lze vytvořit jedinečné logo, ve kterém bude šířka písmen, poloměr zakřivení prvků a vzdálenost mezi postavami dodržovat určité standardy.

Ano, tento přístup k návrhu loga lze nazvat příliš mechanickým, ale loga postavená na základě modulární mřížky vypadají „správněji“ - koneckonců jsou vytvářena pomocí určitých principů. Kromě toho nezapomeňte, že jakmile bude logo vyvinuto, budou jej reprodukovat další návrháři, a pokud vědí, jak vypadá modulární mřížka, bude pro ně mnohem snazší se s tímto úkolem vyrovnat.

Modulární mřížky se používají v široké škále provedení. Základní pravidla pro konstrukci mřížek byla vytvořena již dávno - první známky používání průvodců lze vidět například ve starých rukopisech. Mřížky byly široce používány v tisku a s příchodem počítačového věku si přirozeně našli cestu do webdesignu.

Nejzajímavější je, že mnoho lidí, nejen designérů, nevědomě dodržuje pravidla pro konstrukci modulárních sítí. Například fotografové, kteří se snaží získat kompozičně ověřený záběr, používají pravidlo třetin nebo pravidlo zlatého řezu. I klasický výraz „horizont je zakryt“ znamená, že fotograf nesprávně „použil“ vodorovné vodítka. Návrháři loga, kteří neradi používají mřížku s tím, že omezují jejich kreativitu, by si měli být vědomi toho, že jakýkoli vizuální objekt, který má kompozici, je vytvořen pomocí modulární mřížky. I když se to stalo úplně náhodou.

VÝHODY MODULÁRNÍ MŘÍŽKY

Jaký typ pletiva zvolit, závisí na mnoha důvodech - záleží pouze na konkrétním případě. Zároveň je důležité nezapomínat, že by designérovi měla být práce v tomto prostředí příjemná. Pokud je použití mřížky nepohodlné a neprospívá logu, je třeba jeho strukturu zrevidovat. Neviditelné rámce vám mohou skutečně překážet, takže musíte být docela v klidu, protože některé prvky budou porušovat přísnou organizaci. A to je zcela normální - ostatně symboly, se kterými je logo napsáno, mají různou šířku. Je velmi obtížné dodržovat geometrické principy v logách, která používají azbuku. Cyrilice obsahuje písmena, která mohou designéra přivést k zoufalství. Pokud se podíváte na stejné písmeno Y, je jasné, že vidíme zcela směšný design, který neodpovídá dobře obrysu ostatních písmen převzatých z latinské abecedy. A žena podobná hmyzu? To je obecně noční můra pro každého návrháře loga. Musíte ale pracovat s tím, co je, a na modulární mřížku není čas. Takové symboly budou stále přesahovat hranice průvodců a musíte se s tím smířit.

PROČ SE VYUŽÍVÁ Mřížka

Logo lze vytvořit bez použití modulární mřížky. Vezme se hotové písmo, napíše se do něj název značky a je to. U grafického znaku často také nemusíte pracovat s průvodci. Takových log je spousta a často to nijak neovlivňuje povědomí o značce. Například logo Google je v Catullu. Návrhářka Ruth Kedar pouze malovala písmena v různých barvách a přidávala stíny.

Pokud je však logo vytvořeno od začátku, může být použití návrhářů pro návrháře velmi užitečné. Mřížka vám pomůže soustředit se a věnovat větší pozornost organizační struktuře loga. Použití modulární mřížky vám umožní soustředit se a vytvořit logo, které je jednoduché, ale stále relevantní. Když se podíváte na loga společností jako Apple, Shell nebo Nike, uvidíte, že byla vytvořena pomocí jednoduchých, klasických tvarů.

Pomocí mřížky můžete vytvořit univerzální logo, které bude skvěle vypadat jak na vizitce, tak na obrovském banneru. Průvodci, kruhy a křivky přitom vůbec neomezují let návrhářova myšlení, naopak činí jeho myšlení flexibilnějším. Občas můžete v řádcích mřížky vidět mnohem více možností návrhu - buňky jako by naznačovaly, jak můžete symboly přesouvat tak, aby vypadaly harmonicky. To znamená, že při práci s mřížkou návrhář pracuje efektivněji s dostupným prostorem.

KDYŽ NEMUSÍTE Mřížku POUŽÍVAT

Obecně, jak je uvedeno výše, na jakékoli logo vytvořené pomocí základní kompozice můžete použít modulární mřížku, která přesně ukáže, jak byla vytvořena. Proti používání průvodců však existuje několik argumentů.

Mřížka může omezit kreativitu, protože návrhář se cítí „uzamčen“ v průvodcích. Takový designér se snaží nepřekračovat stanovené hranice a zažívá nepohodlí, které nepřispívá k vytvoření vysoce kvalitního loga.

Vytvoření mřížky může být časově velmi náročné, zvláště pokud je logo složité. S tím se často setkávají začínající návrháři, kteří ještě nejsou obeznámeni se zákony kompozice, a proto nemohou rychle vytvořit síť.

Vzhledem k tomu, že síť má matematickou povahu, je snadné se ve všech těchto tvarech zmást a v důsledku toho zapomenout na hlavní myšlenku. Vždy byste měli pamatovat na to, že úspěšné logo není jen sada geometrických tvarů, ale jejich harmonická kombinace. Tendence některých designérů „hrát podle pravidel“ často vede k tomu, že skončí s anonymním a vyloženě nešťastným logem.

ZÁVĚR

Všichni návrháři loga pracují odlišně. Někdo raději nejprve načrtne na papír, jiný okamžitě začne kreslit logo na počítači. Někteří začínají budováním modulární sítě, zatímco jiní dávají přednost generování obrazu nejprve a až poté jej činí soudržnějším. Nelze tedy jednoznačně říci, že modulární mřížka je při vytváření loga nutností. Navrhování loga se ale dá přirovnat k stavbě budovy. Dobře navržený dům vydrží déle, protože vychází z promyšleného plánu. Totéž platí pro logo: pokud se jedná o firemní identitu, tvář značky, pak je nejlepší použít modulární mřížku - koneckonců logo bude společnost používat mnoho let. A bude velmi dobré, pokud bude kompozičně správný. Pro jakýkoli web, který je vytvořen, jak se říká, pro duši, logo napsané jakýmkoli krásným písmem je docela vhodné. A modulární mřížka v tomto případě není potřeba.

Není to tak dávno, při práci na další lekci kurzu „Grafický design. Základy “(naplánováno na začátek ledna) jsem si uvědomil, že téma používání a budování modulárních sítí není na mnoha místech pokryto.

Existuje mnoho informací o tom, co je modulární síť a k čemu slouží, ale velmi málo o tom, jak ji vybudovat a jaká pravidla dodržovat. Proto jsem se rozhodl, že dnešní příspěvek bude mít praktické zaměření a pokusím se toto téma pojmout co nejjasněji.

Modulární mřížka je tedy rozvržení vaší práce, způsob organizace a zarovnání prvků. Je páteří kompozičního řešení a slouží jako prostředek k organizaci nejen součástí díla, ale také volného prostoru.

Mřížka nám může pomoci vyřešit zadané úkoly a být součástí řešení. Nejvýraznějším příkladem je rozhraní Windows Phone:

Pro ty, kteří potřebují podrobnější teoretickou část otázky, je zde možnost využít vyhledávání nebo se přihlásit k odběru kurzu a obdržet odpovídající dopis, kde je to dostatečně podrobně popsáno, a jdeme přímo na procvičování.

Nejprve se musíme rozhodnout, k čemu potřebujeme modulární síť. Vytváříme webovou stránku nebo vysíláme časopis, obálku knihy nebo něco jiného? V závislosti na druhu činnosti by měly být zvýrazněny hlavní strukturální prvky. Velikost modulu je často určena jedním z těchto prvků, například logem, polohou nabídky na webu atd. V rozložení je minimální velikost určena velikostí, která je v konkrétní situaci čitelná.

Pro názornost uvedu příklad modulární mřížky tištěného periodika. Pokud tvoříme časopis, pak strukturálními prvky mohou být nadpis, podtitul, text, ilustrace. Obvykle existují různé typy článků v časopisech, kde se role textové části může lišit. V takových případech, aby byla mřížka flexibilnější, používám 5-7 modulů (horizontálně):

Kombinaci modulů lze provádět v téměř libovolném formátu, který vám vyhovuje:

Ve skutečnosti, čím menší je modul mřížky, tím pružnější bude bez ztráty proporcionality. Mnohým lidem ale připadá nepohodlné pracovat s mřížkami, pokud velikost jejich modulu směřuje k velikosti vzdálenosti mezi moduly. Taková mřížka je oslňující v očích a je snadné se v ní zmást, zvláště pro začátečníky:

Možností pro stavbu modulární sítě může být spousta, zde jste omezeni pouze přáním zákazníka a vaší představivosti. Nezapomeňte, že modulární mřížky nemusí být svislé, mohou být také postaveny diagonálně, pod určitým úhlem atd.

V případě webů se za optimální počet sloupců považuje 12, 16 a 24, což je dáno zvláštnostmi rozložení stránek a využitím schopností rámce. Minimální výšku modulu pro web považuji za 20px, což je spojeno s optimální velikostí písma (12-14pt) a jeho čitelností.

Nyní je čas mluvit o technické stránce problému.

Vytvoření modulární mřížky v

První a nejjednodušší způsob je zapnout mřížku samotného grafického editoru (Ctrl + ‘) a podle něj nastavit vodítka. Bude to trvat dlouho a s vysokou pravděpodobností chyb.
Nainstalujte si speciální doplňky pro Photoshop ( GuideGuide , Modulární mřížkový vzor , GridMaker 2).
Stáhněte si připravenou šablonu z jednoho z bezplatných generátorů mřížky, jako je 960.gs, Golden Grid, 1 kB Grid, Simple Grid. Nastavte požadované parametry a klikněte na „GENEROVAT“.

Ve skutečnosti existuje celá řada služeb pro vytváření mřížek, včetně „gumových“ stránek. Lze je velmi snadno najít pomocí vyhledávání, takže nevidím důvod je všechny v článku uvádět. Tyto služby jsou skvělými pomocníky pro začátečníky.

Vytvoření modulární mřížky v

Na rozdíl od Photoshopu má InDesign vlastní nástroje pro vytváření modulární mřížky. V nabídce Rozložení musíte vybrat položku Vytvořit průvodce a v dialogovém okně zadejte požadované parametry:

Tento nástroj má celkem flexibilní nastavení, takže nebude obtížné vytvořit požadovanou strukturu. Síťování se nejlépe provádí na Hlavní stránka abyste se vyhnuli opakování postupu pro každou stránku.

Vytvoření modulární mřížky v

První metoda (podobná Photoshopu) je zapnout mřížku samotného grafického editoru a podle ní nastavit vodítka. Je také možné z libovolného tvaru udělat průvodce, což pomůže při organizaci šikmé mřížky.
Stáhněte si připravené šablony mřížky. Kde - zobrazí se výzva k vyhledání. Spoustu z nich najdete na internetu.

Doufám, že se vám téma modulárních sítí stalo bližším a jasnějším. Určitě si procvičte jejich stavbu. Dobře chápu, že je to velmi nudné povolání, ale stojí to za to. Mřížky rozvíjejí váš smysl pro proporce, což vám umožní později lépe vidět případné nepřesnosti zarovnání.

Mimořádně užitečný článek o pravidlech pro tvorbu rozvržení časopisu! Vřele doporučuji přečíst.

Než budeme mluvit o modulární mřížce, pojďme pochopit, co je modul.

Modul Jedná se o vícekrát se opakující obrázek, velikost nebo poměr. Je struktura (rámeček, šablona) uspořádání grafických prvků na stránkách. Základem modulární mřížky je „modul“, jinými slovy hlavní krok mřížky, který je vizuálně určen šířkou a výškou klece (modulární jednotka). Buňky jsou vytvořeny pomocí svislých sloupců a vodorovných čar.

Drtivá většina mřížek vychází z formátu papíru použitého jako základ pro publikaci. Jak si dokážete představit, sloupce a základní mřížka stránek jsou vytvářeny pomocí automatických příkazů programu. Mřížka může být velmi různorodá, v závislosti na účelu publikace a nápadu designéra.

Mřížka je vytvořena pro celou šíření, ne pro každou stránku zvlášť. To se děje tak, že celý časopis by byl vnímán jako jeden celek a nebyl by rozdělen na levou a pravou část a celá publikace by nevypadala jako pojivo heterogenních stránek. Reverzní mřížka může být složena z 2, 3, 4 atd. stejné a nerovné šířky sloupců.

Sloupce stejné šířky se vytvářejí v okně pro vytváření dokumentu nebo v panelu "Okraje a kolóny". Potřebujeme -li nastavit 3 sloupce, najedeme číslem 3 do příslušného pole atd.

Co když ale podle našeho plánu nemají mít všechny sloupce stejnou šířku? Co když je například text a obrázky ve 2 širokých sloupcích a vysvětlující informace v úzkém bočním sloupci?

V tomto případě bude naše modulární síť postavena na základě smíšený počet automatických sloupců programu. Pokud například pro stránku nastavíme 8 automatických sloupců, pak naše 2 široké sloupce (pro text a obrázky) obsadí 3 automatické sloupce a úzký boční sloupec bude vytvořen na základě 2 automatických sloupců.

Modulární mřížka kromě distribuce podle sloupců také používá základní horizontální pravítka... Řádky textu a ohraničení grafických prvků jsou k nim ukotveny pro vizuální uspořádání a zarovnání.

Nadpisy se vejde do jednoho sloupce nebo může zahrnovat více sloupců. Není neobvyklé, že nadpis je jediným prvkem pro celou stránku. Vše závisí na kreativním nápadu a osobních preferencích návrháře.

Podobně mohou grafické obrázky (fotografie nebo ilustrace) zabírat jeden nebo několik sloupců nebo mohou zaplnit celou šíři. Poměrně běžnou technikou je, když fotografie zabírá jednu část pomazánky jako celek a mírně přesahuje do druhé části, aby se obě části vizuálně spojily.

Modulární mřížka nemusí být postavena z kolmých čar. Někdy se designér rozhodne síť naklonit nebo jí dokonce dát originální tvar. Pokud chcete překročit obvyklé hranice - jděte ven!
Pokuste se ve snaze o originalitu neproměnit svou práci v sisyfovskou. Představte si, jaké by to bylo psát 40–50 stránek se šikmou nebo kudrnatou mřížkou ...

Proto než se stanete originálem, zeptejte se sami sebe, je to opravdu tak nutné a k čemu? Pokud je celý časopis postaven na šikmé, převrácené nebo kudrnaté mřížce, pak s největší pravděpodobností taková originalita čtenáře nepřekvapí déle než během prvních 5 stránek, a pak to začne být otravné.

Proč? Protože čtenář chce v první řadě klidně číst a asimilovat zajímavé informace a nenechat se rozptýlit žádným přebytkem geniality designéra.

Pokud se však původní rozvržení objeví pouze v jedné konkrétní sekci časopisu, bude to nejen zajímavé, ale také vhodné, protože dodá sekci stylový a rozpoznatelný vzhled.

„Mřížka je systém nápovědy, ale není zárukou, má jen několik možných použití a každý designér může najít řešení, které vyhovuje jeho individuálnímu stylu. Musíte se ale naučit používat mřížku. umění, které vyžaduje praxi. “

— Joseph Müller-Brockmann

Ve skutečnosti je samotné použití mřížky spojeno s jedním z nejstarších a nejzákladnějších principů návrhu - zarovnáním. Náš mozek chce vše zjednodušit a učinit ho srozumitelnějším. Proto se snažíme vnést pořádek do věcí, které působí chaoticky.

Přirozeně, čím rychleji vše správně uspořádáme, tím rychleji náš mozek dokáže model identifikovat a jít dál. Mřížky jsou tak uspořádané, že z naší strany nevyžadují téměř žádný výklad. .

Zvažte dvě rozložení stránky uvedená na obrázku níže:

Ačkoli oba tyto obrázky jsou jen několik obdélníků, sada nahoře se zdá být zásadně lepší než dole. Můžeme okamžitě rozpoznat vzor, přijmout ho a jít dál. Níže uvedený obrázek naopak způsobuje vizuální nepohodlí, protože nemá jasný obraz, pořadí nebo účel a vypadá jako náhodná sada tvarů.

Je třeba poznamenat, že dezorganizace může být také krásná. . Například v přírodě neexistují jasné čáry. Sítě vypadají chladně a tuho, ale pamatujte, že jsou velmi účinnou a účinnou metodou, jak zabránit uvíznutí vaší představivosti ve strukturách.

Podívejte se na některé z nejpopulárnějších webů se špičkovým designem. S největší pravděpodobností použili mřížku. Mřížky pomáhají stabilizovat strukturu webové stránky a poskytují návrháři logickou šablonu pro vytváření webových stránek.

Použití mřížky neznamená, že váš návrh bude mít nudný design. Dobrý designér by měl znát a umět aplikovat základní pravidla pro používání mřížky, ale to neznamená, že nemůže pravidla porušovat.

Jednoduše řečeno, mřížka je rozdělení rozvržení svislými a / nebo vodorovnými vodítky včetně okrajů, prostoru a některých sloupců, které položí základ pro uspořádání vašeho obsahu.

Mřížky se tradičně používají v polygrafickém průmyslu, ale běžně se používají také ve webovém designu. Pletivo je jen nástroj, který pomáhá s designem.

Když se začínáte učit nové dovednosti v určité oblasti, musíte se nejprve řídit pokyny. Naučit se základy zajišťuje, že můžete zásady efektivně aplikovat. To je nejprve - teorie, a pak - praxe.

Stojí za zmínku, že existují dva způsoby, jak vytvořit mřížku šablony:

Metoda č. 1: Vytvořte si vlastní mřížku

Existuje mnoho různých způsobů, jak vytvořit vlastní síť, ale na konci dne si můžete vybrat, která vám bude nejlépe vyhovovat.

Prázdný dokument můžete rozdělit matematicky tak, že vytvoříte sudý nebo lichý počet sloupců, se kterými budete pracovat. Vaše síť může být složitá nebo jednoduchá, můžete podle potřeby používat pravidla třetin nebo zlatý řez.

S tím vám možná pomohou následující články:

How You Make A Grid (kniha v angličtině ve formátu .pdf)

Zde je několik příkladů sítí vytvořených ve Photoshopu pomocí průvodců ( Zobrazit> Nový průvodce):

Pluginy pro vytváření mřížek ve Photoshopu

5. Generátor mřížkového systému -generátor populárních sítí jako 960.gs, Golden Grid, 1Kb Grid, Simple Grid / nastavte potřebné parametry a stiskněte „GENERATE“.

Mřížky pro gumové / responzivní weby

Responzivní webový design je dnes velmi populární. Hlavní jeho zásadou je použití gumové síťoviny. Můžete si o nich přečíst více, ale rád bych tuto sbírku trochu doplnil a přidal několik dalších zdrojů.

1. - generátor adaptivní mřížky

2. Kalkulačka mřížky tekutin - služba, která vám umožní vytvořit gumovou mřížku. Zadejte parametry a získejte hotový kód.

Napsal Josef Müller-Brockmann (1914–1996) je grafický designér a pedagog. Jeho práce je příkladem jednoduchosti designu a jemného použití typografie, tvaru, barev. Ovlivnili mnoho současných designérů.

Web Lebedev Studio říká, že kniha není na prodej. Doporučuji vám podívat se do některého z oficiálních obchodů. Modulární systémy v grafickém designu jsem si chtěl přečíst už delší dobu. Myslel jsem, že se už neprodává. Poté, co jsem obhájil semestrální práci na BHShD, jsem narazil na Lebedevův ateliér. Ukáže se, že to vytisknou a prodají.

Koupil jsem to, přečetl si knihu. Podělím se o své dojmy a zajímavé nápady.

Pro každé téma jsou uvedeny příklady rozvržení. Protože je kniha o něco větší než list A4, jsou ilustrace velké a podrobné.

Ukázkové stránky pomocí modulární mřížky

Poznámka pro designéra

Josef popisuje postup práce na rozložení plakátu, rozvržení stránky knihy a časopisu. Část je věnována problematice typografie, protože ovlivňuje vnímání. Aby mohl designér úspěšně dokončit svou práci, musí být schopen těmto složitostem porozumět.