Hogyan készítsünk mestersablonokat prezentációkhoz a Figmában

Ha stilizált prezentációt hoz létre, de nem szeretne túlzottan használt sablonokat alkalmazni A PowerPoint, a Google Slides vagy a Canva segítségével létrehozhatja saját mestersablonjait a jövő számára prezentációs tervek.

Ez egy nagyszerű lehetőség azok számára, akik tematikus bemutatóterveket szeretnének, vagy akiknek követniük kell egy márkás stílus útmutatót. Folytassa az olvasást, hogy megtudja, hogyan használhatja a Figma-t prezentációihoz mestersablonok létrehozására.

1. Hogyan állítsunk be Figma-dokumentumot prezentációkhoz

Regisztráljon ingyenes fiókot a címen Figma.com, vagy ha már van fiókja, jelentkezzen be. Használhatja a Figmát közvetlenül a böngészőjében, vagy használhatja töltse le az asztali alkalmazást.

Nyissa meg a Új tervfájl, majd kattintson Névtelen felül a fájl átnevezéséhez, például „Prezentációs mestersablon”. A bal oldalon kattintson 1 oldal, aztán a Plusz jel új oldal hozzáadásához. Nevezze át az új oldalt „Sablon”-ra. Ez lehetővé teszi, hogy a későbbiekben külön tartsa mesterdiáit a tervezési diákjaitól.

Keret létrehozásához – a Figma neve egy rajztáblához vagy vászonhoz – használja a Keret eszköz (F), majd kattintson bárhova a keret megnyitásához. A jobb oldali beállításoknál módosítsa a W és H megfelelő prezentációs mérethez való hozzárendelés; 1920 x 1080-as felbontást használunk, ami a szabványos képernyőméret. Ez lesz az első mestersablonod.

Az átnevezéshez kattintson duplán a keret tetején lévő kék címre. Gondolja át a tervezett oldal elrendezését, és ennek megfelelően nevezze el – például „Felső cím második oszlopa” vagy „Felső cím jobb oldali képe” hasznos lenne.

2. Tervezze meg a prezentációs elrendezéseket

Az elrendezés tervezésének megkönnyítésére használhatja az elrendezési rácsot. A bekapcsoláshoz válassza ki a keretet, majd a jobb oldali eszköztáron kattintson a ikonra Plusz jel az Elrendezési rács mellett. Ezzel egy piros, áttetsző rács nyílik meg a terv tetején.

Oszlopok létrehozásához – amelyekkel könnyebben tervezhető – kattintson a négyzetes pontozott rács ikonra az Elrendezési rács alatt, majd kattintson Rács a legördülő menüben, és válassza ki Oszlopok. Állítsa a számot 12-re, ami jellemző a képernyő kialakítására. A rács nem takarít meg a végső tervben. Ideiglenesen be- vagy kikapcsolhatja a gombbal szem ikonra vagy véglegesen távolítsa el a gombra kattintva mínusz ikonra a szem mellett.

Akár használja az elrendezési rácsot, akár nem, megkezdheti az alapvető helyőrző összetevők hozzáadását az első diaelrendezéshez. Összességében a diák elrendezése Önön múlik.

3. Hozzon létre egy kétoszlopos szövegelrendezést

Kezdjük egy top cím megtervezésével egy kétoszlopos törzsszöveg diával. A cím helyőrzőjének hozzáadásához használja a Szöveg eszköz (T), és írja be a „Title Placeholder” parancsot. A Figma alapértelmezett szövegmérete meglehetősen kicsi, ezért a beírt helyőrzővel jelölje ki, és használja a jobb oldali beállításokat a méret növeléséhez és a betűtípus kiválasztásához –szükség esetén töltsön le egy betűtípust. Beállíthatja a kerning és egyéb attribútumokat is.

A dia szélességéhez igazodva növelje meg a cím szövegmezőjének szélességét a sarok jobbra kattintásával és húzásával. Hagyjon margót mindkét oldalon. Ez azt jelenti, hogy a szövegdoboz különböző hosszúságú címeket tartalmaz majd a jövőbeni bemutatókban.

Kétoszlopos törzsszövegterület hozzáadásához használja a Szöveg eszköz (T) és húzza a szövegmezőt az elrendezési rácsnak megfelelően, így hagyjon elegendő helyet mellette egy második, azonos méretű oszlopnak.

Ha a szövegdoboz a helyén van, válassza ki a megfelelő betűtípust és méretet. Jelölje ki a szövegmezőt, és nyomva tartásával másolja le Opont (Mac) vagy Alt (Windows) a doboz húzása közben. Ez kétoszlopos elrendezést hoz létre; azonban ezt a rendszert más típusú elrendezések tervezésére is használhatja.

4. Adjon hozzá egy háttérszínt vagy képet

Beállíthat egy háttérszínt a keret kiválasztásával és a következővel: Tölt a jobb oldali menüben a szín kiválasztásához. De ha inkább egy képet vagy képkészletet szeretne háttérként használni, megteheti. Csak húzza a háttérképet egy mappából a keretre. Azonnal átméretezheti a sarkok elhúzásával, hogy illeszkedjen a kerethez.

