Kā izveidot kursora efektu programmā Figma

Kā izveidot kursora efektu programmā Figma

Figma ļauj lietotājiem izstrādāt un pielāgot daudzas funkcijas. Viena no funkcijām, ko varat izmantot, lai uzlabotu lietotāja pieredzi, ir kursora novietošanas efekts. Kursora novietošanas efekts uz pogām nozīmē, ka, virzot kursoru uz to, redzēsit citu dizainu. Šis efekts pats par sevi var atšķirties — no standarta, kas maina krāsas, līdz sarežģītākām metodēm, piemēram, apmales vai izcēlumu mainīšanai.

Kā izveidot kursora efektu programmā Figma

Lasiet tālāk, lai uzzinātu, kā Figma komponentiem pievienot kursora novietošanas efektu.

Kursora efekta izveide uz pogām

Varat iestatīt kursora novietošanas efektu, ja vēlaties, lai komponentam būtu noteikta mijiedarbība un pāreja, kad virzāt kursoru virs tā. Vienkāršākais rezultāts, ko varat izveidot, ir pogas krāsas maiņa, lai izceltu to, lai noklikšķinātu. Tālāk ir norādīts, kā pogas komponentam varat izveidot kursora novietošanas efektu.

  1. Izveidojiet pogu.
    Kā izveidot kursora efektu programmā Figma
  2. Dublējiet to un pārvietojiet to ārpus rāmja.
    Kā izveidot kursora efektu programmā Figma
  3. Mainiet dublētās pogas krāsu.
    Kā izveidot kursora efektu programmā Figma
  4. Izveidojiet komponentus, ar peles labo pogu noklikšķinot un izvēlnē atlasot "Izveidot komponentu" vai nospiežot tastatūras taustiņu kombināciju "Ctrl + Alt + K".
    Kā izveidot kursora efektu programmā Figma
  5. Sānjoslā noklikšķiniet uz cilnes "Prototips".
    Kā izveidot kursora efektu programmā Figma
  6. Savienojiet abus pogas komponentus.
    Kā izveidot kursora efektu programmā Figma
  7. Nolaižamajā izvēlnē “Informācija par mijiedarbību” atlasiet “Viedot kursoru”.
    Kā izveidot kursora efektu programmā Figma
  8. Tajā pašā izvēlnē noklikšķiniet uz opcijas “Atvērt pārklājumu” un iestatiet pārklājumu uz “Manuāli”.
    Kā izveidot kursora efektu programmā Figma

Kad lietotājs virza kursoru virs sākotnējās pogas, tā tiks aizstāta ar pogu ar citu krāsu. Līdzīgā veidā varat mainīt arī tekstu, kas tiek rādīts uz pogas.

Jums tas būs jāatkārto katrai pogai.

Kursora efekta izveide uz pogu apmalēm

Vēl viens veids, kā izmantot kursora novietošanas efektu uz pogas komponentiem, ir izveidot apmali, kas mainās, virzot kursoru virs pogas. Lūk, kā to izdarīt:

  1. Izveidojiet pogu ar jebkuru tekstu.
    Kā izveidot kursora efektu programmā Figma
  2. Dublējiet to.
    Kā izveidot kursora efektu programmā Figma
  3. Pievienojiet svītru dublikātam, noņemiet aizpildījumu un mainiet krāsu.
    Kā izveidot kursora efektu programmā Figma
  4. Sānjoslā noklikšķiniet uz cilnes "Prototips".
    Kā izveidot kursora efektu programmā Figma
  5. Savienojiet abus pogas komponentus.
    Kā izveidot kursora efektu programmā Figma
  6. Nolaižamajā izvēlnē “Informācija par mijiedarbību” atlasiet “Viedot kursoru”.
    Kā izveidot kursora efektu programmā Figma

Tagad, kad priekšskatāt pogas efektu un virzāt kursoru virs tā, uz tā parādīsies krāsainas apmales.

Anima spraudņa izmantošana programmā Figma

Vēl viens veids, kā programmā Figma pievienot kursora efektu, ir izmantot rīku Anima noformēšana uz kodu. Šim spraudnim ir unikālas funkcijas, kuras varat ieviest, veidojot vietnes, lietotņu ikonas vai citus tīmekļa komponentus programmā Figma. Jums tikai jāizvēlas, kuru komponentu vēlaties animēt, un attiecīgi jāpielāgo iestatījumi. Lai to izdarītu, veiciet tālāk norādītās darbības.

  1. Izvēlieties komponentu.
    Kā izveidot kursora efektu programmā Figma
  2. Atveriet Anima spraudni.
    Kā izveidot kursora efektu programmā Figma
  3. Pieskarieties opcijai “Hover Effect”.
    Kā izveidot kursora efektu programmā Figma
  4. Izvēlieties efektu (augt, sarukt, ēnas mirdzēt un daudz ko citu).
    Kā izveidot kursora efektu programmā Figma
  5. Pielāgojiet animācijas efektus, piemēram, “Ilgums” vai “Līkne”.
    Kā izveidot kursora efektu programmā Figma
  6. Pieskarieties pogai “Priekšskatījums”, lai redzētu efektus.
    Kā izveidot kursora efektu programmā Figma
  7. Noklikšķiniet uz "Saglabāt".
    Kā izveidot kursora efektu programmā Figma

