Kuinka luoda perusmalleja esityksille Figmassa

Jos luot tyyliteltyä esitystä, mutta et halua käyttää liikaa käytettyjä malleja PowerPoint, Google Slides tai Canva, voit luoda omia perusmalleja tulevaisuuttasi varten esittelysuunnitelmia.

Tämä on loistava vaihtoehto niille, jotka haluavat teemaesityssuunnittelua tai joiden on noudatettava merkkityylin ohjetta. Jatka lukemista saadaksesi selville, kuinka Figman avulla voit luoda esityksiäsi varten perusmalleja.

1. Figma-asiakirjan määrittäminen esityksiä varten

Rekisteröidy ilmainen tili osoitteessa Figma.com, tai jos sinulla on jo tili, kirjaudu sisään. Voit käyttää Figmaa suoraan selaimessasi tai voit lataa työpöytäsovellus.

Avaa a Uusi suunnittelutiedostoja napsauta sitten Nimetön yläreunassa nimetäksesi tiedoston uudelleen, esimerkiksi "Esityspäämalli". Napsauta vasemmalla Sivu 1, sitten plus-merkki lisätäksesi uuden sivun. Nimeä uusi sivu uudelleen malliksi. Näin voit pitää kantadiasi erillään suunnitteludioistasi myöhemmin.

Luodaksesi kehyksen – Figman nimi taululle tai kankaalle – käytä

Kehystyökalu (F), napsauta sitten mitä tahansa avataksesi kehyksen. Muuta oikeanpuoleisissa asetuksissa W ja H sopivan esityskoon määritteet; käytämme 1920 x 1080, joka on normaali näytön koko. Tämä on ensimmäinen perusmallisi.

Nimeä se uudelleen kaksoisnapsauttamalla sinistä otsikkoa kehyksen yläosassa. Ajattele suunnittelemaasi sivun asettelua ja nimeä se sen mukaan – esimerkiksi "Ylein otsikon toinen sarake" tai "Oikea otsikon kuva" voisi olla hyödyllinen.

2. Suunnittele esityksen asettelut

Voit auttaa asettelun suunnittelussa asetteluruudukon avulla. Ota se käyttöön valitsemalla kehys ja napsauta sitten oikeanpuoleisesta työkalupalkista plus-merkki Layout Grid -kohdan vieressä. Tämä avaa punaisen läpikuultavan ruudukon suunnittelusi päälle.

Luodaksesi sarakkeita – joita on helpompi suunnitella – napsauta neliöpisteinen ruudukkokuvake Valitse Layout Grid -kohdasta Ruudukko pudotusvalikosta ja valitse Sarakkeet. Aseta määräksi 12, mikä on tyypillistä näytön suunnittelulle. Ristikko ei säästä lopullisessa suunnittelussasi. Voit kytkeä sen tilapäisesti päälle tai pois päältä käyttämällä silmäkuvake tai poista se pysyvästi napsauttamalla miinus-kuvake silmän vieressä.

Käytätpä asetteluruudukkoa tai et, voit aloittaa peruspaikkamerkkikomponenttien lisäämisen ensimmäiseen dian asetteluun. Kaiken kaikkiaan diojen asettelu on sinun.

3. Luo kaksisarakkeinen tekstiasettelu

Aloitetaan suunnittelemalla yläotsikko kahdessa sarakkeessa olevalla leipätekstidialla. Lisää otsikon paikkamerkki käyttämällä Tekstityökalu (T) ja kirjoita "Title Placeholder". Figman tekstin oletuskoko on melko pieni, joten kun paikkamerkki on kirjoitettu, korosta se ja suurenna kokoa ja valitse fontti oikeanpuoleisilla asetuksilla.lataa tarvittaessa fontti. Voit myös asettaa välityksen ja muita määritteitä.

Voit mukauttaa dian leveyden lisäämällä otsikkotekstiruudun leveyttä napsauttamalla ja vetämällä kulmaa oikealle. Jätä marginaali molemmille puolille. Tämä tarkoittaa, että tekstiruutuun mahtuu eripituisia otsikoita tulevissa esityksissä.

Voit lisätä kaksisarakkeen leipätekstialueen käyttämällä Tekstityökalu (T) ja vedä tekstiruutua asetteluruudukon mukaan, jolloin jää tarpeeksi tilaa toiselle samankokoiselle sarakkeelle sen viereen.

Kun tekstilaatikko on paikoillaan, valitse sopiva fontti ja koko. Valitse tekstiruutu ja kopioi se pitämällä sitä painettuna Ovaihtoehto (Mac) tai Alt (Windows) vetämällä laatikkoa. Tämä luo kaksisarakkeen asettelun; Voit kuitenkin käyttää tätä järjestelmää muun tyyppisten asettelujen suunnitteluun.

4. Lisää taustaväri tai -kuva

Voit asettaa taustavärin valitsemalla kehyksen ja siirtymällä kohtaan Täyttää oikeanpuoleisesta valikosta valitaksesi värin. Mutta jos haluat mieluummin käyttää kuvaa tai kuvasarjaa taustana, voit tehdä sen. Vedä taustakuvasi kansiosta kehyksellesi. Voit muuttaa sen kokoa heti vetämällä kulmista kehykseen sopivaksi.

