Figma sąsaja – pagrindinė informacija | Figma pradedantiesiems #2

Šiame straipsnyje aptarsime Figma sąsajos elementus. Susipažinimas su sąsaja pradžioje palengvins jūsų vėlesnį darbą. Aptarsime failų naršyklę ir programos sąsają redaguojant failą. Skaitykite toliau, kad sužinotumėte daugiau.

Figma sąsaja – turinys:

1. Failų naršyklės sąsaja
2. Failo sąsaja

Failų naršyklės sąsaja Figma sąsajoje

Pirmas dalykas, kurį pamatysite prisijungę prie Figma, bus Failų naršyklė, kuri leis jums naršyti savo paskyroje. Iš čia galite pasiekti savo projektus, komandas ir išteklius. Failų naršyklės sąsaja susideda iš 3 sekcijų: Navigacijos juosta, Šoninė juosta ir Failai.

1. Navigacijos juosta yra viršuje ekrano ir leidžia atlikti tam tikras veiklas paskyros lygiu.

A) Vartotojo vardas – čia rodomas aktyvaus vartotojo vardas. Paspaudus, galite pereiti tarp paskyrų, į kurias esate prisijungę konkrečiame įrenginyje.

B) Paieškos juosta – šioje sekcijoje galite greitai ieškoti projektų, kolegų ir failų pagal pavadinimą.

C) Pranešimai – čia pasirodys pranešimai apie viską, kas vyks jūsų paskyroje.

D) Paskyros meniu – čia galite valdyti savo paskyros nustatymus ir įdiegtus papildinius.

Naudingas patarimas: Jei naudojate Figma darbalaukio programą, galite lengvai pereiti tarp projektų ir failų naršyklės. Projektai atsidaro kaip nauji skirtukai, o failų naršyklė pažymėta Pagrindinio simboliu.

2. Šoninė juosta – tai sąsajos sritis, esanti kairėje ekrano pusėje. Ji leidžia naršyti per failus ir prototipus.

Naujausi – šioje kortelėje pirmiausia rodomi failai ir prototipai, kuriuos neseniai peržiūrėjote arba redagavote.

Juodraščiai – čia pamatysite visus sukurtus juodraščio variantus. Be to, rasite Ištrintų kortelę, kur galite peržiūrėti archyvuotus failus.

Galite atkurti arba visam laikui ištrinti jau ištrintus failus – dešiniuoju pelės mygtuku spustelėkite failą, kad pamatytumėte šias parinktis.

Bendruomenė – tai erdvė, kur galite naršyti failus ir papildinius, kuriuos dalijasi kiti Figma vartotojai. Į šią sekciją grįšime kitame mūsų tinklaraščio įraše.

Komandos – čia pamatysite visas komandas, kurioms priklausote.

3. Failai – šioje sekcijoje bus rodomi visi jūsų failai.

Kiekvienoje puslapio failų naršyklėje galite pasirinkti, kaip rodyti failus: Rodyti kaip tinklelį arba Rodyti kaip sąrašą. Pagal numatytuosius nustatymus nustatyta tinklo peržiūra.

Failai gali būti filtruojami ir rūšiuojami pagal jūsų poreikius.

Virš failų sąrašo Naujausių ir Juodraščių kortelėse yra mygtukai failams pridėti: Naujas dizaino failas arba Naujas FigJam failas. Kiekvieno failo tipo funkcijos ir įrankiai skiriasi.

Dizaino failai leis jums kurti savo sąsajos dizainus.

FigJam failai yra skaitmeniniai balti lentos, naudojami, be kita ko, internetinėms susitikimams ir dirbtuvėms.

Užduotis 2.1. Susipažinkite su Failų naršyklės sąsaja Figma ir atidarykite savo pirmąjį projektą. Naudokite Naujas dizaino failas mygtuką.

Failo sąsaja

Jūsų vartotojo sąsaja redaguojant failą Figma susideda iš keturių sekcijų: Kanvasas, Įrankių juosta, Katalogų panelė, Ypatybių panelė.

1. Kanvasas yra pagrindinė sritis, esanti ekrano centre. Tai erdvė, kurioje dirbsite.

2. Įrankių juosta yra juosta, esanti viršuje ekrano. Čia rasite reikalingus įrankius ir funkcijas, kurių jums reikia dizainui kurti.

