Průvodce osvědčenými postupy pro šablony značky

Šablony fungují nejlépe, když jsou snadno upravitelné, předvídatelné a přizpůsobené skutečným potřebám vašeho týmu.

Plánováním dopředu a záměrným nastavením prvků můžete vytvořit šablony, které může kdokoli aktualizovat, aniž by došlo k narušení rozvržení nebo ovlivnění stylu značky.

Tato příručka ukazuje základní kroky, které designéři používají k vytváření šablon, které fungují v celé vaší organizaci.

Silná šablona začíná správnými stavebními bloky. Vyberte si prvky a strukturu, které usnadní aktualizace pro každého, kdo používá šablonu.

Vyberte prvky, které mohou spoluhráči přebarvit nebo nahradit bez změny rozvržení.

Použijte SVG pro ikony a ilustrace. Čistě se škálují a lze je obarvit pomocí barev sady pro značku.

Nahrání souborů SVG

1. Přejděte na Nahrané a pak vyberte Nahrát soubory.
2. Vyberte soubor SVG pro nejlepší kvalitu.

Rámečky udržují velikost a umístění snímků správně. To umožňuje spoluhráčům nahradit obrázek bez úpravy oříznutí nebo rozměrů.

Použijte rámečky, když jeden obrázek potřebuje vyplnit pevný prostor.

Barvysady pro značku zachovávají jednotný styl šablon a snižují potřebu pozdějších ručních aktualizací.

To udržuje vaši šablonu v souladu s vaší značkou při každé aktualizaci.

Vaše šablona by měla vydržet, když někdo přidá delší text, kratší popisky nebo nový obsah. Správné strukturování textu udržuje mezery stabilní a zabraňuje posunu rozvržení.

Přeformátování určuje, jak se text pohybuje při přidávání nebo odstraňování řádků. Dobré nastavení zabraňuje překrývání textu s jinými prvky.

• Ponechte textová pole dostatečně široká pro delší řádky.
• Mezi textovými poli nechte prostor, aby se mohla podle potřeby rozšiřovat.
• Před seskupením porovnejte šířky textových polí pomocí Cmd nebo Ctrl + Shift + J.

Seskupování zajišťuje, že se související prvky během změn rozvržení chovají jako jedna jednotka.

Seskupit položky jako:

• Nadpisy a podnadpisy
• Ikony a jejich textové popisky
• Dekorativní prvky, které tvoří jeden blok

Jak se vyhnout seskupení:

• Prvky, které se musí pohybovat samy
• Nesouvisející části vašeho rozvržení

Ukotvení ovládá, odkud se text rozbalí, když ho někdo upraví. Přiřazení kotev napříč seskupeným textem udržuje rozvržení konzistentní.

Jak vypadá dobré kotvení:

• Nadpisy se rozšiřují směrem dolů
• Názvy na střed zůstanou na střed
• Hlavní text roste jedním směrem

Jakmile je rozvržení strukturované, zamkněte prvky, které definují vizuální identitu vaší šablony.

Zamkněte položky, které by měly zůstat přesně tam, kde jste je umístili:

• Loga
• Tvary nebo obrázky pozadí
• Ozdobné čáry nebo ikony
• Bloky rozvržení, které definují mezery nebo strukturu

Polohové uzamčení udržuje prvky upravitelné, ale zabraňuje jejich náhodnému přesunu. To je užitečné pro:

• Rámečky obrázků
• Tlačítka
• Opakovaně použitelné bloky obsahu, jako jsou bios nebo statistiky

Zamykání zajišťuje, že vaše šablona zůstane nedotčena, i když ji používá více spoluhráčů.

Efekty, jako jsou překryvy a průhlednost, mohou váš návrh vylepšit, ale příliš složité efekty mohou ztížit nahrazování obrázků.

Pokud používáte překryvy nebo textury:

• Použít průhlednost na překrytí, nikoli na obrázek
• Ponechte obrázek nad překrytím, aby se dal snadno vyměnit
• Vyhněte se směsím, které vyžadují ruční přemístění

Jednoduché efekty udržují vaši šablonu flexibilní a snadno se udržují.

• Mezi textovými poli musí být mezera
• Ponechte prostor kolem textu uvnitř tvarů
• Potvrďte, že veškerý seskupený text používá stejné nastavení ukotvení

• Vrstvit obrázek nad průsvitný tvar
• Použít průhlednost na obrázek místo tvaru

Díky tomu je výměna snadná s přetažením.