Üdvözlünk ebben a szuper-gyors bevezetőben az összetevő könyvtárak használatáról; hasznos tervezőknek, fejlesztőknek, és felhasználóknak hasonlóan. Ugorjunk bele!

Összetevő könyvtárak 60 másodpercben

Minden interakció amivel egy felhasználó találkozik, meg kell tanulniuk, melyik készít egy kognitív betöltést. Ez különösen nagy kihívást jelent egy felhasználónak, ha az UI elemek majdnem ugyanazok, de különbözőek. A felhasználónak elemeznie kell kérdéseket, mint például "ezek miért különböznek?", "ugyanaz fog történni ha megnyomom ezt a két gombot?"

Kezdjük a gyakran előforduló objektumok azonosításával az elemeinkben, definiáljuk őket összetevőkként, aztán később (mikor képernyőket tervezel), elkezdheted visszatolni őket. Ezzel arra készteted magad, hogy következetes legyél. Talán meglepődött leszel, a kilométerórától amit kaphatsz ugyanazok az objektumok használatával, hogy megoldj különböző problémákat.

Sketch használata

Gyakorlatilag, szimbólumokat készíthetsz a Sketch projekteden belül, vagy használhatod a Craftot az InVision plugintól. Hogy igazán kihozd az értéket az összetevő könyvtáradból, dolgozz a fejlesztőiddel hogy ugyanazokat a dolgokat kapjátok meg definiálva kódban is.

• Craft: Tervezés Való-Világ adattal
• Hogyan szervezd meg a Sketch stílusaidat és szimbólumaidat, mint egy profi

Nem kell tisztán vizuálisnak lennie; definiálnod kell a különböző részeit minden objektumnak, és még a komplex interakcióknak is.

Mikor egy összetevő könyvtárat használsz, tervezők és fejlesztők ugyanazokat az objektumokat is használhatják újra és újra, hogy különböző problémákat oldjanak meg. És felhasználóknak, ismerős összetevőkkel fognak találkozni, kevesebb idő elhasználásával arra, hogy kitaláld, hogyan használd az alkalmazásodat vagy weboldaladat.

Szerepelt UI készletek

Észre fogsz venni egy jópár UI készletet ebben a videóban; ragadd meg őket most az Envato Elements feliratkozásod részeként!

Egyszerű

Több mint 100 szerkeszthető és átméretezhető Photoshop elem, tiszta vektor alakokon alapozva. Rétegek csoportosítva vannak és jólszervezve, az elemeket könnyű átméretezni és beállítani, ahogy a színeket módosítani.

Zoomie

A Social Media Mobilalkalmazás Sketch-hez; minden képernyő rajztábla jólszervezett és rétegelt.