Cum se creează șabloane principale pentru prezentări în Figma

Dacă creați o prezentare stilizată, dar nu doriți să folosiți șabloane suprautilizate din PowerPoint, Google Slides sau Canva, vă puteți crea propriile șabloane principale pentru viitor modele de prezentare.

Aceasta este o opțiune excelentă pentru cei care doresc modele de prezentare tematice sau care trebuie să urmeze un ghid de stil de marcă. Continuați să citiți pentru a afla cum să utilizați Figma pentru a crea șabloane principale pentru prezentările dvs.

1. Cum să configurați un document Figma pentru prezentări

Înscrieți-vă pentru un cont gratuit la Figma.com, sau dacă aveți deja un cont, conectați-vă. Puteți utiliza Figma direct în browser sau puteți descărcați aplicația desktop.

Deschide a Fișier nou de design, apoi apasa Fără titlu în partea de sus pentru a redenumi fișierul, cum ar fi „Șablon principal de prezentare”. În stânga, faceți clic Pagina 1, apoi semnul plus pentru a adăuga o pagină nouă. Redenumiți noua pagină în „Șablon”. Acest lucru vă permite să păstrați diapozitivele principale separate de diapozitivele de design mai târziu.

Pentru a crea un cadru - numele Figma pentru o planșă sau o pânză - utilizați Instrument pentru cadru (F), apoi faceți clic oriunde pentru a deschide un cadru. În setările din dreapta, modificați W și H se atribuie unei dimensiuni adecvate de prezentare; folosim 1920 x 1080, care este dimensiunea standard a ecranului. Acesta va fi primul tău șablon principal.

Faceți dublu clic pe titlul albastru din partea de sus a cadrului pentru a-l redenumi. Gândiți-vă la aspectul paginii pe care îl planificați și denumiți-o în consecință - de exemplu, „Coloana din partea de sus a titlului doi” sau „Imaginea din dreapta din partea de sus a titlului” ar fi de ajutor.

2. Proiectați aspectul prezentării

Pentru a ajuta la proiectarea aspectului, puteți utiliza grila de aspect. Pentru a-l activa, selectați cadrul, apoi în bara de instrumente din dreapta, faceți clic pe semnul plus lângă Layout Grid. Aceasta deschide o grilă roșie translucidă deasupra designului dvs.

Pentru a crea coloane, cu care sunt mai ușor de proiectat, faceți clic pe pictograma grilă cu puncte pătrate sub Layout Grid, apoi faceți clic Grilă în meniul derulant și alegeți Coloane. Setați numărul la 12, ceea ce este tipic pentru designul ecranului. Grila nu salvează în designul final. Îl puteți porni sau opri temporar utilizând icoana ochiului sau eliminați-l definitiv făcând clic pe pictograma minus lângă ochi.

Indiferent dacă utilizați grila de aspect sau nu, puteți începe să adăugați componente de substituent de bază la primul aspect de diapozitiv. În general, aspectul diapozitivelor dvs. depinde de dvs.

3. Creați un aspect de text pe două coloane

Să începem cu proiectarea unui titlu de sus cu un diapozitiv de text cu două coloane. Pentru a adăuga substituentul titlului, utilizați Instrumentul de text (T) și tastați „Title Placeholder”. Dimensiunea implicită a textului în Figma este destul de mică, așa că cu substituentul introdus, evidențiați-l și utilizați setările din dreapta pentru a mări dimensiunea și a alege un font—descărcați un font dacă este necesar. De asemenea, puteți seta kerningul și alte atribute.

Pentru a adapta lățimea diapozitivului, măriți lățimea casetei de text pentru titlu făcând clic și trăgând colțul la dreapta. Lăsați o marjă pe fiecare parte. Aceasta înseamnă că caseta de text va găzdui diferite lungimi de titlu în prezentările viitoare.

Pentru a adăuga o zonă de text cu două coloane, utilizați Instrumentul de text (T) și trageți caseta de text conform grilei de aspect, lăsând suficient spațiu pentru oa doua coloană de aceeași dimensiune lângă ea.

Cu caseta de text în poziție, alegeți un font și o dimensiune potrivite. Selectați caseta de text și duplicați-o ținând apăsat Opt (Mac) sau Alt (Windows) în timp ce trageți caseta. Aceasta creează un aspect cu două coloane; cu toate acestea, puteți utiliza acest sistem pentru a proiecta alt tip de machete.

4. Adăugați o culoare de fundal sau o imagine

Puteți seta o culoare de fundal selectând cadrul și accesând Completati din meniul din dreapta pentru a alege o culoare. Dar dacă preferați să utilizați o imagine sau un set de imagini ca fundal, puteți. Doar trageți imaginea de fundal dintr-un folder pe cadru. Îl puteți redimensiona imediat trăgând colțurile pentru a se potrivi cadrului dvs.

