Grafinio dizaino programinės įrangos pasaulis yra didžiulis ir turi daug konkurencijos. „Figma“ yra vienas projektavimo įrankių, kuris lenktyniauja į aukščiausią vietą UX / UI dizaineriams visame pasaulyje. Bet ką jūs žinote apie šį intuityvų įrankį?
Nors tai paprasta, yra ir mokymosi kreivė, jei esate įpratę prie kitų projektavimo įrankių. Pažvelkime į „Figma“ ir kaip ją naudoti. Sveiki atvykę į Figma 101.
Kas yra Figma?
Jei pastaruosius kelerius metus dirbote grafikos dizaineriu ar interneto dizaineriu, tikriausiai girdėjote apie „Figma“. Galbūt netgi naudojote.
„Figma“ yra projektavimo įrankis, kuris nuolatos mėgstamas skaitmeninių dizainerių, sparčiai populiarėjantis naudojant tokias parinktis kaip „Adobe XD“, „Adobe Photoshop“ ir „Sketch“, kuriant žiniatinklio dizainą ir kt. Tačiau, kadangi „Adobe“ įsigijo „Figma“ 2022 m, gali būti keletas pakeitimų, dėl kurių lyderių lentelė bus pertvarkyta.
Yra daug Figma naudoja. Jis pirmiausia naudojamas skaitmeniniam dizainui ir negalite kurti CMYK spausdinimui. Kai kurie pagrindiniai Figma naudojimo būdai:
- Prototipų kūrimas
- UX/UI dizainas
- Programėlės dizainas
- interneto svetainės dizainas
- Pristatymo dizainas
Tu gali naudoti Figma maketo papildinius padėti parodyti savo dizainą, konvertuoti tikrus tinklalapius į Figma dizainą naudojant papildinius ir netgi kurti pagrindinius Figma dizaino šablonus kad sutaupytumėte laiko, kai naudojate pasikartojančius dizaino tipus.
Kiek kainuoja Figma?
Galite nemokamai susikurti Figma paskyrą Figma svetainė arba atsisiųsdami „Figma“ programa. Nemokama paskyra suteikia funkcionalumą visiems programos dizaino aspektams. Galite kurti su Figma ir „FigJam“ – „Figma“ bendradarbiavimo įrankis.
Jei naudojate „Figma“ kaip mėgėją arba kaip vienintelis laisvai samdomas darbuotojas, „Free Forever“ versija yra beveik tobula. Jūs vis dar turite prieigą prie visų priedų, galite kviesti neribotą skaičių bendradarbių, naudoti neribotą asmeninių failų skaičių ir naudoti Figma iš visų platformų.
Nors nemokama Figma versija siūlo daugiau nei pakankamai bet kuriam standartiniam dizaineriui, Figma Professional prenumerata leidžia pakviesti komandos draugus, dirbti iš komandos bibliotekų, turėti prieigą prie neribotų Figma failų ir versijų istorijos ir dar daugiau už 12 USD per mėnesį redaktorius. Jei esate studentas ar pedagogas, galite nemokamai gauti „Figma Professional“.
Kaip naudoti „Figma“: pagrindai
Nesvarbu, ar naudojate „Figma“ programą, ar naršyklės versiją, galite lengvai sekti.
Kai atidarysite Figma, jums bus pateiktos parinktys, kaip paleisti naują Figma failą, naują FigJam failą arba importuoti failą, sukurtą kitoje programoje, pvz., Sketch arba Adobe XD. Jei anksčiau naudojote „Figma“, taip pat matysite savo ankstesnius „Figma“ projektus, kuriuos galėsite atidaryti ir su jais dirbti.
Naršymas Figma darbo srityje
Naujo failo atidarymas iš pradžių atrodo neįkvepiantis. Skirtingai nuo daugelio kitų projektavimo programų, pradedate ne nuo piešimo lentos ar drobės, o nuo visiškai tuščio dizaino puslapio. Tačiau kupinas įkvėpimo protas ilgai neliks tuščia vieta.
Viršutinis kairysis horizontalus meniu prasideda nuo Pagrindinis meniu piktograma – Figma logotipas. Pasirinkus Pagrindinis meniu, galite naršyti prie kitų failų, greitųjų „Figma“ veiksmų, tipinių failų parinkčių ir prieigos prie papildinių, valdiklių ir bibliotekų.
Toliau rasite Judėti įrankis (V), su Skalė įrankis (K) įsitaisęs po juo. Šie įrankiai skirti elementams perkelti arba dizaino dalims keisti aukštyn arba žemyn. O šių įrankių dešinėje matysite regiono įrankius, Rėmas (F), Skyrius, ir Supjaustykite, susiglaudę kartu.
„Figma“ programoje rėmelis yra tai, ką kitos programos gali vadinti piešimo lenta arba drobe. Pasirinkite Rėmas norėdami nupiešti pasirinkto dydžio drobę. Kai pasirinksite, dešiniajame meniu bus pateiktos iš anksto sukurtos kadrų parinktys, skirtos įprastų įrenginių dydžiams: išmaniesiems telefonams, planšetiniams kompiuteriams, staliniams kompiuteriams, išmaniesiems laikrodžiams, pristatymams ir socialinės žiniasklaidos parinktims. Taip pat galite spustelėti ir vilkti rėmelį tiesiogiai, kad jis būtų bet kokio dydžio.
Grįžti į viršutinį kairįjį meniu, regiono įrankių dešinėje yra Figūra įrankiai, Rašiklis įrankiai ir Tekstas įrankis. Tada sekė ištekliai -Komponentai, Papildiniai, ir Valdikliai-ir Ranka įrankis, skirtas judėti faile. Ir galiausiai, Komentarai įrankis, kuris puikiai tinka užrašams daryti ir bendradarbiauti su komandos draugais.
Figma dizaino meniu
Kai rėmelis yra parengtas, pasirinkus jo pavadinimą suaktyvinamas rėmelis, paruoštas projektavimui. Dešiniajame meniu rodomi pavadinimai Dizainas, Prototipas, ir Apžiūrėti. Kaip rodo pavadinimas, dizaino parinktis yra meniu, kurį naudosite kurdami rėmelio elementus.
Nors pradinis dizaino meniu yra šiek tiek supaprastintas, kai į savo dizainą pridedate daugiau elementų, meniu parinktys keičiasi. Iš pradžių meniu veikia iš viršaus į apačią su lygiavimo įrankiais, dydžio nustatymo įrankiais, Automatinis išdėstymas, Išdėstymo tinklelis, Sluoksnis, Užpildykite, Insultas, Efektai, ir Eksportuoti. Kai kurie iš jų yra sumažinti pagal numatytuosius nustatymus, bet spustelėjus + ženklą, galite atidaryti bet kurį meniu arba paspausti – kad ji būtų kuo mažesnė.
Nubraižę pagrindinį projekto rėmelį, galite naudoti figūrų įrankius arba rašiklio įrankius figūroms piešti arba pridėkite vaizdų rezervuotųjų ženklų ir galite pridėti teksto naudodami įrankį Tekstas taip, kaip tikriausiai padarėte kituose programinė įranga.
Kai rėmelyje turite figūrų ar teksto, naudokite įvairias dešiniojo meniu parinktis, kad galėtumėte redaguoti ir kurti tuos elementus. The Sluoksnis meniu siūlo neskaidrumo ir maišymo režimus; su Užpildykite galite pridėti spalvų arba įterpti vaizdus su kai kuriomis redagavimo funkcijomis, pvz., Poveikis, Kontrastas, Temperatūra, ir dar.
Kai projekte sukursite daugiau elementų, sluoksniai susidarys kairėje pusėje Sluoksniai meniu šalia Turtas skirtuką. Norėdami rasti elementą, galite dukart spustelėti sluoksnio pavadinimą ir atvirkščiai; galite dukart spustelėti dizaino elementą, kad rastumėte paryškintą sluoksnį. Dukart spustelėję pavadinimus galite juos pervardyti, kad būtų optimalus organizavimas.
Figma prototipo meniu
Į dešinę nuo Dizainas meniu parinktis yra Prototipas Meniu. Kai baigsite vizualius dizaino aspektus ir nustatysite vaizdo laukelius bei tekstą ten, kur jie turėtų būti, galite naudoti prototipo įrankius, kad į savo dizainą įtrauktumėte animaciją ir perėjimus.
The Prototipas meniu leidžia sujungti rėmelius ar komponentus kaip perėjimus. Galite pasirinkti, kokia tvarka ir kaip kiekvienas kadras pereina į kitą.
Tai puikiai veikia, jei esate padaryti Figma pristatymą kuri animuoja iš vienos skaidrės į kitą, tačiau įrankis taip pat leidžia profesionaliai vizualizuoti programų ir žiniatinklio dizaino mygtukų ar meniu animacijas. Viename puslapyje galite pridėti kelis perėjimus, skirtus visiems skirtingiems dalykams, kad galėtumėte matyti, kaip naudotojai sąveikauja su jūsų svetaine, kai ji veikia.
Nors „Figma“ naudojimas kuriant svetainę nėra tas pats, kas sukurti tiesioginę svetainę, galite perduoti savo „Figma“ dizainą savo kūrėjų komandai, kuri gali atkurti jūsų prototipų sąveiką kaip realaus gyvenimo animacijos dizainą Interneto svetainė. Tai reiškia, kad galite pereiti iš vieno puslapio į kitą nuo paspaudimų, laiko ar kitų sąveikų.
Pradėti naudotis „Figma“ lengva
Dabar žinote, kaip naršyti Figma išdėstymą ir kaip veikia pagrindiniai dizaino ir prototipo įrankiai. Kadangi „Figma“ yra taip lengvai pasiekiama, pats laikas padirbėti su šiuo projektavimo įrankiu ir pamatyti, ką galite sukurti.