Jos käytät an kuva taustanaVarmista, että järjestät kuvan jokaisen dian tasojen taka- tai alaosaan napsauttamalla hiiren kakkospainikkeella ja valitsemalla Lähetä takaisintai vetämällä se vasemmanpuoleisen tasopaletin alaosaan.

Muokkaa kuvaa lisää alla Täyttää, klikkaus Kuva pudotusvalikosta. Voit muuttaa sekoitustilaa, rajaustekijää ja muita näkökohtia. Muuta peittävyyttä muuttamalla prosenttiosuutta avattavan valikon vieressä.

Jos haluat yksittäisen kuvan, joka ei ole tausta, käytä Kehystyökalu (F) piirtääksesi kehyksen, johon haluat kuvan olevan, ja vedä tiedosto tietokoneeltasi kehykseen. Sitten voit käyttää samoja asetuksia kuin aiemmin.

5. Kuinka luoda tekstityylejä Figmassa

Perusmallia luotaessa tekstityylien tulee olla yhdenmukaisia ​​kaikissa dioissa. Tämä voidaan tehdä manuaalisesti asettamalla jokainen tekstikomponentti samaksi, mutta jos sinulla on useita dioja, tämä voi olla työlästä. Hyvät uutiset? Voit automatisoida tekstityylejäsi Figmassa.

Kun valittu teksti on valittuna (esimerkiksi tekstitys haluamallaan tyylillä, fontilla ja koossa), napsauta neljän pisteen neliö Tekstin vieressä oikealla olevassa valikossa. Klikkaa plus-merkki asettaaksesi uuden tyylin.

Nimeä ponnahdusikkunassa tyyli, esimerkiksi "Dian otsikko tai leipäteksti". Kun suunnittelet muita dioja tässä mallissa, voit valita luettelon tyylin tekstivalikosta valitsemalla tekstin ja valitsemalla tyylin. Voit poistaa tyylin linkityksen ja ohittaa ominaisuuden napsauttamalla rikkinäisen linkin kuvake joka tulee näkyviin, kun vie hiiri tekstityyliotsikon päälle.

Se toimii samalla tavalla väreillä. Valitse jokin haluamasi värinen ja napsauta sitten Figma-valikkopainiketta ja Nopeat toiminnot. Kirjoita "Valitse kaikki samalla täytteellä" ja se valitsee kaiken samanvärisen. Sitten voit asettaa sen värityyliksi alla Täyttää valikon samalla tavalla kuin tekstityyliä luomalla. Tämä toimii hyvin taustaväreille valitsemalla kehyksen ja värin.

Jos et jo noudata tyyliopasta, niitä on monia tapoja luoda väripaletteja.

6. Luo komponentteja

Jotta malleja voidaan käyttää myöhemmin, niiden on oltava komponentteja, joten ne linkittyvät. Jos haluat muuttaa kehyksen komponentiksi, valitse nykyinen kehys ja napsauta Cmd + Vaihtoehto + K (Mac) tai Ctrl + Alt + K (Windows).

Kehyksen otsikko muuttuu sinisestä purppuraan ja timanttikuvake osoittaa, että se on nyt osa. Napsauta sitten monistaaksesi kehyksen Cmd + D (Mac) tai Ctrl + D (Windows) kerran ja vedä uusi kehys ensimmäisen oikealle puolelle.

Irrota kaksoiskappaleen komponentti alkuperäisestä napsauttamalla hiiren kakkospainikkeella uuden kehyksen otsikkoa ja valitsemalla Irrota instanssi. Nimeä uusi dia uudelleen sopivalla otsikolla sen asettelua varten. Lisää uusi kuvio diaan ja tee siitä sitten oma komponentti napsauttamalla Cmd + Vaihtoehto + K (Mac) tai Ctrl + Alt + K (Windows). Tämä prosessi on tehtävä aina, kun luot uuden dian.

Kun suunnittelet kunkin uuden dian asettelua, käytä valmiita teksti- ja värityylejä säästääksesi aikaa. Suorita tämä prosessi loppuun niin monella perusdialla kuin tarvitset ja varmista, että ne kaikki on nimetty kuvaavilla nimillä.

7. Master-diojen käyttäminen

Jos haluat käyttää dioja tulevissa malleissasi, valitse Sivu 1 in Sivut valikosta – mallin ollessa oman otsikkonsa alla – ja luo uusi esityksen kokoinen kehys. Napsauta sitten vasemmalla Omaisuus > Paikalliset komponentit missä mallidiasi pitäisi olla. Vedä mallidiat uuteen kehykseen ja keskitä se. Muokkaa sisältösi paikkamerkkejä.

Noudata samaa prosessia, kunnes esityksesi on valmis.

Säästä aikaa tekemällä omia perusmallejasi Figmassa

Voit tarjota mallipohjasi tiimitovereillesi tai työtovereillesi, säilyttää sen henkilökohtaiseen käyttöön tai jopa myydä ne suunnittelupaketteina. Vaikka diojen perusdiamallin luominen voi aluksi tuntua pelottavalta, se parantaa tuottavuutta, kun teet tulevia esityksiä Figmassa, mikä säästää lopulta aikaa.

10 parasta Figma-ominaisuutta, jota kaikkien suunnittelijoiden tulisi käyttää

Lue Seuraava

Kirjailijasta