Homepage » UI / UX » Ingyenes vázlat GUI készletek a webes és mobil tervezéshez - a legjobb

    Ingyenes vázlat GUI készletek a webes és mobil tervezéshez - a legjobb

    Sok tervező gyorsan ugrani a hajót az Adobe Photoshopból a Sketch csodálatos birodalmába. Ez az OS X digitális tervezési programja biztosítja jobb eszközök a felhasználói felület tervezéséhez, ikontervezéshez, és egy pixel + vektor támogatás nyújt egy programban. Ez a népszerűség növekedéséhez vezetett a Sketch tervezők által kiadott freebies.

    Bárki, aki ismeri a freebie-piacot, tudja, hogy az UI-készletek a legnépszerűbb források az interfésztervezési munkákhoz. Ezeket a szabad vázlatos felhasználói felületkészleteket választottam ki webhelyekre és mobilalkalmazásokra. Minden készlet ingyenesen letölthető, és a vázlat bármelyik verziójával működik. Nyugodtan ragadjon meg mindent, ami elkapja a szemét, és nézze meg, hogy ezeket az interfészkészleteket jól használhatja-e.

    Webes felhasználói felületkészletek

    A webhelyek még mindig az UI-tervek élettartama, és a makettek gyakran a kódolás előtt szükségesek. Ezek az UI-készletek olyan erőforrásokat biztosítanak, amelyekre szükségük van a szépség és a célok digitális interfészeinek létrehozásához, amelyek gyorsan kódolhatók valódi webhely-elrendezésekbe.

    Sötét UI készlet

    Ezt a tisztán sötétkék / kék UI-készletet kifejezetten erre tervezték 3. vázlat+ és olyan közös elemeket tartalmaz, mint a gombok, csúszkák, legördülő listák és kapcsolók. Mindegyik elem tartalmaz egy be / ki állapot így az interaktív elemeket testreszabott interaktív állapotokkal lehet létrehozni.

    Dark & ​​Light UI készlet

    Itt egy egyedülálló készlet, amely egy szélesebb közönségnek felel meg, sötét és világos háttérstílussal. Ez a készlet jobban összpontosít oldal widgetek az egyszerű elemek helyett sokkal több homályos elemet talál bárok és médialejátszók betöltése.

    Nyári UI készlet

    Ez a nyári felhasználói felület kit tele van gombok, űrlapok, legördülő listák, és egyéb nagyon gyakori oldalelemek a digitális makettek javításához. Ez egy teljesen rétegelt vázlatdokumentum, így nincs szükséged a tartalmak módosítására.

    Pearl UI készlet

    A Pearl UI készlet nagyon egyszerű, lapos alaprajzot tartalmaz az alapvető oldalelemekkel. Gombok, beviteli mezők, harmonikák és lapok csak néhány az Ön rendelkezésére álló lehetőségek közül. Ha teljesen új vagy, akkor ez a készlet hasznos lehet abban, hogy segítsen dekonstruálni a saját készlet tervezését.

    A céloldal elrendezése

    Ez a meglehetősen homályos freebie a legjobban működik a wireframing szakasz. Ezeket az elrendezéseket a vázlat nem tartalmazza teljes egészében, hanem statikus blokkelemekkel ellátott alacsony hűségű elrendezéseket kínál. Ezeknek az elrendezéseknek a színei, formái és elhelyezése segítsen minden egyes UI-tervezőnek jobban megérteni a drótvázkészítési folyamatot.

    Webes alkalmazás felhasználói felület beállítása

    Egy nagyon egyszerű UI-készlet, amely a Tesla témája gépjárművek, ez a freebie sokkal részletesebb, mint a többi. Hozzáférésed van egyszerű gombok de bonyolultabb felületelemeket is tartalmaz, mint az a részletes táblázatlista és egy naptár widget.

    Rugalmas UI készlet

    Ez kétségtelenül az egyik legszélesebb körű UI-készlet, amit valaha is találsz a Sketch számára. Az élő demo oldal számít 25 + különböző típusú elemek tól től kép-csúszkák a fizetési űrlapok és a felhasználói megjegyzések számára. Határozottan az egyik legmenőbb és leghasznosabb vázlatos freebie-készletek az interneten.

    Bootsketch UI

    Az UI-tervezők gyakran elhagyva a hurokból, amikor a frontend keretrendszerhez tartozik, ezért ez a freebie egy élvezet. Ez a Bootsketch készlet vektorelemeket tartalmaz minden létező Bootstrap elemhez. Ez megkönnyíti a Bootstrap témájú modellek létrehozását a vázlatban anélkül, hogy megérintené a böngészőt.

    Apró lapos UI készlet

    Ez a tiszta UI készlet a lapos kiviteltől távolodik magukban foglalják a színátmenetek esztétikáját és mélységét oldalelemekben. Ez egy szórakoztató készlet, amelyet bármilyen projektben használhatunk, és azt mutatja, hogy bármi, amit a Photoshopban tehetsz, a vázlatban is lehetséges.

    Több

    Ha több alternatívát keres, akkor tekintse meg az alábbi webes felhasználói felületkészletek kis listáját.

    • Márvány UI készlet
    • Elements Library UI Kit
    • Friss felhasználói felület
    • Dink UI Kit (minta)
    • UI-készlet web és mobil számára

    Mobil felhasználói felületkészletek

    A natív mobilalkalmazások iránti szeretet tovább nőtt, mivel egyre több ember mozog a mobil gazdaságba. Bár az alkalmazások letöltése csökken, még mindig szükség van a natív alkalmazások minőségi felületeire az asztali alkalmazások kiegészítésére. Ezek az ingyenes Sketch UI készletek segítenek a minőségi mobilalkalmazások tervezésében minden eszköz számára, ugyanakkor tartsa be a felbontások és a retina képernyők közötti különbségeket.

    iOS 9.3 UI Kit

    Az Apple folytatja a nagyobb innováció felé irányuló nyomást, amely majdnem minden évben új mobil operációs rendszert futtat. A jelenlegi tendencia iOS 9 és ez az UI-készlet mindent tartalmaz, amire szüksége lesz a natív iOS-alkalmazásokhoz.

    Salesforce1 drótvázkészlet

    A Salesforce1 egy népszerű műszerfal alkalmazás az ügyfél és az ügyfelek kezeléséhez. Ez a Salesforce1 UI készlet iPhone alkalmazásának összes közös elemét kínálja a dizájn esztétikájához.

    Mobil UX sablon

    Jelenleg prototípusosít egy mobil UX-et iPhone vagy Android alkalmazás számára? Akkor ez a vázlat freebie biztosan segít abban, hogy a drótváz egyszerű legyen. Ez egy szabad út indítsa el a wireframing / prototyping fázisát digitális képernyőn.

    Társadalmi alkalmazás iOS UI Kit

    Visszatérve a Pinterestre, az elmúlt években több tucat szociális hálózat is népszerűvé vált. Ez a szociális felhasználói felület kit segíthet indítsa el a következő nagy társadalmi alkalmazást és gyorsan iPhone felhasználók széles körének.

    Hold drótváz készlet

    Ez a Moon wireframing kit nagyszerű keveréke a huzalozásra hajlított interfészek. A készlet 50 egyedi mobilalkalmazás-képernyőt tartalmaz, amelyek bármilyen projekthez beállíthatók és átrendezhetők. Használhatja a Hold UI készletet az alapvető drótvázoláshoz vagy a teljes felhasználói felülethez.

    Utazási alkalmazás UI-készlet

    Íme egy sötét, mégis szép UI-készlet, amely a utazási alkalmazás a 3-as vázlat felhasználóinak. Ez bárki számára készült, aki légi járattal vagy utazási mobil alkalmazással szeretne játszani.

    Instagram UI Kit

    A fotómegosztó mobilalkalmazások telítettek a piacon, és néhány alkalmazás még az alkalmazás fő célját kiegészítő fotómegosztási funkciókat is tartalmaz. Tehát jó, ha ez az ingyenes Instagram UI készlet rendelkezésre áll a Sketch tervezők számára, hogy a saját funkcionalitásukban reprezentálják a fotó funkcionalitását. Ez egy alapvető iOS fotóalkalmazás felhasználói felület koncepciócsomag.

    Több

    Túl sok GUI-készlet van, hogy ebben a bejegyzésben írjunk, de nem hagyhatok semmi jóat. Tehát, ha még több mobil vázlatos felhasználói felületre van szüksége, tekintse meg ezeket az alternatívákat.

    • Útvonal UI készlet
    • iOS 7 UI Kit fény
    • Uber iOS drótvázkészlet
    • Photo Splash iOS UI készlet
    • Phoenix UI kit - Vol 1