Ha egy kép háttérként, ügyeljen arra, hogy a kép minden diánál a rétegek hátulján vagy alján legyen. Ehhez kattintson a jobb gombbal, és válassza a Küld vissza, vagy a bal oldali rétegpaletta aljára húzva.

A kép további szerkesztéséhez a Tölt, kattintson Kép a legördülő menüben. Módosíthatja a keverési módot, a vágási tényezőt és egyéb szempontokat. Az átlátszatlanság módosításához módosítsa a százalékot a legördülő menü mellett.

Olyan egyedi kép esetén, amely nem háttér, használja a Keret eszköz (F) rajzoljon egy keretet arra a helyre, ahol a képet el szeretné helyezni, és húzza a fájlt a számítógépről a keretbe. Ezután ugyanazokat a beállításokat használhatja, mint korábban.

5. Szövegstílusok létrehozása a Figmában

Fősablon létrehozásakor a szövegstílusoknak konzisztensnek kell lenniük az összes dián. Ezt manuálisan is megteheti úgy, hogy minden szövegösszetevőt azonosra állít, de ha sok diája van, ez fárasztó lehet. A jó hírek? A Figmában automatizálhatja a szövegstílusokat.

Ha a kiválasztott szöveget kijelöli – például egy feliratot a kívánt stílusban, betűtípusban és méretben –, kattintson a gombra négy pontból álló négyzet a Szöveg mellett a jobb oldali menüben. Kattints a Plusz jel hogy új stílust állítson be.

A felugró ablakban nevezze el a stílust – például „Dia címe vagy törzsszövege”. Ha ebben a sablonban más diákat tervez, a szöveg menüben kiválaszthatja a felsorolt ​​stílust a szöveg kijelölésével és a stílus kiválasztásával. A stílus leválasztásához és a szolgáltatás felülbírálásához kattintson a hibás hivatkozás ikonra amely akkor jelenik meg, ha az egérmutatót a szövegstílus címe fölé viszi.

Hasonlóan működik a színeknél is. Válasszon ki valamit a kívánt színnel, majd kattintson a Figma menü gombra és Gyors műveletek. Írja be a „Minden kijelölése azonos kitöltéssel” kifejezést, és minden azonos színűt kiválaszt. Ezután beállíthatja ezt színstílusként a alatt Tölt menüt ugyanúgy, mint egy szövegstílust. Ez jól működik a háttérszíneknél, egyszerűen kiválasztja a keretet és kiválasztja a színt.

Ha még nem követi a stíluskalauzt, sok van színpaletták létrehozásának módjai.

6. Hozzon létre összetevőket

A sablonok későbbi használatához komponenseknek kell lenniük, tehát linkelni kell őket. A keret komponenssé alakításához jelölje ki az aktuális keretet, és kattintson rá Cmd + választási lehetőség + K (Mac) vagy Ctrl + Alt + K (Ablakok).

A keret címe kékről lilára változik egy gyémánt ikonnal, jelezve, hogy most egy alkatrész. Ezután a keret megkettőzéséhez kattintson a gombra Cmd + D (Mac) vagy Ctrl + D (Windows) egyszer, és húzza az új keretet az elsőtől jobbra.

Válassza le a másolat komponensét az eredetiről úgy, hogy jobb gombbal kattintson az új keret címére, és válassza ki Példány leválasztása. Nevezze át az új diát az elrendezésének megfelelő címmel. Adja hozzá az új dizájnt a diához, majd kattintson rá kattintva saját komponensévé Cmd + választási lehetőség + K (Mac) vagy Ctrl + Alt + K (Ablakok). Ezt a folyamatot minden alkalommal el kell végezni, amikor új diát hoz létre.

Minden új diák elrendezésének megtervezésekor használja a kész szöveg- és színstílusokat, hogy időt takarítson meg. Végezze el ezt a folyamatot annyi alapdiával, amennyire szüksége van, és gondoskodjon arról, hogy mindegyiket leíró névvel látják el.

7. A fődiák használata

Ha a diákat jövőbeni terveihez szeretné használni, válassza a lehetőséget 1 oldal ban,-ben Oldalak menüt – a sablon saját címe alatt –, és hozzon létre egy új prezentáció méretű keretet. Ezután kattintson a bal oldalon Eszközök > Helyi összetevők ahol a sablondiáknak kell lenniük. Húzza a sablon diákjait az új keretre, és középre helyezze. Szerkessze a tartalom helyőrzőit.

Kövesse ugyanezt a folyamatot, amíg a prezentáció be nem fejeződik.

Takarítson meg időt saját mestersablonok elkészítésével a Figmában

A fősablont átadhatja csapattársainak vagy munkatársainak, megtarthatja személyes használatra, vagy akár eladhatja tervezőcsomagként. Bár eleinte ijesztőnek tűnhet egy diatörzs-sablon létrehozása, ez segíti a termelékenységet, amikor jövőbeni prezentációkat készít a Figmában, és végül időt takarít meg.

A 10 legjobb Figma szolgáltatás, amelyet minden tervezőnek használnia kell

Olvassa el a következőt

A szerzőről