Ako vytvoriť hlavné šablóny pre prezentácie vo Figme

Ak vytvárate štylizovanú prezentáciu, ale nechcete používať nadmerne používané šablóny z PowerPoint, Google Slides alebo Canva si môžete vytvoriť vlastné hlavné šablóny pre svoju budúcnosť prezentačné návrhy.

Je to skvelá voľba pre tých, ktorí chcú tematické návrhy prezentácií alebo ktorí potrebujú postupovať podľa značkového sprievodcu štýlom. Pokračujte v čítaní a zistite, ako používať Figma na vytváranie hlavných šablón pre vaše prezentácie.

1. Ako nastaviť dokument Figma pre prezentácie

Prihláste sa na bezplatný účet na Figma.com, alebo ak už máte účet, prihláste sa. Figmu môžete použiť priamo vo svojom prehliadači, alebo môžete stiahnite si desktopovú aplikáciu.

Otvorte a Nový dizajnový súbora potom kliknite Bez názvu v hornej časti premenujte súbor, napríklad „Presentation Master Template“. Vľavo kliknite Strana 1, potom znamienko plus pridať novú stránku. Premenujte novú stránku na „Šablóna“. To vám umožní neskôr uchovávať vaše hlavné snímky oddelené od vašich návrhových snímok.

Na vytvorenie rámu – názov Figma pre umelecké plátno alebo plátno – použite

Nástroj Rám (F), potom kliknutím kdekoľvek otvorte rám. V nastaveniach na pravej strane zmeňte W a H atribúty vhodnej veľkosti prezentácie; používame 1920 x 1080, čo je štandardná veľkosť obrazovky. Toto bude vaša prvá hlavná šablóna.

Dvakrát kliknite na modrý názov v hornej časti rámca a premenujte ho. Premyslite si rozloženie stránky, ktoré plánujete, a podľa toho ho pomenujte – napríklad „Horný nadpis dva stĺpce“ alebo „Horný nadpis pravý obrázok“ by boli užitočné.

2. Navrhnite rozloženie prezentácie

Na pomoc s návrhom rozloženia môžete použiť mriežku rozloženia. Ak ju chcete zapnúť, vyberte svoj rám a potom na pravom paneli nástrojov kliknite na ikonu znamienko plus vedľa Mriežka rozloženia. Tým sa na vrchu vášho dizajnu otvorí červená priesvitná mriežka.

Ak chcete vytvoriť stĺpce, ktoré sa ľahšie navrhujú, kliknite na ikona štvorcovej bodkovanej mriežky pod Layout Grid a potom kliknite Mriežka v rozbaľovacej ponuke a vyberte si Stĺpce. Nastavte počet na 12, čo je typické pre dizajn obrazovky. Mriežka sa neuloží do vášho konečného návrhu. Môžete ho dočasne zapnúť alebo vypnúť pomocou ikona oka alebo ho natrvalo odstráňte kliknutím na ikona mínus vedľa oka.

Či už používate mriežku rozloženia alebo nie, môžete začať pridávať základné zástupné komponenty do rozloženia prvej snímky. Celkovo je rozloženie vašich snímok len na vás.

3. Vytvorte dvojstĺpcové rozloženie textu

Začnime s návrhom horného nadpisu so snímkou ​​hlavného textu s dvoma stĺpcami. Ak chcete pridať zástupný symbol názvu, použite Textový nástroj (T) a zadajte „Zástupný symbol názvu“. Predvolená veľkosť textu vo Figme je dosť malá, takže s napísaným zástupným symbolom ho zvýraznite a pomocou nastavení na pravej strane zväčšite veľkosť a vyberte písmo –v prípade potreby si stiahnite písmo. Môžete tiež nastaviť kerning a ďalšie atribúty.

Ak chcete prispôsobiť šírku snímky, zväčšite šírku textového poľa nadpisu kliknutím a potiahnutím rohu doprava. Na každej strane nechajte okraj. To znamená, že textové pole bude obsahovať rôzne dĺžky nadpisov v budúcich prezentáciách.

Ak chcete pridať oblasť hlavného textu s dvoma stĺpcami, použite Textový nástroj (T) a potiahnite textové pole podľa mriežky rozloženia, pričom vedľa neho ponechajte dostatok miesta pre druhý stĺpec rovnakej veľkosti.

Po umiestnení textového poľa vyberte vhodné písmo a veľkosť. Vyberte textové pole a duplikujte ho podržaním Omožnosť (Mac) alebo Alt (Windows) pri presúvaní poľa. Tým sa vytvorí rozloženie s dvoma stĺpcami; tento systém však môžete použiť na navrhovanie iných typov rozložení.

4. Pridajte farbu pozadia alebo obrázok

Farbu pozadia môžete nastaviť tak, že vyberiete rám a prejdete na Vyplňte v pravej ponuke vyberte farbu. Ale ak by ste radšej použili obrázok alebo súbor obrázkov ako pozadie, môžete. Stačí pretiahnuť obrázok na pozadí z priečinka do rámčeka. Veľkosť môžete okamžite zmeniť potiahnutím rohov, aby sa zmestili do rámčeka.

