Jak vytvořit hlavní šablony pro prezentace ve Figmě

Pokud vytváříte stylizovanou prezentaci, ale nechcete používat nadměrně používané šablony z PowerPoint, Prezentace Google nebo Canva si můžete vytvořit vlastní hlavní šablony pro svou budoucnost návrhy prezentací.

To je skvělá volba pro ty, kteří chtějí tematické návrhy prezentací nebo kteří se potřebují řídit značkovým stylem. Pokračujte ve čtení a zjistěte, jak používat Figma k vytváření hlavních šablon pro vaše prezentace.

1. Jak nastavit dokument Figma pro prezentace

Přihlaste se k bezplatnému účtu na Figma.com, nebo pokud již máte účet, přihlaste se. Figmu můžete použít přímo ve svém prohlížeči, nebo můžete stáhněte si desktopovou aplikaci.

Otevřete a Nový soubor návrhua poté klikněte Nepojmenovaná v horní části přejmenujte soubor, například „Předlohová šablona prezentace“. Vlevo klikněte Strana 1, poté znaménko plus pro přidání nové stránky. Přejmenujte novou stránku na „Šablona“. To vám umožní později ponechat hlavní snímky oddělené od snímků návrhu.

Chcete-li vytvořit rám – název Figma pro kreslicí plátno nebo plátno – použijte

Nástroj Rám (F), poté kliknutím kamkoli rámeček otevřete. V nastavení vpravo změňte W a H atributy vhodné velikosti prezentace; používáme 1920 x 1080, což je standardní velikost obrazovky. Toto bude vaše první hlavní šablona.

Dvakrát klikněte na modrý název v horní části rámečku a přejmenujte jej. Zamyslete se nad rozvržením stránky, které plánujete, a podle toho ji pojmenujte – například „Horní nadpis dva sloupce“ nebo „Horní nadpis pravý obrázek“ by byly užitečné.

2. Navrhněte rozvržení prezentace

Chcete-li pomoci s návrhem rozvržení, můžete použít mřížku rozvržení. Chcete-li jej zapnout, vyberte svůj rámeček a poté na pravém panelu nástrojů klikněte na znaménko plus vedle Mřížka rozvržení. Tím se nad vaším návrhem otevře červená průsvitná mřížka.

Chcete-li vytvořit sloupce – které se snáze navrhují – klikněte na ikona čtvercové tečkované mřížky v části Layout Grid a potom klepněte na Mřížka v rozevíracím seznamu a vyberte Sloupce. Nastavte počet na 12, což je typické pro design obrazovky. Mřížka se neuloží do vašeho konečného návrhu. Můžete jej dočasně zapnout nebo vypnout pomocí ikona oka nebo jej trvale odstranit kliknutím na ikona mínus vedle oka.

Bez ohledu na to, zda používáte mřížku rozvržení nebo ne, můžete do rozvržení prvního snímku začít přidávat základní zástupné komponenty. Celkově je rozložení vašich snímků jen na vás.

3. Vytvořte rozvržení textu se dvěma sloupci

Začněme návrhem horního nadpisu se dvěma sloupci základního textu snímku. Chcete-li přidat zástupný symbol názvu, použijte Textový nástroj (T) a zadejte „Zástupný symbol názvu“. Výchozí velikost textu ve Figmě je docela malá, takže s napsaným zástupným symbolem jej zvýrazněte a pomocí nastavení na pravé straně zvětšete velikost a vyberte písmo –v případě potřeby si stáhněte písmo. Můžete také nastavit vyrovnání párů a další atributy.

Chcete-li se přizpůsobit šířce snímku, zvětšete šířku textového pole nadpisu kliknutím a přetažením rohu doprava. Na každé straně nechte okraj. To znamená, že textové pole bude v budoucích prezentacích obsahovat různé délky titulků.

Chcete-li přidat oblast hlavního textu se dvěma sloupci, použijte Textový nástroj (T) a přetáhněte textové pole podle mřížky rozvržení, přičemž vedle něj ponechte dostatek místa pro druhý sloupec stejné velikosti.

S nainstalovaným textovým polem vyberte vhodné písmo a velikost. Vyberte textové pole a duplikujte jej přidržením Ómožnost (Mac) nebo Alt (Windows) při přetahování rámečku. Tím se vytvoří rozvržení se dvěma sloupci; tento systém však můžete použít k navrhování jiných typů rozvržení.

4. Přidejte barvu pozadí nebo obrázek

Barvu pozadí můžete nastavit tak, že vyberete rámeček a přejdete na Vyplnit v nabídce vpravo vyberte barvu. Ale pokud byste raději použili obrázek nebo sadu obrázků jako pozadí, můžete. Stačí přetáhnout obrázek na pozadí ze složky do rámečku. Jeho velikost můžete okamžitě změnit přetažením rohů tak, aby odpovídaly vašemu rámu.

