Hungarian (Magyar) translation by Bózsó Péter (you can also view the original English article)
Ü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.

Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post