Rozvržení

Rozvržení Smart Chip využívají jednoduchý, ale flexibilní mřížkový systém, díky němuž vše působí přehledně a jednotně. Zároveň vám poskytují velkou svobodu při přizpůsobování různým velikostem, formátům a designovým požadavkům.

Styly rozvržení

Existují dva typy rozvržení: Až k okraji a Prázdné místo. Oba používají stejný mřížkový systém a stejná pravidla.

Až k okraji Tyto rozvržení využívají naši barevnou paletu, výrazné obrázky a velké nadpisy k upoutání pozornosti. Nejlépe se hodí pro značení nebo jako prvek upoutávající pozornost v kombinaci s rozvrženími s volným prostorem.

Prázdné místo Taková rozvržení ponechávají více prostoru pro text a mohou obsahovat více informací než rozvržení s plným přesahem. Díky tomu se lépe hodí k vyprávění příběhu.

Nastavení mřížky

Začněte s okraji. Standardní okraj pro rozvržení je 8% nejkratší strany.

Rozdělte vnitřní plochu na Mřížka 10×10.

A to je vše. Tímto máte k dispozici kompletní mřížkový systém. Pomocí mřížkových čar můžete zarovnávat a měnit velikost prvků, jako jsou logo, nadpisy, výzvy k akci, obrázky a další.

Použití mřížky

Při zarovnávání prvků se řiďte mřížkou. Systém je navržen tak, aby byl flexibilní, takže můžete libovolně kombinovat různé velikosti a uspořádání a vytvořit si rozvržení, které vyhovuje vašim potřebám.

Hlavní zprávy

Nadpisy mohou být tak velké, jak to jen jde, aby vyplnily dostupný prostor. Nemusí to však tak být – někdy je lepší je zmenšit. Nechte designu prostor k dýchání.

Dodržujte odstup od obrázků alespoň ve výši okraje. Nepřekrývejte obrázky titulky, s výjimkou rozvržení s obrázky přes celý formát.

Text může buď přesahovat pod čáru mřížky, nebo na ní stát – podle toho, co se lépe hodí k vašemu rozvržení.

Obrazový materiál

Obrázky také zarovnejte podle čar mřížky. Obrázky mohou končit u okraje, čímž se docílí čistého a strukturovaného vzhledu, nebo mohou zasahovat až k samému okraji. Pro dynamičtější a působivější efekt je lze také umístit až k samému okraji stránky, přičemž text a další prvky budou umístěny nad nimi.

Pozadí za obrázkem je buď černé, nebo bílé. Bílá barva působí vzdušně a svobodně, zatímco černá je elegantní a působivá. Vyberte si styl, který nejlépe vyhovuje kontextu a obsahu.

Při použití rozložení na celou stránku dbejte na to, aby byl text dobře čitelný. Pokud to pomůže čitelnosti, můžete zde zvolit o něco silnější tučnost písma. Text také neumisťujte přes klíčové části obrázku (například tváře) ani přes příliš rušivé oblasti.

Možnosti ořezu u obrázků jsou: ořez až k okraji (zasahující na všechny strany), částečný ořez (zasahující na tři strany) nebo žádný ořez.

Vyhněte se částečnému odkrvnění pouze na jedné nebo dvou stranách.

Obraz v obraze

Vrstvení a překrývání obrázků je skvělý způsob, jak sdělit více informací, oživit kompozici a vytvořit vizuální hloubku.

Pokud necháme překrývající se obrázky mírně vybočit z mřížky, získají tím ještě větší dynamiku.

Značky

Tento značka (Logo nebo ikona) se obvykle nachází v levém nebo pravém horním rohu, kde přiléhá k okraji.

Měřítko se liší v závislosti na tom, zda se jedná o vodorovné nebo svislé rozložení:

V horizontálních rozvrženích upravte velikost značky tak, aby část “SC” měla výšku jednu až dvě jednotky mřížky.

Ve svislých rozvrženích nastavte šířku tak, aby se pohybovala mezi dvěma až čtyřmi jednotkami mřížky.

Při umisťování značky ji zarovnejte spíše podle části “SC” než podle teček. Tečky se totiž mírně překrývají s vodicími čarami.

Značku umístěte na obrázek pouze v případě, že je i nadále snadno čitelná. Vyberte verzi (černou nebo bílou), která zajišťuje nejlepší čitelnost.

Příklady

Výjimky

Systém mřížky funguje dobře pro většinu velikostí. Existují však některé výjimečné případy, které vyžadují odchýlení se od mřížky.

Čtvercové obrázky

Mřížka sice neumožňuje použít dokonale čtvercové obrázky, ale v mnoha případech vypadají skvěle. V tomto případě je v pořádku pravidla trochu obejít – stačí se ujistit, že se obrázek zarovná ke třem čarám mřížky.

Ultraširoké formáty

U velmi širokých formátů, například u bannerů, vede dodržování mřížky k velmi malé značce a příliš úzkému okraji (příklad nahoře).

V těchto případech můžeme jako nový okraj použít první vodorovnou čáru mřížky. Navíc můžeme značku zvětšit tak, aby zabírala celou výšku až k okraji (příklad dole).

Velmi vysoké formáty

Totéž platí i pro formáty s velkou výškou. V tomto příkladu by zmenšení značky na čtyři mřížky vedlo k tomu, že by byla příliš malá (příklad vlevo). Abychom dosáhli harmonické velikosti značky, můžeme v tomto případě pravidlo porušit a značku zvětšit (příklad vpravo).