Dacă utilizați un imagine ca fundal, asigurați-vă că aranjați imaginea în spatele sau în partea de jos a straturilor pentru fiecare diapozitiv făcând clic dreapta și alegând Trimite în spate, sau trăgându-l în partea de jos a paletei de straturi din stânga.

Pentru a edita în continuare imaginea, sub Completati, faceți clic Imagine în meniul derulant. Veți putea schimba modul de amestecare, factorul de decupare și alte aspecte. Pentru a modifica opacitatea, modificați procentul de lângă meniul drop-down.

Pentru o imagine individuală care nu este un fundal, utilizați Instrument pentru cadru (F) pentru a desena un cadru unde doriți să se așeze imaginea și trageți fișierul de pe computer în cadru. Apoi puteți utiliza aceleași setări ca înainte.

5. Cum se creează stiluri de text în Figma

Când creați un șablon principal, stilurile de text ar trebui să fie consecvente în toate diapozitivele. Acest lucru se poate face manual, setând fiecare componentă de text să fie aceeași, dar dacă aveți multe diapozitive, acest lucru poate fi plictisitor. Veștile bune? Puteți automatiza stilurile de text în Figma.

Cu textul ales selectat - de exemplu, un subtitrare în stilul, fontul și dimensiunea preferate - faceți clic pe pătrat de patru puncte lângă Text în meniul din dreapta. Apasă pe semnul plus pentru a stabili un nou stil.

În fereastra pop-up, denumește stilul, de exemplu, „Titlul diapozitivului sau Textul corpului”. Când proiectați alte diapozitive în acest șablon, puteți alege stilul listat în meniul text selectând textul și alegând stilul. Pentru a deconecta stilul și a suprascrie caracteristica, faceți clic pe pictogramă link rupt care apare când treceți cu mouse-ul peste titlul stilului textului.

Funcționează similar pentru culori. Selectați ceva cu culoarea dorită, apoi faceți clic pe butonul de meniu Figma și Acțiuni rapide. Tastați „Selectați toate cu aceeași umplere” și va selecta totul de aceeași culoare. Apoi îl puteți seta ca stil de culoare sub Completati meniu în același mod ca și crearea unui stil de text. Acest lucru funcționează bine pentru culorile de fundal, selectând pur și simplu cadrul și alegând culoarea dvs.

Dacă nu urmați deja un ghid de stil, există multe modalități de a genera palete de culori.

6. Creați componente

Pentru a putea folosi șabloanele dvs. mai târziu, acestea trebuie să fie componente, deci se leagă. Pentru a transforma cadrul într-o componentă, selectați cadrul curent și faceți clic Cmd + Opțiune + K (Mac) sau Ctrl + Alt + K (Windows).

Titlul cadrului va deveni de la albastru la violet cu o pictogramă de diamant pentru a arăta că acum este o componentă. Apoi, pentru a duplica cadrul, faceți clic Cmd + D (Mac) sau Ctrl + D (Windows) o dată și trageți noul cadru în dreapta primului.

Detașați componenta duplicatului de original făcând clic dreapta pe titlul noului cadru și alegând Detașează instanța. Redenumiți noul diapozitiv cu un titlu adecvat pentru aspectul său. Adăugați noul design la diapozitiv și apoi faceți-l propria componentă făcând clic Cmd + Opțiune + K (Mac) sau Ctrl + Alt + K (Windows). Acest proces trebuie efectuat de fiecare dată când creați un nou diapozitiv.

Când proiectați aspectul pentru fiecare diapozitiv nou, utilizați textul și stilurile de culoare gata făcute pentru a economisi timp. Finalizați acest proces cu câte diapozitive de bază aveți nevoie, asigurându-vă că toate sunt intitulate cu nume descriptive.

7. Cum să utilizați diapozitivele dvs. principale

Pentru a utiliza diapozitivele pentru proiectele dvs. viitoare, alegeți Pagina 1 în Pagini meniu – cu șablonul sub propriul său titlu – și creați un nou cadru de dimensiunea unei prezentări. Apoi, în stânga, faceți clic Active > Componente locale unde ar trebui să fie diapozitivele șablonului. Trageți diapozitivele șablonului pe noul cadru și centrați-l. Editați substituenții pentru conținutul dvs.

Urmați același proces până când prezentarea este completă.

Economisiți timp creându-vă propriile șabloane principale în Figma

Puteți furniza șablonul principal colegilor de echipă sau colegilor de muncă, îl puteți păstra pentru uz personal sau chiar îl puteți vinde ca pachete de design. Deși poate părea inițial descurajantă să creezi un șablon principal de diapozitive, va ajuta productivitatea atunci când faci prezentări viitoare în Figma, economisind în cele din urmă timp.

Cele mai bune 10 caracteristici Figma pe care ar trebui să le folosească toți designerii

Citiți în continuare

Despre autor