Graafilise disaini tarkvara maailm on tohutu ja sellel on palju konkurentsi. Figma on üks disainitööriist, mis kihutab UX/UI disainerite esikohale kogu maailmas. Aga mida sa selle intuitiivse tööriista kohta tead?
Kuigi see on lihtne, on olemas ka õppimiskõver, kui olete harjunud muude disainitööriistadega. Vaatame Figmat ja selle kasutamist. Tere tulemast Figma 101-sse.
Mis on Figma?
Kui olete viimastel aastatel töötanud graafilise disainerina või veebidisainerina, olete tõenäoliselt Figmast kuulnud. Võib-olla oleksite seda isegi kasutanud.
Figma on disainitööriist ja see on pidevalt muutunud digitaalsete disainerite lemmikuks, kasutades veebidisaini ja muu jaoks selliseid valikuid nagu Adobe XD, Adobe Photoshop ja Sketch. Siiski, kuna Adobe omandas Figma 2022. aastal, võib esineda mõningaid muudatusi, mis muudavad edetabelit ümber.
Seal on Figma palju kasutusviise
. Seda kasutatakse peamiselt digitaalse disaini jaoks ja te ei saa printimiseks kujundada CMYK-vormingus. Mõned Figma peamised kasutusalad on järgmised:- Prototüüpimine
- UX/UI disain
- Rakenduse disain
- Veebikujundus
- Esitluse kujundus
Sa saad kasutage Figma makettide pistikprogramme et aidata oma kujundusi näidata, teisendada tõelisi veebilehti Figma kujunduseks kasutades pistikprogramme ja isegi luua Figma kujunduste põhimallid et säästa aega korduvate kujundustüüpide puhul.
Kui palju Figma maksab?
Figma konto saate tasuta luua saidil Figma sait või laadides alla Figma rakendus. Tasuta konto pakub funktsioone kõigi rakenduse disainiaspektide jaoks. Saate kujundada Figma ja FigJam – Figma koostöötööriist.
Kui kasutate Figmat harrastajana või ainsa vabakutselisena, on Free Foreveri versioon peaaegu täiuslik. Teil on endiselt juurdepääs kõikidele pistikprogrammidele, saate kutsuda piiramatult kaastöötajaid, kasutada piiramatult isiklikke faile ja kasutada Figmat kõigilt platvormidelt.
Kuigi Figma tasuta versioon pakub igale tavadisainerile enam kui piisavalt, võimaldab Figma Professionali tellimus kutsuge meeskonnakaaslasi, töötage meeskonna raamatukogudes, omage juurdepääsu piiramatule arvule Figma failidele ja versiooniajaloole ning palju muud – 12 dollarit kuus. toimetaja. Kui olete üliõpilane või koolitaja, saate Figma Professionali tasuta hankida.
Kuidas Figmat kasutada: põhitõed
Olenemata sellest, kas kasutate Figma rakendust või brauseri versiooni, saate hõlpsalt järgida.
Kui avate Figma, kuvatakse teile valikud uue Figma-faili, uue FigJami-faili käivitamiseks või mõnes muus programmis (nt Sketch või Adobe XD) tehtud faili importimiseks. Kui olete Figmat varem kasutanud, näete ka oma varasemaid Figma projekte, mida saate avada ja mille kallal töötada.
Figma tööruumis navigeerimine
Uue faili avamine tundub esialgu ebainspireeriv. Erinevalt paljudest teistest kujundusprogrammidest ei alusta te oma kujundustahvli või lõuendiga, vaid täiesti tühja kujunduslehega. Kuid inspiratsiooni täis meelega ei jää see kauaks tühjaks ruumiks.
Vasakpoolne ülemine horisontaalne menüü algab tähega Peamenüü ikoon – Figma logo. Valides Peamenüü, saate liikuda oma muude failide, Figma kiirtoimingute, tüüpiliste failivalikute ja juurdepääsu pistikprogrammidele, vidinatele ja teekidele.
Järgmisena leiate Liiguta tööriist (V), koos Kaal tööriist (K) pesitses selle all. Need tööriistad on mõeldud elementide liigutamiseks või kujunduse osade suurendamiseks või vähendamiseks. Nendest tööriistadest paremal näete piirkonna tööriistu, Raam (F), jaotisja Viil, pesitsevad koos.
Figmas on raam see, mida teised programmid võivad nimetada joonistamiseks või lõuendiks. Valige Raam kohandatud suurusega lõuendi joonistamiseks. Kui see on valitud, kuvatakse parempoolses menüüs tavapäraste seadmesuuruste jaoks ette valmistatud raami valikud: nutitelefonid, tahvelarvutid, lauaarvutid, nutikellad, esitlused ja sotsiaalmeedia valikud. Samuti saate raamil otse klõpsata ja lohistada, et muuta see mis tahes kohandatud suuruseks.
Tagasi ülemisse vasakpoolsesse menüüsse, piirkonna tööriistadest paremal on Kuju tööriistad, Pliiats tööriistad ja Tekst tööriist. Järgnesid ressursid -Komponendid, Pluginadja Vidinad-ja Käsi tööriist failis liikumiseks. Ja lõpuks, Kommentaarid tööriist, mis sobib suurepäraselt märkmete tegemiseks ja meeskonnakaaslastega koostöö tegemiseks.
Figma disainimenüü
Kui raam on koostatud, aktiveerib selle pealkirja valimine raami, mis on kujundamiseks valmis. Parempoolses menüüs on pealkirjad Disain, Prototüüpja Kontrollige. Nagu nimigi ütleb, on suvand Disain menüü, mida kasutate raami elementide kujundamiseks.
Kuigi esialgne kujundusmenüü on mõnevõrra lihtsustatud, muutuvad kujundusele rohkemate elementide lisamisel menüüvalikud. Alguses jookseb menüü ülalt alla koos joondustööriistade, suuruse määramise tööriistadega, Automaatne paigutus, Paigutusruudustik, Kiht, Täida, Insult, Efektidja Ekspordi. Mõned neist on vaikimisi minimeeritud, kuid klõpsates nuppu + märk, saate avada mis tahes menüü või vajutada – selle minimeerimiseks.
Kui olete projekti põhiraami joonistanud, saate kujundite või pliiatsi tööriistade abil joonistada kujundeid või lisage pildi kohahoidjad ja saate tekstitööriista abil teksti lisada viisil, mida olete ilmselt teinud ka teistes tarkvara.
Kui teil on raamil kujundid või tekst, kasutage nende elementide redigeerimiseks ja kujundamiseks erinevaid parempoolseid menüüvalikuid. The Kiht menüü pakub läbipaistmatuse ja segamisrežiime; koos Täida saate lisada värve või lisada pilte mõne redigeerimisfunktsiooniga, näiteks Kokkupuude, Kontrast, Temperatuur, ja veel.
Kui koostate oma projektis rohkem elemente, moodustuvad kihid vasakule Kihid menüü kõrval Varad sakk. Elemendi leidmiseks võite topeltklõpsata kihi pealkirja ja vastupidi; esiletõstetud kihi leidmiseks saate kujunduselemendil topeltklõpsata. Topeltklõps pealkirjadel võimaldab neid optimaalse korralduse huvides ümber nimetada.
Figma prototüübi menüü
Paremal Disain menüüvalik on Prototüüp menüü. Kui olete oma kujunduse visuaalsed aspektid lõpetanud ning pildikastid ja teksti sinna paigutanud, saate kasutada prototüübitööriistu, et lisada kujundusele animatsioone ja üleminekuid.
The Prototüüp menüü võimaldab teil raame või komponente üleminekutena omavahel ühendada. Saate valida, millises järjekorras ja kuidas iga kaader teisele üle läheb.
See toimib suurepäraselt, kui olete Figma esitluse tegemine mis animeerib ühelt slaidilt teisele, kuid tööriist võimaldab asjatundlikult visualiseerida ka rakenduste ja veebidisaini nuppude või menüüde animatsioone. Saate lisada ühele lehele mitu üleminekut kõigi erinevate asjade jaoks, et näha, kuidas kasutajad teie veebisaidiga suhtleksid, kui see on aktiivne.
Kuigi Figma kasutamine veebisaidi kujundamiseks ei ole sama, mis reaalajas veebisaidi loomine, saate oma Figma üle anda kujundage oma arendajameeskonnale, kes saavad teie prototüüpide interaktsioonid teie jaoks reaalse animatsiooni kujundusena uuesti luua veebisait. See tähendab, et saate klõpsude, aja või muude interaktsioonide alusel lehelt lehele üle minna.
Figmaga alustamine on lihtne
Nüüd teate, kuidas Figma paigutuses navigeerida ning kuidas töötavad põhilised disaini- ja prototüübitööriistad. Kuna Figma on nii kergesti ligipääsetav, on aeg minna selle disainitööriista kallale ja vaadata, mida saate luua.