Vēl viena Anime spraudņa iezīme ir tā, ka varat pielāgot CSS pāreju. Ar to jūs varat kontrolēt animācijas ātrumu un pielāgot tās iestatījumus savām vēlmēm vai padarīt tos dabiskākus.

Izmantojiet Figma sviras efekta funkcijas priekšrocības

Neatkarīgi no tā, vai esat profesionāls dizaineris vai iesācējs, programmā Figma ir daudz funkciju, lai izveidotu unikālus dizainus un animācijas saviem komponentiem, ikonām un objektiem. Kursora efekts ļauj mainīt tekstu vai pievienot izcēlumus, dažādas krāsas, dažādas apmales un daudz ko citu. Zināt, kā izveidot šos efektus, ir ārkārtīgi svarīgi, lai padarītu savu pirmo vietni interaktīvu un pievienotu tai personisku pieskārienu.

Kuru kursora novietošanas efektu jūs ieviešat saviem komponentiem programmā Figma? Paziņojiet mums tālāk komentāru sadaļā.


Kā pārdēvēt Git filiāli

Kā pārdēvēt Git filiāli

Zināt, kā pārdēvēt filiāli Git, ir ērta prasme. Jūs, iespējams, esat viens no retajiem cilvēkiem, kam ir nesatricināms plāns par to, kādiem jābūt jūsu filiāļu nosaukumiem

Kā mainīt Git Commit ziņojumu

Kā mainīt Git Commit ziņojumu

Git commit ziņojuma maiņa var šķist nenozīmīga, taču jūs to darīsit bieži. Versiju kontrolē ir ļoti svarīgi, vai esat pieļāvis drukas kļūdu,

Kā iestatīt Fire Tablet vecāku kontroli

Kā iestatīt Fire Tablet vecāku kontroli

Amazon's Fire planšetdators ir populāra ierīce, kas darbojas savā ar Android saistītā operētājsistēmā Fire OS. Jūs varat izmantot Fire planšetdatoru sērfošanai

Kā iestatīt e-pastu, izmantojot GoDaddy

Kā iestatīt e-pastu, izmantojot GoDaddy

Ja jums ir GoDaddy darbvieta un savs domēns, ir lietderīgi iestatīt atbilstošu e-pasta adresi. Tādējādi jūsu bizness izskatās profesionāli un

Kā pievienot vārdu vietnē WhatsApp

Kā pievienot vārdu vietnē WhatsApp

Daudzi no mums ir bijuši tādā neveiklā situācijā, kad sūtāt kādam īsziņu un saņemat dīvainu atbildi. Izrādās, persona, kurai sūtāt īsziņu, nav saglabājusi

Labākie fonti MIUI ierīcēm

Labākie fonti MIUI ierīcēm

Ja meklējat labākos fontus, ko izmantot savās MIUI ierīcēs, Xiaomi to padara ļoti vienkāršu. Viss, kas jums jādara, ir lejupielādēt vajadzīgo fontu, saglabāt to

Kā novērst Microsoft Teams nedarbošanos

Kā novērst Microsoft Teams nedarbošanos

Microsoft Teams ir kļuvis par populārāko darba saziņas rīku, pārspējot pat Skype un Slack. Bet tas nevar jums palīdzēt, ja tas nedarbojas. Ja

Kā pievienot skaņu dēli Discord režīmā

Kā pievienot skaņu dēli Discord režīmā

Soundboard ir datorprogramma, kas palīdz tādām lietojumprogrammām kā Discord izveidot lieliskus skaņas efektus. Tas arī ļauj augšupielādēt dažādas skaņas uz

Git: kā noņemt failu no apņemšanās

Git: kā noņemt failu no apņemšanās

Ja strādājat Gitā, notiek nelaimes gadījumi. Iespējams, nejauši esat iekļāvis failu, kuram tur nevajadzētu būt, vai arī jūsu apņemšanās nav īsti skaidra. Šīs ir tikai

Procreate: kā mainīt līnijas krāsu

Procreate: kā mainīt līnijas krāsu

Uzziniet, kā viegli mainīt līniju krāsas programmā Procreate, veicot dažas darbības, lai paceltu savu digitālo mākslu uz nākamo līmeni.