Ak používate an obrázok ako pozadie, kliknutím pravým tlačidlom myši a výberom zaistite, aby bol obrázok usporiadaný tak, aby bol v zadnej alebo spodnej časti vrstiev pre každú snímku Odoslať dozadualebo potiahnutím nadol na ľavej palete vrstiev.

Ak chcete obrázok ďalej upraviť, pod Vyplňte, kliknite Obrázok v rozbaľovacej ponuke. Budete môcť zmeniť režim prelínania, faktor orezania a ďalšie aspekty. Ak chcete zmeniť nepriehľadnosť, zmeňte percento vedľa rozbaľovacej ponuky.

Pre individuálny obrázok, ktorý nie je pozadím, použite Nástroj Rám (F) nakreslite rám na miesto, kde chcete obrázok umiestniť, a presuňte súbor z počítača do rámčeka. Potom môžete použiť rovnaké nastavenia ako predtým.

5. Ako vytvoriť štýly textu vo Figme

Pri vytváraní hlavnej šablóny by štýly textu mali byť konzistentné na všetkých snímkach. Dá sa to urobiť manuálne nastavením každej textovej zložky na rovnakú, ale ak máte veľa snímok, môže to byť únavné. Dobrá správa? Vo Figme môžete automatizovať svoje štýly textu.

Keď je vybratý vybraný text – napríklad titulky v preferovanom štýle, písme a veľkosti – kliknite na štvorec štyroch bodov vedľa položky Text v ponuke vpravo. Kliknite na znamienko plus nastaviť nový štýl.

Vo vyskakovacom okne pomenujte štýl – napríklad „Názov snímky alebo Hlavný text“. Pri navrhovaní ďalších snímok v tejto šablóne si môžete vybrať uvedený štýl v textovej ponuke výberom textu a výberom štýlu. Ak chcete zrušiť prepojenie štýlu a prepísať funkciu, kliknite na ikona nefunkčného odkazu ktorý sa zobrazí po umiestnení kurzora myši nad názov štýlu textu.

Podobne to funguje aj pri farbách. Vyberte niečo s požadovanou farbou a potom kliknite na tlačidlo ponuky Figma a Rýchle akcie. Napíšte „Vybrať všetko s rovnakou výplňou“ a vyberie sa všetko rovnakej farby. Potom to môžete nastaviť ako farebný štýl pod Vyplňte rovnakým spôsobom ako pri vytváraní štýlu textu. Funguje to dobre pre farby pozadia jednoduchým výberom rámu a výberom farby.

Ak sa už neriadite štýlom, je ich veľa spôsoby vytvárania farebných paliet.

6. Vytvorte komponenty

Aby ste mohli neskôr použiť svoje šablóny, musia byť komponentmi, takže sa spájajú. Ak chcete zmeniť rám na komponent, vyberte aktuálny rám a kliknite Cmd + Možnosť + K (Mac) alebo Ctrl + Alt + K (Windows).

Názov rámu sa zmení z modrej na fialovú s ikonou kosoštvorca, ktorá ukazuje, že je teraz komponentom. Potom kliknite na duplikáciu rámu Cmd + D (Mac) alebo Ctrl + D (Windows) raz a potiahnite nový rám napravo od prvého.

Oddeľte komponent duplikátu od originálu kliknutím pravým tlačidlom myši na názov nového rámca a výberom Odpojiť inštanciu. Premenujte novú snímku s vhodným názvom pre jej rozloženie. Pridajte nový dizajn na snímku a kliknutím naň vytvorte svoj vlastný komponent Cmd + Možnosť + K (Mac) alebo Ctrl + Alt + K (Windows). Tento proces je potrebné vykonať vždy, keď vytvoríte novú snímku.

Pri navrhovaní rozloženia pre každú novú snímku použite svoj pripravený text a štýly farieb, aby ste ušetrili čas. Dokončite tento proces s toľkými základnými snímkami, koľko potrebujete, pričom zaistite, aby boli všetky označené popisnými názvami.

7. Ako používať hlavné snímky

Ak chcete použiť snímky pre budúce návrhy, vyberte si Strana 1 v Stránky menu – pričom vaša šablóna bude pod vlastným názvom – a vytvorte nový rámec veľkosti prezentácie. Potom kliknite vľavo Aktíva > Lokálne komponenty kde by mali byť snímky vašej šablóny. Presuňte snímky šablóny do nového rámu a vycentrujte ho. Upravte zástupné symboly pre svoj obsah.

Postupujte rovnakým spôsobom, kým sa vaša prezentácia nedokončí.

Ušetrite čas vytvorením vlastných hlavných šablón vo Figme

Svoju hlavnú šablónu môžete poskytnúť spoluhráčom alebo spolupracovníkom, ponechať si ju pre osobné použitie alebo ich dokonca predávať ako dizajnové balíčky. Aj keď sa môže spočiatku zdať skľučujúce vytvoriť predlohu snímky, pomôže vám to zvýšiť produktivitu pri budúcich prezentáciách vo Figme, čo v konečnom dôsledku ušetrí čas.

10 najlepších funkcií Figma, ktoré by mali používať všetci dizajnéri

Prečítajte si ďalej

O autorovi