Pokud používáte an obrázek jako pozadí, kliknutím pravým tlačítkem myši a výběrem zajistěte, aby byl obrázek umístěn na zadní nebo spodní straně vrstev pro každý snímek Poslat zpětnebo přetažením dolů na levé paletě vrstev.

Chcete-li obrázek dále upravit, pod Vyplnit, klikněte obraz v rozevíracím seznamu. Budete moci změnit režim prolnutí, faktor oříznutí a další aspekty. Chcete-li změnit krytí, změňte procento vedle rozbalovací nabídky.

Pro jednotlivý obrázek, který není pozadím, použijte Nástroj Rám (F) nakreslete rám na místo, kde chcete obrázek umístit, a přetáhněte soubor z počítače do rámečku. Poté můžete použít stejná nastavení jako dříve.

5. Jak vytvořit styly textu ve Figmě

Při vytváření hlavní šablony by měly být styly textu konzistentní na všech snímcích. To lze provést ručně nastavením každé textové komponenty na stejnou, ale pokud máte mnoho snímků, může to být únavné. Dobré zprávy? Styly textu ve Figmě můžete automatizovat.

S vybraným vybraným textem – například titulky v preferovaném stylu, písmu a velikosti – klikněte na čtverec čtyř teček vedle Text v nabídce vpravo. Klikněte na znaménko plus nastavit nový styl.

Ve vyskakovacím okně pojmenujte styl – například „Název snímku nebo hlavní text“. Při navrhování dalších snímků v této šabloně můžete vybrat uvedený styl v textové nabídce výběrem textu a výběrem stylu. Chcete-li odpojit styl a přepsat prvek, klikněte na ikona nefunkčního odkazu který se zobrazí, když najedete na nadpis stylu textu.

Podobně to funguje u barev. Vyberte něco s požadovanou barvou a poté klikněte na tlačítko nabídky Figma a Rychlé akce. Napište „Vybrat vše se stejnou výplní“ a vybere se vše stejné barvy. Pak to můžete nastavit jako barevný styl pod Vyplnit stejným způsobem jako při vytváření stylu textu. To funguje dobře pro barvy pozadí jednoduchým výběrem rámečku a výběrem barvy.

Pokud se již neřídíte stylem průvodce, je jich mnoho způsoby generování barevných palet.

6. Vytvořte komponenty

Aby bylo možné šablony použít později, musí být součástí, takže se propojují. Chcete-li rámeček změnit na komponent, vyberte aktuální rámeček a klepněte Cmd + Volba + K (Mac) nebo Ctrl + Alt + K (Okna).

Název rámečku se změní z modré na fialový s ikonou kosočtverce, která ukazuje, že se nyní jedná o komponentu. Poté kliknutím duplikujte rámeček Cmd + D (Mac) nebo Ctrl + D (Windows) jednou a přetáhněte nový snímek napravo od prvního.

Oddělte komponentu duplikátu od originálu kliknutím pravým tlačítkem na název nového snímku a výběrem Odpojit instanci. Přejmenujte nový snímek názvem odpovídajícím jeho rozložení. Přidejte nový design na snímek a poté z něj kliknutím vytvořte vlastní součást Cmd + Volba + K (Mac) nebo Ctrl + Alt + K (Okna). Tento proces je třeba provést pokaždé, když vytvoříte nový snímek.

Při navrhování rozvržení pro každý nový snímek použijte svůj připravený text a styly barev, abyste ušetřili čas. Dokončete tento proces s tolika základními snímky, kolik potřebujete, a ujistěte se, že jsou všechny pojmenovány popisnými názvy.

7. Jak používat vaše hlavní snímky

Chcete-li snímky použít pro své budoucí návrhy, vyberte si Strana 1 v stránky nabídky – s vaší šablonou pod vlastním názvem – a vytvořte nový rámec velikosti prezentace. Poté klikněte vlevo Aktiva > Místní komponenty kde by měly být snímky šablony. Přetáhněte snímky šablony na nový rámeček a vycentrujte jej. Upravte zástupné symboly pro váš obsah.

Postupujte stejným způsobem, dokud nebude vaše prezentace dokončena.

Ušetřete čas vytvořením vlastních hlavních šablon ve Figmě

Svou hlavní šablonu můžete poskytnout spoluhráčům nebo spolupracovníkům, ponechat si ji pro osobní použití nebo je dokonce prodat jako balíčky návrhů. I když se zpočátku může zdát skličující vytvořit šablonu předlohy snímků, pomůže vám to zvýšit produktivitu při budoucích prezentacích ve Figmě, což nakonec ušetří čas.

10 nejlepších funkcí Figma, které by měli používat všichni návrháři

Přečtěte si další

O autorovi