Per pastaruosius kelerius metus „Figma“ sparčiai išpopuliarėjo, ir tai nenuostabu. Nemokamai naudojama debesies pagrindu sukurta programinė įranga yra lengvai pasiekiama visuose įrenginiuose ir nereikalauja jokių įmokų ar atsisiuntimų. Nuo mobiliųjų programų sąsajų kūrimo iki socialinės žiniasklaidos įrašų kūrimo su Figma galite eksperimentuoti su visomis grafinio dizaino funkcijomis ir išplėsti savo įgūdžius.
Kad dizainas būtų dar nuoseklesnis, galbūt norėsite naudoti komponentus savo darbe. Komponentai yra vartotojo sąsajos (UI) elementai, kuriuos galima naudoti keliuose Figma failuose. Tai dažnai gali būti puikus jūsų dizaino papildymas ir pagerinti bendrą jų kokybę.
Nesvarbu, ar „Figma“ naujokas, ar jau kurį laiką naudojate ją ir nežinote, kaip sėkmingai naudoti komponentus, mes esame pasiruošę padėti.
Šiame straipsnyje išnagrinėsime, kaip naudoti „Figma“ komponentus ir kaip tai gali padėti pagerinti jūsų darbą.
Jei norite sužinoti daugiau, skaitykite toliau.
Kaip naudoti „Figma“ komponentus
Komponentų naudojimo įvaldymas gali padėti organizuoti ir nuosekliai valdyti „Figma“. Šiuos vartotojo sąsajos elementus galima vėl ir vėl naudoti įvairiuose projektavimo projektuose, su kuriais galbūt dirbate. Priklausomai nuo projekto, komponentą galima sukurti piktogramoje, mygtuke ir kt.
Puikus dalykas pristatant komponentus į savo Figma patirtį yra tai, kad taip sutaupote daug laiko. Visi pakeitimai, kuriuos galite atlikti viename komponente, automatiškai atnaujinami kituose komponentuose. Tai gali būti ypač naudinga, jei turite trumpą laiką arba bendradarbiaujate su kitais dizaineriais ir norite pagreitinti darbo eigą.
Pradėdami pastebėsite, kad kiekvienoje pagrindinės naudojamos drobės pusėje yra dvi šoninės juostos. Galite naudoti bet kurios iš šių šoninių juostų įrankius, kad galėtumėte redaguoti savo projektą.
Dešinėje pusėje esanti šoninė juosta suteikia prieigą prie bet kokių prototipo nustatymų ir leidžia koreguoti arba redaguoti bet kokias komponentų savybes. Tačiau šoninėje juostoje kairėje pateikiami jūsų projekte naudojami sluoksniai, ištekliai ir puslapiai. Tai vadinama sluoksnių skydeliu.
Komponentai turėtų būti supažindinti su jūsų darbu gana anksti. Jie padeda išlaikyti dizaino nuoseklumą ir leidžia pagreitinti projektų pakeitimus. Yra du pagrindiniai komponento elementai:
- Pagrindinis (arba pagrindinis) komponentas (keturguba deimanto piktograma)
- Egzempliorių komponentas (vieno deimanto piktograma)
Pagrindiniai komponentai
Prieš ką nors kita, pirmiausia turite sukurti pagrindinį komponentą. Norėdami tai padaryti, atlikite toliau nurodytus veiksmus.
- Dešiniuoju pelės mygtuku spustelėkite savo sluoksnį, grupę arba rėmelį.
- Pasirinkite Sukurti komponentą.
- Kairėje ekrano pusėje pamatysite išskleidžiamąjį meniu, kuriame nurodyta Komponentas. Spustelėkite tai.
- Čia pamatysite meniu, kuriame galėsite keisti savo komponentus ir perdaryti projektų stilius.
Kitas būdas sukurti pagrindinį komponentą yra naudoti sparčiuosius klavišus:
- „Options“ + „Command“ + K, skirta „Mac“.
- Ctrl + Alt + K, skirta „Windows“.
Žinoma, šis metodas veikia tik tuo atveju, jei „Figma“ naudojate kompiuteryje.
Momentiniai komponentai
Momentinis komponentas yra jūsų pagrindinio komponento kopija. Kai bet kokiu būdu redaguojamas pagrindinis komponentas, egzempliorius automatiškai atnaujinamas, kad atitiktų visus atliktus pakeitimus. Jei kuriate svetainę, šis įrankis gali būti ypač naudingas ir sutaupyti daug laiko. Pavyzdžiui, praėjo dienos, kai rankiniu būdu buvo įtraukiami visi komponentai ir kartojami tie patys pakeitimai. Vietoj to, Figma juos visus pakeičia už jus.
Gali ateiti taškas, kai sukūrėte kelis egzempliorius ir norėsite grįžti prie pagrindinio komponento, kad galėtumėte greitai pakeisti visus savo komponentus. Norėdami pasiekti pagrindinį komponentą, atlikite šiuos veiksmus:
- Dešiniuoju pelės mygtuku spustelėkite bet kurį atvejį.
- Spustelėkite Eiti į pagrindinį komponentą.
- Pagrindinis komponentas bus rodomas šoninėje juostoje kairėje pusėje.
Nors komponentų gamyba po vieną yra gana paprasta; galite paspartinti darbus gamindami juos masiškai. Norėdami tai padaryti, atlikite šiuos veiksmus:
kaip persiųsti tik vieną el. laišką gmail?
- Sluoksnių skydelyje pasirinkite sluoksnius, kuriuose norite kurti komponentus.
- Spustelėkite žemyn nukreiptos rodyklės piktogramą, esančią šalia pagrindinio komponento piktogramos sluoksnių skydelyje.
- Iš galimų parinkčių pasirinkite Sukurti kelis komponentus.
- Iš ten „Figma“ sukurs komponentą kiekvienam rėmelio sluoksniui.
Papildomi DUK
Kaip nepaisyti arba atskirti egzempliorių?
Gali būti atvejų, kai norėsite pakeisti tam tikros egzemplioriaus ypatybes nepakeisdami visų kitų. Galite padaryti įvairių komponentų variacijas. Figmoje tai vadinama viršenybe.
Kai nepaisysite egzemplioriaus, jokie pagrindinio komponento pakeitimai jam įtakos neturės. Norėdami tai padaryti, patikrinkite toliau nurodytus veiksmus.
1. Spustelėkite egzemplioriaus komponentą.
2. Dešinėje ekrano pusėje esančiame skydelyje Ypatybės pasirinkite Komponentas.
3. Pasirodžiusiame išskleidžiamajame meniu pasirinkite Atskirti egzempliorių.
Jei norite išvalyti nepaisymą, pasirinkite komponentą, tada viršutinėje vidurinėje ekrano juostoje pasirinkite Reset Instance.
Ką daryti, jei netyčia ištrinu pagrindinį komponentą?
Kai visą dieną praleidžiate redaguodami turinį, kartais galite netyčia paslysti ir ištrinti ką nors svarbaus, pvz., pagrindinį komponentą. Nebijokite, nes ją atkurti taip paprasta, kaip 1-2-3. Tiesiog atlikite šiuos pagrindinius veiksmus, kad susigrąžintumėte trūkstamą pagrindinį komponentą:
1. Eikite į vieną iš komponento egzempliorių.
2. Dešinėje ekrano pusėje esančiame skydelyje Ypatybės pasirinkite Atkurti pagrindinį komponentą.
3. Iš karto pasirodys pagrindinis komponentas.
Kaip pridėti savo komponentų aprašymą?
Kurdami komponentus, prie kiekvieno pridėję aprašą ir dokumentacijos nuorodą, galėsite geriau naršyti projekte. Taip pat naudinga visiems bendradarbiams, su kuriais galbūt dirbate, turėti prieigą prie papildomų pastabų. Norėdami pridėti aprašą, dešinėje puslapio pusėje eikite į skydelį Ypatybės ir pasirinkite Pridėti aprašą.
Kai tai padarysite, bet kuris pašalinis žiūrovas gali pasiekti šią informaciją, eidamas į tikrinimo skydelį dešinėje šoninėje juostoje.
Kaip importuoti komponentus į „Figma“?
Į Figma komponentą galite importuoti visų rūšių failus. Lengviausias būdas tai padaryti yra darbalaukyje. Tiesiog atlikite šiuos veiksmus:
1. Programoje Figma atidarykite puslapį, į kurį norite importuoti failą.
2. Iš savo failų pasirinkite konkretų failą, kurį norite naudoti.
3. Nuvilkite pasirinktą failą į savo Figma puslapį.
4. Kai tai baigsite, spustelėkite Atlikta.
Kelias į sėkmę
„Figma“ yra puikus įrankis, kurį galite naudoti, nesvarbu, ar esate naujokas, ar žaidžiate jau daugelį metų. Programinė įranga siūlo pradedantiesiems patogią redagavimo sistemą, kurioje dizaineriai gali kurti turinį nuo nulio arba, jei reikia, pasinaudoti šablono pagalba.
Suprasdami, kaip sėkmingai naudoti „Figma“ komponentus, galite sutaupyti daug laiko vykdydami projektavimo projektą. Išmokę sukurti aukštos kokybės komponentų sistemą, galėsite tobulėti kaip dizaineris. Ne tik tai, bet ir gali padėti išlaikyti nuoseklią darbo eigą per visą kūrybinę kelionę ir leisti būsimiems bendradarbiams lengvai rasti jūsų darbą.
Ar bandėte naudoti „Figma“ savo kūrybiniams projektams? Kaip supratote, kad naudojate komponentus? Praneškite mums daugiau apie savo patirtį toliau pateiktame komentarų skyriuje.