A Figma lehetővé teszi a felhasználók számára számos funkció tervezését és testreszabását. A felhasználói élmény javítására használható egyik funkció a lebegő effektus. A gombokon lévő lebegtetési effektus azt jelenti, hogy más megjelenést fog látni, ha felé mozgatja a kurzort. Ez a hatás maga változhat, a színeket megváltoztató szabványostól a bonyolultabb módszerekig, mint például a szegély vagy a kiemelések megváltoztatása.
Olvasson tovább, hogy megtudja, hogyan adhat hozzá lebegési effektust a Figma összetevőihez.
Lebegő effektus létrehozása a gombokon
Beállíthat lebegtetési effektust, ha azt szeretné, hogy az összetevő egy bizonyos interakciót és átmenetet végezzen, amikor rámutat. A legegyszerűbb eredmény, amit létrehozhat, ha megváltoztatja a gomb színét, hogy kiemelje azt a kattintáshoz. Így hozhat létre lebegő effektust egy gombkomponensen:
Amikor a felhasználó az eredeti gomb fölé viszi az egérmutatót, a helyére egy másik színű gomb kerül. Hasonló módon módosíthatja a gombon megjelenő szöveget is.
Ezt minden gombnál meg kell ismételni.
Lebegő effektus létrehozása a gombszegélyeken
A gombösszetevők lebegtetési effektusának egy másik módja egy olyan szegély létrehozása, amely megváltozik, amikor a kurzort a gomb fölé viszi. A következőképpen teheti meg:
Most, amikor megtekinti a gombeffektus előnézetét, és rámutat, a színes keretek jelennek meg rajta.
Az Anima beépülő modul használata a Figmában
Egy másik módja a lebegési effektus hozzáadásának a Figmában az Anima tervezés-kódolás eszköz használata. Ez a beépülő modul egyedi funkciókkal rendelkezik, amelyeket webhelyek, alkalmazásikonok vagy egyéb webes összetevők Figma-ban való létrehozásakor alkalmazhat. Csak ki kell választania, melyik komponenst szeretné animálni, és ennek megfelelően módosítani kell a beállításokat. Ezt a következőképpen kell megtenni:
Az Anime beépülő modul másik jellemzője, hogy testreszabhatja a CSS-átmenetet. Segítségével átveheti az irányítást az animáció sebessége felett, és beállításait saját preferenciái szerint módosíthatja vagy természetesebbé teheti.
Használja ki a Figma Hover Effect funkcióját
Legyen szó professzionális tervezőről vagy kezdőről, a Figma számos funkcióval rendelkezik, amelyekkel egyedi terveket és animációkat hozhat létre összetevőihez, ikonjaihoz és objektumaihoz. A lebegtetési effektus lehetővé teszi a szöveg módosítását vagy kiemelések, különböző színek, különböző szegélyek és egyebek hozzáadását. Ezen effektusok létrehozásának ismerete rendkívül fontos az első webhely interaktívvá tételéhez és személyes megjelenéséhez.
Melyik lebegő effektust alkalmazza a Figma komponensein? Tudassa velünk az alábbi megjegyzések részben.
Tanulja meg, hogyan kell biztonságosan tisztítani a medence homokszűrőjét visszamosással, öblítéssel, szelep visszaállításával, nyomásellenőrzéssel és annak ismeretében, hogy mikor van szükség alaposabb tisztításra.
Tisztítsa le a szellemképet, a megszáradt tintát és az állandó filctollal maradt foltokat a szárazon törölhető tábláról felületbarát lépésekkel és a gyártó által támogatott óvintézkedések betartásával.
Ismerje meg, hogyan tisztíthatja biztonságosan a mechanikus billentyűzetet, a billentyűsapkáktól és a por eltávolításától kezdve a nedvességszabályozáson, szárításon, összeszerelésen és a végső billentyűtesztelésen át.
Tisztítsa meg Nespresso Vertuo kávéfőzőjét biztonságosan vízzel öblíthető ciklussal, a kivehető alkatrészek mosásával, modellellenőrzéssel és a vízkőtelenítés szükségességére utaló egyértelmű jelzésekkel.
Tanulja meg, hogyan kell tisztítani a hajkefét fejtetű után a CDC útmutatásai alapján, beleértve a 55°C-os forró vizes áztatást, azt, hogy mit kell kerülni, és mikor van értelme a cserének.
Tisztítsa meg biztonságosan az Epson nyomtatófejet fúvókaellenőrzéssel, fejtisztítással és modell által jóváhagyott Power Cleaning funkcióval – a nyomtató kinyitása vagy a fúvókák megérintése nélkül.
Tudja meg, mikor biztonságos a kádtisztítás a redőnyökhöz, mely anyagoknak kell szárazon maradniuk, és hogyan kell mosni a kompatibilis redőnyöket a felső korlát károsítása nélkül.
Tanulja meg, hogyan kell biztonságosan tisztítani és fertőtleníteni a hajkefét, hogyan kell kiválasztani a megfelelő módszert a kefe típusa szerint, és hogyan kell kezelni a fejtetveket vagy a ótvart a kefe károsítása nélkül.
Távolítsd el a friss fehér dezodorfoltokat és a makacs hónaljlerakódásokat egy fekete ingről anyagbarát lépésekkel, valamint megtudhatod, mit kerülj el, és hogyan előzd meg az új foltok kialakulását.
Tanuld meg, hogyan szedd ki a rágógumit a ruhákból jéggel, gyengéd kaparással, mosószeres előkezeléssel és a címkén feltüntetett mosási útmutatóval, valamint azt is, hogy mikor kell abbahagyni.