a) Pagrindinis meniu – šioje vietoje turite prieigą prie visų funkcijų sąrašo Figma. Klaviatūros spartieji klavišai taip pat rodomi sąraše.

Naudingas patarimas: Galite peržiūrėti visus Klaviatūros spartiuosius klavišus specialioje panelėje. Norėdami ją įjungti, spustelėkite Pagrindinis meniu > Pagalba ir paskyra > Klaviatūros spartieji klavišai.

Pagrindiniame meniu yra šios parinktys:

• Grįžti prie failų – tai perkelia jus į Failų naršyklę.
• Greita veiksmas – čia galite ieškoti jums reikalingų funkcijų pagal pavadinimą.
• Failas – tai leidžia jums Išsaugoti ir Eksportuoti failus.
• Redaguoti – čia rasite pagrindines failų redagavimo funkcijas, tokias kaip Atšaukti, Pakartoti, Kopijuoti, Įklijuoti ir pažangias funkcijas objektų pasirinkimui.
• Peržiūra – tai leidžia jums valdyti Tinklų ir Valdų peržiūros nustatymus, taip pat turi funkcijas priartinimui ir naršymui faile.
• Objektas – čia rasite visas funkcijas, reikalingas darbui su objektais.
• Tekstas – tai leidžia jums formatuoti tekstą (Paryškintas, Pasviręs, Lygiavimas) ir kurti Sąrašus su ženklais ir numeruotus sąrašus.
• Tvarkyti – tai leidžia jums organizuoti objektus naudojant daugybę Lygiavimo ir Išdėstymo funkcijų.
• Papildiniai – čia galite valdyti įdiegtus papildinius. Papildiniai plečia Figma funkcionalumą ir palengvina dizaino procesą.
• Integracijos – naudodami šią funkciją galite dalintis savo dizainais prijungtose programose.
• Nustatymai – čia galite pritaikyti Figma nustatymus, kai kalbama apie objektų vilkimą ir pasirinkto elementų matomumą.
• Bibliotekos – šiame modulyje bus komponentai ir stiliai, kuriuos galite naudoti savo faile.

b) Judėjimo ir mastelio keitimo įrankiai

• Judėjimo įrankis leidžia jums perkelti objektus Kanvase ir pertvarkyti sluoksnius Katalogų panelėje.
• Mastelio keitimo įrankis leidžia jums keisti sluoksnių dydį, nesukeliant jų iškraipymo.

c) Rėmo ir Pjūvio įrankiai

• Rėmo įrankis leidžia jums pasirinkti ekrano dydį įrenginio, kuriame dirbsite.
• Pjūvio įrankis leidžia jums eksportuoti tam tikrą ekrano dalį į naują sluoksnį.

d) Formų įrankiai – čia rasite pagrindines geometrines formas ir Įdėti vaizdą funkciją.

e) Pensil ir Pieštuko įrankiai

• Pensil įrankis naudojamas kuriant individualias formas.
• Pieštuko įrankis leidžia jums pridėti ranka pieštus vaizdus.

f) Teksto įrankis – jis sukuria teksto sluoksnius.

g) Rankos įrankis – jis leidžia jums judėti po projektą ir spustelėti faile, nesirenkant ir nesukeliant objektų judėjimo atsitiktinai.

h) Komentaro įrankis – jis leidžia jums greitai keistis idėjomis su komandos nariais.

i) Failo pavadinimas – čia galite matyti ir keisti failo vietą arba jo pavadinimą.

j) Vartotojai – čia pamatysite žmones, kurie šiuo metu peržiūri arba redaguoja failą.

Naudingas patarimas: Kai dirbate komandoje, galite spustelėti kito vartotojo avatarą, kad įjungtumėte stebėjimo režimą ir stebėtumėte jų veiksmus realiu laiku. Kanvasas ir stebimo vartotojo avataras bus pažymėti spalvotu rėmu, kai stebėjimo režimas bus įjungtas.

Taip pat galite padaryti save labiau matomą, kad kiti komandos nariai galėtų lengvai sekti jūsų veiksmus. Spustelėkite savo avatarą ir pasirinkite Pabrėžti mane.

k) Bendrinimo nustatymai – čia galite valdyti kitų vartotojų prieigą prie failo.

