Kaip sukurti pagrindinius pristatymų šablonus „Figma“.

Jei kuriate stilizuotą pristatymą, bet nenorite naudoti per daug naudojamų šablonų „PowerPoint“, „Google“ skaidres ar „Canva“ galite sukurti savo pagrindinius šablonus savo ateičiai pristatymo dizainai.

Tai puiki galimybė tiems, kurie nori teminio pristatymo dizaino arba kuriems reikia laikytis firminio stiliaus vadovo. Skaitykite toliau, kad sužinotumėte, kaip naudoti „Figma“ kuriant pagrindinius pristatymų šablonus.

1. Kaip sukurti „Figma“ dokumentą pristatymams

Prisiregistruokite gauti nemokamą paskyrą adresu Figma.com, arba jei jau turite paskyrą, prisijunkite. Galite naudoti „Figma“ tiesiogiai savo naršyklėje arba galite atsisiųskite darbalaukio programą.

Atidarykite a Naujas dizaino failas, tada spustelėkite Be pavadinimo viršuje, kad pervadintumėte failą, pvz., „Pagrindinis pristatymo šablonas“. Kairėje spustelėkite Puslapis 1, tada pliuso ženklas norėdami pridėti naują puslapį. Pervardykite naują puslapį į „Šablonas“. Tai leidžia vėliau atskirti pagrindines skaidres nuo dizaino skaidrių.

Norėdami sukurti rėmelį – Figmos pavadinimą piešimo lentos arba drobės – naudokite Rėmo įrankis (F), tada spustelėkite bet kur, kad atidarytumėte rėmelį. Dešinės pusės nustatymuose pakeiskite W ir H atributai tinkamam pristatymo dydžiui; Mes naudojame 1920 x 1080, tai yra standartinis ekrano dydis. Tai bus jūsų pirmasis pagrindinis šablonas.

Dukart spustelėkite mėlyną pavadinimą rėmelio viršuje, kad jį pervardytumėte. Pagalvokite apie planuojamą puslapio išdėstymą ir atitinkamai pavadinkite jį, pvz., „Antras viršutinis pavadinimo stulpelis“ arba „Viršutinis dešinysis pavadinimo paveikslėlis“ būtų naudingas.

2. Sukurkite pristatymo maketus

Norėdami padėti kurti maketą, galite naudoti išdėstymo tinklelį. Norėdami jį įjungti, pasirinkite rėmelį, tada dešinėje įrankių juostoje spustelėkite pliuso ženklas šalia Layout Grid. Tai atveria raudoną permatomą tinklelį jūsų dizaino viršuje.

Norėdami sukurti stulpelius, kuriuos lengviau kurti, spustelėkite kvadratiniu tašku pažymėta tinklelio piktograma dalyje Layout Grid, tada spustelėkite Tinklelis išskleidžiamajame meniu ir pasirinkite Stulpeliai. Nustatykite skaičių iki 12, kuris būdingas ekrano dizainui. Tinklelis netaupo jūsų galutiniam dizainui. Galite laikinai jį įjungti arba išjungti naudodami akies piktograma arba visam laikui pašalinkite jį spustelėdami minuso piktograma šalia akies.

Nesvarbu, ar naudojate išdėstymo tinklelį, ar ne, galite pradėti pridėti pagrindinių rezervuotos vietos komponentų į savo pirmąjį skaidrės maketą. Apskritai, jūsų skaidrių išdėstymas priklauso nuo jūsų.

3. Sukurkite dviejų stulpelių teksto išdėstymą

Pradėkime nuo aukščiausio pavadinimo su dviejų stulpelių pagrindinio teksto skaidrės kūrimo. Norėdami pridėti pavadinimo rezervuotąją vietą, naudokite Teksto įrankis (T) ir įveskite „Title Placeholder“. Numatytasis Figma teksto dydis yra gana mažas, todėl įvedę rezervuotąją vietą, pažymėkite jį ir naudokite dešinės pusės nustatymus, kad padidintumėte dydį ir pasirinktumėte šriftą –atsisiųskite šriftą, jei reikia. Taip pat galite nustatyti kerning ir kitus atributus.

Norėdami pritaikyti skaidrės plotį, padidinkite pavadinimo teksto laukelio plotį spustelėdami ir vilkdami kampą į dešinę. Kiekvienoje pusėje palikite paraštę. Tai reiškia, kad būsimuose pristatymuose teksto laukelis bus pritaikytas skirtingo ilgio pavadinimams.

Norėdami pridėti dviejų stulpelių pagrindinio teksto sritį, naudokite Teksto įrankis (T) ir vilkite teksto laukelį pagal savo išdėstymo tinklelį, palikdami pakankamai vietos antram tokio pat dydžio stulpeliui šalia jo.

Įdėję teksto laukelį pasirinkite tinkamą šriftą ir dydį. Pasirinkite teksto laukelį ir nukopijuokite jį laikydami Oparagrafas („Mac“) arba Alt („Windows“) vilkdami laukelį. Taip sukuriamas dviejų stulpelių išdėstymas; tačiau galite naudoti šią sistemą kurdami kitokio tipo maketus.

4. Pridėkite fono spalvą arba vaizdą

Galite nustatyti fono spalvą pasirinkę rėmelį ir eidami į Užpildykite dešiniajame meniu norėdami pasirinkti spalvą. Bet jei norite naudoti vaizdą arba vaizdų rinkinį kaip foną, galite. Tiesiog vilkite fono paveikslėlį iš aplanko ant rėmelio. Galite iš karto pakeisti jo dydį, vilkdami kampus, kad tilptų į rėmelį.

