Svet programske opreme za grafično oblikovanje je ogromen in ima veliko konkurence. Figma je eno od oblikovalskih orodij, ki tekmuje na prvo mesto med oblikovalci UX/UI po vsem svetu. Toda kaj veste o tem intuitivnem orodju?
Čeprav je preprosto, obstaja tudi krivulja učenja, če ste vajeni drugih orodij za oblikovanje. Poglejmo si Figmo in kako jo uporabljati. Dobrodošli v Figmi 101.
Kaj je Figma?
Če ste v zadnjih nekaj letih delali kot grafični oblikovalec ali spletni oblikovalec, ste verjetno že slišali za Figmo. Morda ste ga celo uporabili.
Figma je oblikovalsko orodje in je vztrajno postalo priljubljeno za digitalne oblikovalce, saj se dviguje nad možnostmi, kot so Adobe XD, Adobe Photoshop in Sketch, za spletno oblikovanje in drugo. Vendar, saj Adobe je leta 2022 kupil Figmo, lahko pride do nekaterih sprememb, ki bodo premešale lestvico najboljših.
obstajajo veliko uporab za Figmo. Uporablja se predvsem za digitalno oblikovanje in ne morete oblikovati v CMYK za tisk. Nekatere glavne uporabe Figme vključujejo:
- Izdelava prototipov
- UX/UI dizajn
- Dizajn aplikacije
- oblikovanje spletnih strani
- Oblikovanje predstavitve
Ti lahko uporabite vtičnike Figma mockup pomagati pokazati svoje dizajne, pretvorite prave spletne strani v modele Figma uporabo vtičnikov in celo ustvarjanje glavne predloge za načrte Figma da vam prihrani čas pri ponavljajočih se oblikah.
Koliko stane Figma?
Račun Figma lahko brezplačno ustvarite na Spletno mesto Figma ali s prenosom Aplikacija Figma. Brezplačen račun zagotavlja funkcionalnost za vse vidike oblikovanja aplikacije. Oblikujete lahko s Figmo in FigJam—Figmino orodje za sodelovanje.
Če uporabljate Figmo kot ljubitelj ali samostojni podjetnik, je različica Free Forever skoraj popolna. Še vedno imate dostop do vseh vtičnikov, lahko povabite neomejeno število sodelavcev, uporabljate neomejeno število osebnih datotek in uporabljate Figmo z vseh platform.
Medtem ko brezplačna različica Figme ponuja več kot dovolj za katerega koli standardnega oblikovalca, vam naročnina na Figma Professional omogoča, povabite soigralce, delajte v timskih knjižnicah, imejte dostop do neomejenega števila datotek Figma in zgodovine različic ter več za 12 USD na mesec na urednik. Če ste študent ali učitelj, lahko dobite Figma Professional brezplačno.
Kako uporabljati Figmo: Osnove
Ne glede na to, ali uporabljate aplikacijo Figma ali različico brskalnika, lahko preprosto sledite.
Ko odprete Figmo, se vam prikažejo možnosti za zagon nove datoteke Figma, nove datoteke FigJam ali uvoza datoteke, narejene v drugem programu, kot je Sketch ali Adobe XD. Če ste že uporabljali Figmo, boste videli tudi svoje prejšnje projekte Figma, ki jih lahko odprete in delate na njih.
Krmarjenje po delovnem prostoru Figma
Odpiranje nove datoteke je na začetku videti nenavdihujoče. V nasprotju z mnogimi drugimi oblikovalskimi programi ne začnete s slikovno ploščo ali platnom, temveč s popolnoma prazno stranjo za oblikovanje. Toda z umom, polnim navdiha, ne bo dolgo ostal prazen prostor.
Zgornji levi vodoravni meni se začne z Glavni meni ikona—logotip Figma. Izbira Glavni meni, lahko se pomaknete do svojih drugih datotek, hitrih dejanj Figma, tipičnih možnosti datotek in dostopa do vtičnikov, gradnikov in knjižnic.
Nato boste našli Premakni se orodje (V), z Lestvica orodje (K) ugnezdena pod njim. Ta orodja so za premikanje elementov ali spreminjanje velikosti delov vašega dizajna navzgor ali navzdol. Desno od teh orodij boste videli orodja za regijo, Okvir (F), Razdelek, in Rezina, ugnezdena skupaj.
V Figmi je okvir tisto, kar lahko drugi programi imenujejo umetniška plošča ali platno. Izberite Okvir za risanje vašega platna po meri. Ko je izbrano, bodo v desnem meniju prikazane vnaprej pripravljene možnosti okvirja za običajne velikosti naprav: pametni telefoni, tablični računalniki, namizni računalniki, pametne ure, predstavitve in možnosti družbenih medijev. Svoj okvir lahko tudi kliknete in povlečete neposredno, da ga spremenite v poljubno velikost.
Nazaj v zgornji levi meni, desno od orodij Regija so oblika orodja, Pero orodja in Besedilo orodje. Nato sledijo Viri—Komponente, Vtičniki, in Pripomočki-in Roka orodje za premikanje po datoteki. In končno, Komentarji orodje, ki je odlično za ustvarjanje zapiskov in sodelovanje s soigralci.
Meni Figma Design
Ko je okvir narisan, se z izbiro njegovega naslova aktivira okvir, pripravljen za oblikovanje. Desni meni prikazuje naslove za Oblikovanje, Prototip, in Preglejte. Kot že ime pove, je možnost Design meni, ki ga boste uporabili za oblikovanje elementov na vašem okvirju.
Medtem ko je začetni meni za oblikovanje nekoliko poenostavljen, se možnosti menija razvijajo, ko svojemu dizajnu dodate več elementov. Sprva se meni odvija od zgoraj navzdol z orodji za poravnavo, orodji za določanje velikosti, Samodejna postavitev, Mreža postavitve, Plast, Izpolnite, Možganska kap, Učinki, in Izvozi. Nekatere od teh so privzeto pomanjšane, vendar s klikom na + znak, lahko odprete poljuben meni ali zadetek – da ga čim bolj zmanjšamo.
Ko narišete svoj glavni okvir za projekt, lahko uporabite orodja za oblike ali orodja za pero za risanje oblik ali dodajte ograde za slike in besedilo lahko dodate z orodjem za besedilo na načine, ki ste jih verjetno že počeli programsko opremo.
Ko imate na okvirju oblike ali besedilo, uporabite različne možnosti menija na desni strani za urejanje in oblikovanje teh elementov. The Plast meni ponuja motnost in načine mešanja; z Izpolnite lahko dodate barvo ali vstavite slike z nekaterimi funkcijami za urejanje, kot je Izpostavljenost, Kontrast, Temperatura, in več.
Ko sestavite več elementov v svojem projektu, se bodo plasti oblikovale na levi strani Plasti meni poleg Sredstva zavihek. Dvokliknete lahko naslov plasti, da poiščete element, in obratno; lahko dvokliknete oblikovni element, da poiščete označeno plast. Dvoklik na naslove vam omogoča, da jih preimenujete za optimalno organizacijo.
Meni prototipa Figma
Desno od Oblikovanje možnost menija je Prototip meni. Ko dokončate vizualne vidike svojega dizajna in nastavite slikovna polja in besedilo, kamor naj gredo, lahko uporabite orodja za prototip, da svojim dizajnom dodate animacije in prehode.
The Prototip Meni vam omogoča povezovanje okvirjev ali komponent skupaj kot prehode. Izberete lahko, v katerem vrstnem redu in kako vsak okvir prehaja v drugega.
To deluje odlično, če ste izdelava predstavitve Figma ki animira od enega diapozitiva do drugega, orodje pa vam strokovno omogoča tudi vizualizacijo animacij za gumbe ali menije za oblikovanje aplikacij in spletnih strani. Dodate lahko več prehodov na stran za vse različne stvari, tako da lahko vidite, kako bi uporabniki sodelovali z vašim spletnim mestom, ko je v živo.
Čeprav uporaba Figme za oblikovanje spletnega mesta ni enaka ustvarjanju spletnega mesta v živo, lahko Figmo predate za vašo ekipo razvijalcev, ki lahko poustvari vaše prototipne interakcije kot zasnove animacije v resničnem življenju za vaš Spletna stran. To pomeni, da lahko prehajate s strani na stran s kliki, časom ali drugimi interakcijami.
Začetek uporabe Figme je enostaven
Zdaj veste, kako krmariti po postavitvi Figma in kako delujejo osnovna orodja za načrtovanje in prototip. Ker je Figma tako enostavno dostopna, je čas, da se lotite tega oblikovalskega orodja in vidite, kaj lahko ustvarite.
