Hvernig á að búa til sveimaáhrif í Figma

Hvernig á að búa til sveimaáhrif í Figma

Figma gerir notendum kleift að hanna og sérsníða marga eiginleika. Einn af eiginleikum sem þú getur notað til að bæta notendaupplifun er sveimaáhrif. Sveimaáhrifin á hnöppum þýðir að þú munt sjá aðra hönnun þegar þú færir bendilinn að honum. Þessi áhrif sjálf geta verið breytileg, allt frá venjulegu sem breytir litum yfir í flóknari aðferðir eins og að breyta ramma eða hápunktum.

Hvernig á að búa til sveimaáhrif í Figma

Lestu áfram til að læra hvernig á að bæta sveimaáhrifum við íhlutina þína í Figma.

Að búa til sveimaáhrif á hnappa

Þú getur sett upp sveimaáhrif ef þú vilt að íhluturinn þinn hafi ákveðna víxlverkun og umskipti þegar þú ferð yfir hann. Einfaldasta niðurstaðan sem þú getur búið til er að breyta lit hnappsins til að auðkenna hann til að smella á. Svona geturðu búið til sveimaáhrif á hnappahluta:

  1. Búðu til hnappinn.
    Hvernig á að búa til sveimaáhrif í Figma
  2. Afritaðu það og færðu það út fyrir rammann.
    Hvernig á að búa til sveimaáhrif í Figma
  3. Breyttu lit afritaða hnappsins.
    Hvernig á að búa til sveimaáhrif í Figma
  4. Búðu til íhluti með því að hægrismella og velja "Create Component" í valmyndinni eða með því að ýta á "Ctrl + Alt + K" á lyklaborðinu þínu.
    Hvernig á að búa til sveimaáhrif í Figma
  5. Smelltu á flipann „Frumgerð“ í hliðarstikunni.
    Hvernig á að búa til sveimaáhrif í Figma
  6. Tengdu hnappahlutana tvo.
    Hvernig á að búa til sveimaáhrif í Figma
  7. Í fellivalmyndinni „Upplýsingar um samskipti“, veldu „Á meðan þú sveimar“.
    Hvernig á að búa til sveimaáhrif í Figma
  8. Smelltu á "Open Overlay" valkostinn í sömu valmynd og stilltu yfirborðið á "Manual".
    Hvernig á að búa til sveimaáhrif í Figma

Þegar notandinn sveimar yfir upprunalega hnappinn verður honum skipt út fyrir þann sem hefur annan lit. Þú getur líka breytt textanum sem birtist á hnappinum á svipaðan hátt.

Þú verður að endurtaka þetta fyrir hvern hnapp.

Að búa til sveimaáhrif á hnappamörk

Önnur leið til að nýta sveimaáhrifin á hnappahluti er að búa til ramma sem breytist þegar þú ferð yfir hnappinn með bendilinn. Hér er hvernig þú getur gert það:

  1. Búðu til hnapp með hvaða texta sem er inni.
    Hvernig á að búa til sveimaáhrif í Figma
  2. Afritaðu það.
    Hvernig á að búa til sveimaáhrif í Figma
  3. Bættu strikinu við afritið, fjarlægðu fyllinguna og breyttu litnum.
    Hvernig á að búa til sveimaáhrif í Figma
  4. Smelltu á flipann „Frumgerð“ í hliðarstikunni.
    Hvernig á að búa til sveimaáhrif í Figma
  5. Tengdu hnappahlutana tvo.
    Hvernig á að búa til sveimaáhrif í Figma
  6. Í fellivalmyndinni „Upplýsingar um samskipti“, veldu „Á meðan þú sveimar“.
    Hvernig á að búa til sveimaáhrif í Figma

Nú þegar þú forskoðar hnappaáhrifin og sveimar yfir þau munu lituðu rammar birtast á þeim.

Notkun Anima Plugin í Figma

Önnur leið til að bæta við sveimaáhrifum í Figma er með því að nota hönnunar-til-kóða tól Anima. Þessi viðbót hefur einstaka eiginleika sem þú getur innleitt á meðan þú býrð til vefsíður, forritatákn eða aðra vefhluta í Figma. Þú þarft aðeins að velja hvaða íhlut þú vilt lífga og stilla stillingarnar í samræmi við það. Svona á að gera þetta:

  1. Veldu íhlutinn.
    Hvernig á að búa til sveimaáhrif í Figma
  2. Opnaðu Anima viðbótina.
    Hvernig á að búa til sveimaáhrif í Figma
  3. Bankaðu á „Hover Effect“ valmöguleikann.
    Hvernig á að búa til sveimaáhrif í Figma
  4. Veldu áhrifin (vaxa, minnka, skugga ljóma og fleira).
    Hvernig á að búa til sveimaáhrif í Figma
  5. Sérsníddu hreyfimyndaáhrif eins og „Duration“ eða „Curve“.
    Hvernig á að búa til sveimaáhrif í Figma
  6. Bankaðu á „Forskoðun“ hnappinn til að sjá áhrifin.
    Hvernig á að búa til sveimaáhrif í Figma
  7. Smelltu á „Vista“.
    Hvernig á að búa til sveimaáhrif í Figma