Jei naudojate an vaizdas kaip fonas, įsitikinkite, kad vaizdas yra kiekvienos skaidrės sluoksnių gale arba apačioje, spustelėdami dešinįjį pelės klavišą ir pasirinkdami Siųsti atgal, arba vilkdami jį į apačią kairiojoje sluoksnių paletėje.

Norėdami toliau redaguoti vaizdą, žr Užpildykite, spustelėkite Vaizdas išskleidžiamajame meniu. Galėsite pakeisti maišymo režimą, apkarpymo faktorių ir kitus aspektus. Norėdami pakeisti neskaidrumą, pakeiskite procentą šalia išskleidžiamojo meniu.

Atskiram vaizdui, kuris nėra fonas, naudokite Rėmo įrankis (F). Tada galite naudoti tuos pačius nustatymus kaip ir anksčiau.

5. Kaip sukurti teksto stilius „Figma“.

Kuriant pagrindinį šabloną, teksto stiliai turi būti vienodi visose skaidrėse. Tai galima padaryti rankiniu būdu, nustatant, kad kiekvienas teksto komponentas būtų vienodas, bet jei turite daug skaidrių, tai daryti gali būti nuobodu. Geros naujienos? Galite automatizuoti savo teksto stilius Figma.

Pasirinkę pasirinktą tekstą, pavyzdžiui, subtitrus pageidaujamu stiliumi, šriftu ir dydžiu, spustelėkite kvadratas iš keturių taškų dešinėje esančiame meniu šalia Tekstas. Spustelėkite pliuso ženklas nustatyti naują stilių.

Iššokančiajame lange pavadinkite stilių, pavyzdžiui, „Skaidrės pavadinimas arba turinys“. Kurdami kitas šio šablono skaidres, teksto meniu galite pasirinkti nurodytą stilių, pasirinkdami tekstą ir stilių. Norėdami atsieti stilių ir nepaisyti funkcijos, spustelėkite neveikiančios nuorodos piktograma kuris pasirodo užvedus pelės žymeklį virš teksto stiliaus pavadinimo.

Panašiai veikia ir spalvoms. Pasirinkite ką nors su norima spalva, tada spustelėkite Figma meniu mygtuką ir Greiti veiksmai. Įveskite „Pasirinkti viską su tuo pačiu užpildymu“ ir pasirinksite viską, kas bus tos pačios spalvos. Tada galite nustatyti tai kaip spalvų stilių pagal Užpildykite meniu taip pat, kaip kurdami teksto stilių. Tai puikiai tinka fono spalvoms, tiesiog pasirenkant rėmelį ir spalvą.

Jei dar nesivadovaujate stiliaus vadovu, jų yra daug spalvų paletės generavimo būdai.

6. Sukurti komponentus

Kad vėliau galėtumėte naudoti savo šablonus, jie turi būti komponentai, todėl jie susieti. Norėdami paversti rėmelį komponentu, pasirinkite esamą kadrą ir spustelėkite Cmd + Parinktis + K („Mac“) arba Ctrl + Alt + K („Windows“).

Rėmelio pavadinimas pasikeis iš mėlynos į purpurinę spalvą su deimanto piktograma, rodančia, kad dabar jis yra komponentas. Tada, norėdami kopijuoti kadrą, spustelėkite Cmd + D („Mac“) arba Ctrl + D („Windows“) vieną kartą ir vilkite naują rėmelį į dešinę nuo pirmojo.

Atjunkite dublikato komponentą nuo originalo dešiniuoju pelės mygtuku spustelėdami naujo rėmelio pavadinimą ir pasirinkdami Atskirti egzempliorių. Pervardykite naują skaidrę tinkamu jos išdėstymui skirtu pavadinimu. Pridėkite naują dizainą skaidrėje ir spustelėdami paverskite jį atskiru komponentu Cmd + Parinktis + K („Mac“) arba Ctrl + Alt + K („Windows“). Šį procesą reikia atlikti kiekvieną kartą, kai kuriate naują skaidrę.

Kurdami kiekvienos naujos skaidrės maketą, naudokite paruoštus teksto ir spalvų stilius, kad sutaupytumėte laiko. Užbaikite šį procesą naudodami tiek pagrindinių skaidrių, kiek jums reikia, užtikrindami, kad jos visos būtų pavadintos aprašomaisiais pavadinimais.

7. Kaip naudoti pagrindines skaidres

Jei norite naudoti skaidres savo būsimam dizainui, pasirinkite Puslapis 1 viduje konors Puslapiai meniu – šablonas turi savo pavadinimą – ir sukurkite naują pristatymo dydžio rėmelį. Tada kairėje spustelėkite Turtas > Vietiniai komponentai kur turėtų būti jūsų šablono skaidrės. Vilkite šablono skaidres ant naujo rėmelio ir centre. Redaguokite savo turinio rezervuotas vietas.

Atlikite tą patį procesą, kol pristatymas bus baigtas.

Sutaupykite laiko kurdami savo pagrindinius šablonus „Figma“.

Savo pagrindinį šabloną galite pateikti komandos draugams ar bendradarbiams, pasilikti jį asmeniniam naudojimui arba net parduoti kaip dizaino paketus. Nors iš pradžių gali atrodyti nedrąsu sukurti skaidrės pagrindinio šablono šabloną, tai padės produktyvumui, kai ateityje pristatysite „Figma“ ir galiausiai sutaupysite laiko.

10 geriausių „Figma“ funkcijų, kurias turėtų naudoti visi dizaineriai

Skaitykite toliau

Apie autorių