A
A
  • Angol
  • Magyar
  • 12 perc

Animált kapcsoló készítése az Adobe XD-ben lépésről lépésre

Lépésről lépésre mutatja be ez a videó, hogyan készíthető animált, működő kapcsoló UI-elem az Adobe XD-ben – az alapformáktól az interaktív prototípusig.

Ez az oktatóvideó lépésről lépésre mutatja be, hogyan készíthetünk működő kapcsoló (switch) UI-elemet az Adobe XD segítségével. Az első lépések között a megfelelő artboard kiválasztása és néhány alapvető forma – például lekerekített téglalap és kör – létrehozása szerepel.

A kreatív folyamat során szó esik a színek, sarkok és szegélyek testreszabásáról, valamint arról, hogyan lehet az aktív és inaktív állapotokat vizuálisan megkülönböztetni. A felület további részleteinek kialakításához a szövegek és vonalak hozzáadását is bemutatja az előadó.

A tutorial külön kitér arra, miként lehet különféle UI-kitek (például Apple iOS, Google Material vagy Microsoft Windows) ikonokat kölcsönözni, elrendezni és igazítani. A részletes folyamat során sor kerül a repeat grid funkció használatára is, amivel hatékonyan ismételhetőek a felület elemei.

Az animációs lehetőségeknél az egyes állapotok közötti váltás prototípusozásával is foglalkozik, bemutatva különböző átmenetek beállítását és előnézeti funkcionalitását. A végén a felhasználók betekintést kapnak abba, hogyan lehet mindezt használni prezentációban vagy egy alkalmazás terv elkészítésekor.