l) Pristatyti – ši parinktis leidžia jums peržiūrėti failą ir bendrauti su sukurtais prototipais.

m) Priartinimo/peržiūros parinktys – čia galite greitai pritaikyti failo peržiūros parinktis.

3. Katalogų panelė yra sritis kairėje ekrano pusėje. Čia bus rodomi visi failo komponentai ir sluoksniai.

a) Sluoksniai – čia pamatysite visus objektus, pridėtus prie Kanvoso. Kiekvienas objektas yra atskiras sluoksnis. Šalia kiekvieno sluoksnio pamatysite ikoną, kuri nurodo jo tipą.

Galite pakeisti sluoksnio pavadinimą dukart spustelėję pasirinktą sluoksnį Katalogų panelėje.

Naudingas patarimas: Ne visada lengva prisiminti apie numatytųjų sluoksnių pavadinimų keitimą, tačiau stenkitės tai turėti omenyje. Tai padės išlaikyti jūsų failą tvarkingą ir palengvins konkretaus elemento paiešką, kai norėsite jį redaguoti. Tačiau, jei vis tiek pamiršite apie tai, nieko neprarasta. Yra papildinių, tokių kaip “Clean Document”, kurie padės jums sutvarkyti netvarką.

Nauji objektų sluoksniai dedami į tėvinį rėmą arba grupę. Tai leidžia suskleisti ir išplėsti rėmo ir grupės sluoksnių peržiūrą.

Galite užrakinti ir atrakinti kiekvieną sluoksnį. Tam spustelėkite užrakto ikoną, kuri pasirodo šalia sluoksnio pavadinimo, kai užvesite pelės žymeklį ant sluoksnio. Labai lengvai galėsite atskirti užrakintus arba nematomus sluoksnius nuo kitų sluoksnių, nes jie bus pažymėti tinkama ikona.

Naudingas patarimas: Galimybė užrakinti sluoksnius yra labai naudinga, ypač kai kai kurie iš jų yra fone. Tai padės jums išvengti atsitiktinio elementų judėjimo.

Čia taip pat galite išjungti ir įjungti pasirinktų sluoksnių matomumą. Tam spustelėkite Akies ikoną. Labai lengvai galite atskirti užrakintus ir išjungtus sluoksnius sluoksnių sąraše – jie pažymėti tinkamomis ikonėlėmis.

b) Ištekliai – šioje kortelėje pamatysite komponentus, kuriuos galite naudoti savo faile. Tai gali būti ikonėlės, mygtukai ar kiti sudėtingesni vartotojo sąsajos elementai. Norėdami rasti konkretų komponentą, naudokite paieškos laukelį. Komponentai gali būti ieškomi dabartiniame faile ir bibliotekose, kurioms turite prieigą.

c) Puslapis – galite pridėti neribotą puslapių skaičių kiekviename faile. Kiekvienas puslapis turi savo Kanvaso foną, todėl galite kurti atskirus prototipus viename faile.

Naudingas patarimas: Galite pritaikyti Katalogų panelės plotį. Tam paimkite šios panelės dešinįjį kraštą – jūsų žymeklis taps baltu dvigubu rodyklė. Tada vilkite kraštą, kol pasieksite pageidaujamą plotį.

4.Ypatybių panelė yra sritis dešinėje ekrano pusėje, kuri susideda iš trijų kortelių: Dizainas, Prototipas, Tikrinimas.

a) Dizainas – čia galite peržiūrėti ir pritaikyti visų sluoksnių ypatybes: rėmus, formas ir tekstus.

b) Prototipas – čia rasite prototipo nustatymus ir ryšius tarp elementų faile.

c) Tikrinimas – šioje kortelėje galite pamatyti, kaip įdėti individualius jūsų projekto objektus į kodą. Galimi formatai: CSS, Android ir iOS.

Užduotis 2.2. Susipažinkite su failo sąsaja Figma. Įsitikinkite, kad jau žinote pagrindinių sąsajos elementų pavadinimus, kad būtų lengviau naršyti faile atliekant praktines užduotis.

Tai viskas, ką reikia žinoti apie Figma sąsają. Peržiūrėkite mūsų kitus straipsnius: Skalavimas scrum.

Jei jums patinka mūsų turinys, prisijunkite prie mūsų užimtų bičių bendruomenės Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.