Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. UX
Webdesign

UX 60 másodpercben: Összetevő könyvtárak használata

by
Difficulty:BeginnerLength:ShortLanguages:

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.

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.

Simple Flat UI Kit

Zoomie

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

Zoomie

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.