Annar eiginleiki Anime viðbótarinnar er að þú getur sérsniðið CSS Transition. Með því geturðu tekið stjórn á hreyfihraðanum og stillt stillingar þess að þínum óskum eða gert þær eðlilegri.

Nýttu þér eiginleika Figma's Hover Effect

Hvort sem þú ert faglegur hönnuður eða byrjandi, þú hefur marga eiginleika í Figma til að búa til einstaka hönnun og hreyfimyndir fyrir íhluti þína, tákn og hluti. Sveimaáhrifin gera þér kleift að breyta texta eða bæta við hápunktum, mismunandi litum, mismunandi ramma og fleira. Að vita hvernig á að búa til þessi áhrif er afar mikilvægt til að gera fyrstu vefsíðuna þína gagnvirka og setja persónulegan blæ á hana.

Hvaða sveimaáhrif innleiðir þú á hlutina þína í Figma? Láttu okkur vita í athugasemdahlutanum hér að neðan.


Hvernig á að endurnefna Git útibú

Hvernig á að endurnefna Git útibú

Að vita hvernig á að endurnefna útibú í Git er handhægur færni. Þú gætir verið einn af sjaldgæfum einstaklingum sem hefur óhagganlega áætlun um hvað útibúnöfnin þín ættu að vera

Hvernig á að breyta Git Commit skilaboðum

Hvernig á að breyta Git Commit skilaboðum

Að breyta Git commit skilaboðum gæti virst léttvægt, en þú munt líklega gera það oft. Það er mjög mikilvægt í útgáfustýringu, hvort sem þú hefur gert innsláttarvillu,

Hvernig á að setja upp foreldraeftirlit með eldspjaldtölvu

Hvernig á að setja upp foreldraeftirlit með eldspjaldtölvu

Fire spjaldtölvan frá Amazon er vinsælt tæki sem keyrir á eigin Android-tengt stýrikerfi sem kallast Fire OS. Þú getur notað Fire spjaldtölvuna til að vafra um

Hvernig á að setja upp tölvupóst með GoDaddy

Hvernig á að setja upp tölvupóst með GoDaddy

Ef þú ert með GoDaddy vinnusvæði og þitt eigið lén, þá er skynsamlegt að setja upp netfang sem passar. Þetta gerir fyrirtækið þitt fagmannlegt og

Hvernig á að bæta við nafni í WhatsApp

Hvernig á að bæta við nafni í WhatsApp

Mörg okkar hafa lent í þeirri óþægilegu stöðu að þú sendir einhverjum skilaboð og færð undarlegt svar. Það kemur í ljós að sá sem þú sendir skilaboð hefur ekki vistað

Bestu leturgerðirnar fyrir MIUI tæki

Bestu leturgerðirnar fyrir MIUI tæki

Ef þú ert að leita að bestu leturgerðunum til að nota á MIUI tækjunum þínum, gerir Xiaomi það mjög auðvelt. Allt sem þú þarft að gera er að hlaða niður letrinu sem þú vilt, vista það

Hvernig á að laga Microsoft lið sem virka ekki

Hvernig á að laga Microsoft lið sem virka ekki

Microsoft Teams er orðið vinsælasta vinnusamskiptatækið sem fer fram úr jafnvel Skype og Slack. En það getur ekki hjálpað þér ef það virkar ekki. Ef

Hvernig á að bæta við hljóðborði í Discord

Hvernig á að bæta við hljóðborði í Discord

Soundboard er tölvuforrit sem aðstoðar forrit eins og Discord við að búa til flott hljóðbrellur. Það gerir þér einnig kleift að hlaða upp ýmsum hljóðum á

Git: Hvernig á að fjarlægja skrá úr Commit

Git: Hvernig á að fjarlægja skrá úr Commit

Slys gerast ef þú vinnur í Git. Þú gætir hafa óvart látið skrá sem ætti ekki að vera þarna, eða skuldbinding þín er ekki mjög skýr. Þetta eru bara

Procreate: Hvernig á að breyta línulit

Procreate: Hvernig á að breyta línulit

Lærðu hvernig þú getur auðveldlega breytt línulitum í Procreate í nokkrum skrefum til að taka stafræna listina þína á næsta stig.