30 Best Free Sketch App Resources – UI Kits, Wireframes, Plugins

A Sketch app resources legnagyobb ingyenes gyűjteménye, amely sketch wireframe kits, sketch prototyping, sketch app sablonok, sketch app sablonok, stb.

A Sketch, vektoros tervezőeszköz, amely Mac-en fut, egyszerű és könnyen használható, így egyre több tervező kedveli. Ráadásul egyre több tervező osztja meg az ingyenes Sketch app erőforrásokat, így az UX/UI tervezők segítő kezet kapnak a projektjeik egyszerű és gyors elkészítéséhez. Itt összegyűjtöttem a 30 legjobb ingyenes Sketch alkalmazás erőforrást, köztük Sketch UI Kits, Sketch drótvázak, Sketch pluginek, Sketch alkalmazás sablonok és még sok más.

Itt van a legjobb ingyenes Sketch drótváz-készletek gyűjteménye 2018-ban mobilalkalmazások és weboldalak drótváztervezéséhez. A drótváz az egyik legjobb módja annak, hogy megossza tervezési ötleteit, és egyszerűen letöltheti az alábbi készletek bármelyikét, hogy könnyedén megrajzolhassa saját alkalmazásait és webhelyeit.

Liberty Mobile Wireframe Kit

A Liberty Mobile Wireframe Kit egy rendkívül testre szabható eszköz a mobil alkalmazások gyors tervezéséhez. Egyszerűen az előre megtervezett egyéni elemeinek húzásával és eldobásával megrajzolhatja saját mobilalkalmazását. Ezenkívül 125 képernyőt, ingyenes Google betűtípusokat és számos, teljes mértékben testreszabható elemet tartalmaz, így bármilyen projektet, legyen az kicsi vagy nagy, rövidre lehet vele készíteni. Ez a készlet PSD és Sketch fájlokat tartalmaz.

Tulajdonságok:

  • 9 kategória
  • Teljesen rétegzett
  • 2x felbontás 750x1334px
  • Kompatibilis a Sketch & Photoshop

Ingyenes letöltés: https://elements.envato.com/liberty-mobile-wirefra…

Mobile UI Wireframe Kit Sketch Resource

A Mobile UI Wireframe Kitet Ray Macari tervezte. Ez az erőforrás nagy sikert aratott a SketchApp-on 72353 megtekintéssel és 32906 letöltéssel. Tartalmaz 57 mobil képernyőt és gesztusikonokat, amelyek felgyorsíthatják az UX munkafolyamatot. Minden elem teljesen testreszabható, így bármelyik stílust könnyedén szerkesztheti. Ráadásul ezzel a készlettel szabadon bemutathatod az alapvető oldalelrendezést, az alkalmazás architektúráját, a tartalmat és a felhasználói felület áramlását.

Tulajdonságok:

  • 57 mobil képernyő
  • Gesture ikonok
  • Jegyzetelemek és szimbólumok

Ingyenes letöltés: https://www.sketchappsources.com/free-source/2162-…

Wireframe Sketch Resource

Ezt a Sketch wireframe készletet Riza Selçuk Saydam designer tervezte, aki ingyenes design forrásokat oszt meg. Riza korábban már megosztotta az Akıllı Vatandaş mobilalkalmazás dizájnját, de annak drótváza nélkül; ezt a készletet azóta a SketchApp-on tette közzé. A közzététel óta egyelőre 49391 megtekintés és 20188 letöltés van. További információkért akár a Smart Citizen Mobile App esettanulmányt is megnézheted.

Tulajdonságok:

  • Flat stílus
  • Kompatibilis a Sketch & Photoshop
  • Vektoros stílusú
  • Freebie Sketch wireframe kit

Ingyenes letöltés: https://dribbble.com/shots/1764849-Wireframe-free-…

Carbon Material Wireframe Kit Sketch Resource

A Carbon Material Wireframe Kitet egy görög tervezőtárs, Panagiotis tervezte. Ez az esztétikus, kiváló minőségű material design wireframing kit 15 artboardból áll, jól strukturált és elnevezett rétegekkel, valamint rengeteg újrafelhasználható elemmel. Ez egy előnyös eszköz az Android e-kereskedelmi alkalmazásaihoz. Rendkívül népszerű, ez az ingyenes készlet 72216 megtekintéssel és 24018 letöltéssel rendelkezik.

Tulajdonságok:

  • Material design stílus
  • 15 artboard
  • Jól strukturált rétegek
  • teljesen testreszabható és szerkeszthető

Ingyenes letöltés:https://www.sketchappsources.com/free-source/2337-…

Low-fidelity App Wireframe Kit Sketch Resource

Low-fidelity App Wireframe Kit Designed by Kishore. Segítségével az összes alapelemet megkapod ahhoz, hogy alacsony hűségű drótvázzal megrajzold a mobilalkalmazásodat. Jelenleg 26122 megtekintéssel és 11171 letöltéssel rendelkezik.

Ingyenes letöltés:https://www.sketchappsources.com/free-source/3171-…

Android Wireframing Kit Sketch Resource

Android Wireframing Kit-et Steph Kelly tervezte. Ha Android alkalmazás tervezéséhez drótvázlatkészletre van szüksége, akkor ezt ajánljuk. Ez a készlet jelenleg 23836 megtekintéssel és 11044 letöltéssel rendelkezik.

Ingyenesen letölthető: https://www.sketchappsources.com/free-source/2995-…

Sketch Prototyping Resources

A Sketch egy népszerű eszköz Mac számítógépekhez. Áramvonalasabb és egyszerűbb, mint a Photoshop vagy más hasonló alkalmazások. Több tervező osztja meg az ingyenes sketch prototípusok forrásait, amelyek segítségével gyorsan készíthet interaktív prototípusokat a projektjéhez. A következő erőforrások segíthetnek a Sketch segítségével történő prototípuskészítés megkezdésében.

Adminian 2 – Webalkalmazás gyors prototípustervezés Wireframe Kit for Sketch

Az Adminian 2 a webalkalmazások elrendezésének gyors tervezéséhez és prototípuskészítéséhez szükséges szimbólumok és sablonok széles választékával rendelkezik. Ezzel a prototípus-erőforrással bármilyen projektet iteratív módon megrajzolhat. Ezenkívül többféle megközelítéssel rendelkezik, amelyek lehetőségeket biztosítanak a projektjéhez.

Tulajdonságok:

  • 50+ oldalsablon & 120 ikon
  • 200+ UI komponens
  • Material Design Grid
  • Atomic Structure
  • Responsive & Resizable Groups
  • Compatible with Sketch

Free download: https://ui8.net/products/adminian-2-wireframe-kit

Shop iOS App – UI and Prototype Sketch Resource

A Shop iOS App-ot Tobia Crivellari tervezte. Tobia egy bolt iOS alkalmazás, amely a FILSO CO inspirációjának felhasználásával készült. A képekért és a tartalomért a FILSON CO-t illeti a credit. Ez az erőforrás most 32984 megtekintéssel és 8093 letöltéssel rendelkezik.

Tulajdonságok:

  • A teljes tartalom csomagolva
  • Több mint 10 képernyő Sketchben
  • Princiális prototípus iPhone 6-ra

Ingyenes letöltés:https://www.sketchappsources.com/free-source/1821-…

Essential Prototyping Template Sketch Resource

Ez egy egyszerű és rugalmas gyűjtemény a leghasznosabb stílusokból és szimbólumokból a nagyszerű prototípusok létrehozásához. Minden szimbólum készen áll a Sketch 39 funkcióira. A tervező Konstantin Tereschenkov, és jelenleg 44400 megtekintéssel és 12988 letöltéssel rendelkezik a SketchApp oldalon.

Ingyenes letöltés:https://www.sketchappsources.com/free-source/2156-…

3 Google Maps Views Sketch Resource

A Google Maps 3 nézetű keretes prototípusát Sergey Voronov tervezte. Ez az erőforrás 41418 megtekintéssel és 14340 letöltéssel rendelkezik.

Ingyenes letöltés:https://www.sketchappsources.com/free-source/1878-…

Vázlatos weboldal sablonok erőforrásai

A szilárd weboldal sablonok rugalmassága és erőteljes funkciói teszik a legjobb módszerré a honlapkészítést. Íme néhány Sketch weboldal sablon forrás az Ön inspirációjához.

Royal London Equestrian – Lovasiskola

A Royal London egy ingyenes Sketch sablon, amelyet lovaglás, lovasok, istállók, lóápolás és lovasiskolák számára terveztek. Minden olyan tervezési elemmel rendelkezik, amelyre egy funkcionális weboldal létrehozásához szüksége van. Ami a legjobb, hogy új oldalakat hozhat létre újrafelhasználható dizájnelemekkel. 2 fájlt tartalmaz, grafikai fájlokat és Sketch fájlt. Ehhez a sablonhoz Sketch 40+ szükséges.

Tulajdonságok:

  • Egyszerűen használható sablon
  • 7 oldaldesign
  • 2 híroldal design
  • Újrafelhasználható oldal szimbólumok
  • Bootstrap Grid
  • Rétegelt & Rendezett
  • Tiszta & Modern stílus

Ingyenes letöltés:https://themeforest.net/item/royal-london-horse-ri…

Web Wireframe Kit Template – a tökéletes UX-készlet bármilyen webes projekthez

Ez a sablon egy nagy csomagot kínál, amely 110+ drótvázas modult és több száz elemet tartalmaz. Ezekkel a weboldal-makettekkel könnyedén készíthet nagy hűségű prototípusokat Sketch vagy Illustrator segítségével. Az elemek jól szervezettek egy 12 oszlopos, 1170px-es Bootstrap rács alapján. Ezenkívül a Sketchben a korlátozások funkció segítségével megváltoztathatja az elemek szélességét.

Tulajdonságok:

  • 110+ asztali modul
  • Kompatibilis és Sketch és Illustrator számára készült
  • Bootstrap rács
  • Design útmutató és anyagi ikonok a Google által
  • Bevezető képernyők

Ingyenes letöltés: https://elements.envato.com/web-wireframe-kit-L7TD…

Wireframing Sablon Sketch Resource

Ez a sablon az asztali és mobil eszközökön használható általános wireframing komponensekből áll, beleértve az 1-4 oszlopot különböző elrendezésekben. Minden tartalom és elem tisztán csoportosított és szervezett. Például 12 oszlopos rácsok vannak a Twitter Bootstrap alapján. Ez a sablon webdesignhoz és más digitális projektekhez is használható. A tervező Garret Voorhees, munkája 127459 megtekintéssel és 46203 letöltéssel rendelkezik a SketchApp-on.

Tulajdonságok:

  • 3 szintű mobil navigáció
  • Tipográfiai stílusok teljes választéka
  • Változatos UI elemek
  • Gyakran használt ikonok
  • WYSIWYG elemek

Ingyenes letöltés:https://www.sketchappsources.com/free-source/1552-…

Oxy Creative Template – Kreatív sablon Sketch & Photoshop

Oxy 2 kreatív ügynökségek és stúdiók számára tervezett weboldalsablont tartalmaz. Az 1170px-es Bootstrap rácsra épülő erőforrás modern és elegáns. A PSD fájlok teljesen rétegzettek és testreszabhatóak. Ezenkívül minden elem csoportonként van rendszerezve, és a csoportnév alapján is könnyen azonosítható.

Tulajdonságok:

  • 2 oldalsablon
  • Modern design
  • Bootstrap rácsrendszerre épül
  • Ingyenes Google betűtípusok
  • Jól szervezett rétegek
  • Kompatibilis a Sketch & Photoshop

Ingyenes letöltés: https://ui8.net/products/oxy-creative-template

User Persona Template Sketch Resource

User Persona Template, egy nagyon egyszerű Sketchhez készített sablon, melyet Meghan Hartman tervezett a Fake Crow Persona felhasználásával. Felhasználói élményhez, márkaépítéshez és marketingstratégiákhoz szükséges személyiségek létrehozásához használható. Jelenleg 39743 megtekintéssel és 9539 letöltéssel rendelkezik.

Tulajdonságok:

  • Melléklet PDF fájl
  • Nyomtatóbarát változat

Ingyenesen letölthető: https://fakecrow.com/free-persona-template/

Bootstrap Grid Template Sketch Resource

A Grid Sablon tervezője Bruno Muller. Ez egy Sketch 3 elrendezési sablon, amely a Bootstrap grid rendszerre épül. Jelenleg 35257 megtekintéssel és 11061 letöltéssel rendelkezik. Bővíthető osztályokkal és fejlett rácsrendszerrel van továbbfejlesztve.

Tulajdonságok:

  • Bootstrap globális CSS beállítások
  • Fundamental HTML elements styled

Ingyenes letöltés: https://getbootstrap.com/docs/3.3/css/

Még több forrás a Sketch weboldal sablonokról

Ez egy egyszerű, ingyenes, Sketch alkalmazásban készült landing page wireframe. Pausrr tervezte, és egyelőre 53096 megtekintéssel és 20206 letöltéssel rendelkezik.

Ingyenes letöltés:https://www.sketchappsources.com/free-source/1580-…

BetterDesk Landing Page Sketch Resource

A BetterDesign.io egy közösségi platform, ahol ingyenesen tesztelheted a tervedet, másolhatsz, és valós időben kaphatsz eredményeket. A fájl egy gondosan megtervezett landing page-et tartalmaz egy barátságos hősillusztrációval. A Betterdesign.io által tervezett oldal 33081 megtekintéssel és 16186 letöltéssel rendelkezik.

Ingyenes letöltés:https://www.sketchappsources.com/free-source/2470-…

Mobile UX Template Sketch Resource

Az ArcTouch által tervezett átfogó mobil UX sablon egy séma, felhasználói folyamat példák és egy ikonokból álló médiatár. Segíthet megszervezni a gondolkodását és összehangolni a projekt érintettjeit. 103138 megtekintéssel és 29879 letöltéssel rendelkezik.

Ingyenes letöltés:https://arctouch.com/insights/design_templates/mob…

iPhone Wireframe Template Sketch Resource

Ez az Edwin Delgado által tervezett vázlatfájl 2 oldalból áll – Assets és Mockup. Edwin meg akart osztani valamit, amit Sketchben készített szabadon, így jött egy egyszerű iPhone 6 sablon, ami prezentációkhoz vagy áramlatokhoz használható. Néhány alapvető vonallal, gombokkal és keretekkel érkezik. Két oldala van, az egyik az Assets, a másik pedig a folyamatát részletezi.

Tulajdonságok:

  • Basic lines, buttons, and frames
  • Two pages – assets and mockup

Free download:https://www.sketchappsources.com/free-source/1166-…

iPhone 6 Plus és iPhone 6 Wireframe Sketch Resource

Ezt az iPhone 6 Plus és iPhone 6 Wireframe-et Andrea Ripamonti tervezte. Jelenleg 82729 megtekintéssel és 28999 letöltéssel rendelkezik.

Ingyenes letöltés:https://www.sketchappsources.com/free-source/799-i…

Avia UI Kit – 40 Sketch Template Profile Kit

Avia UI kit egy gyönyörű profil UI kit, amely 40 szervezett landing oldalt és 40 ingyenes ikont tartalmaz. Minden egyes képernyője teljesen testreszabható és kivételesen könnyen használható. A Sketch és Photoshop számára létrehozott profilkészlet egy lenyűgöző UI-sorozat negyedik része.

Tulajdonságok:

  • 40 gyönyörű landing page
  • 40 ingyenes bónusz ikon
  • magasan csiszolt design
  • szépen szervezett

Ingyenes letöltés: https://ui8.net/products/avia-ui-kit-profiles

HEXA Creative Website UI Kit

HEXA egy egyszerű, tiszta és kreatív weboldal UI Kit, melyet a Webhance Studio készített. Úgy tervezték, hogy megfeleljen a tervezők és fejlesztők tervezési igényeinek. A fájltípusok közé tartozik a JPG, PNG, PSD, SKETCH, SVG. Ezen kívül ez thas 250 + skálázható SVG ( vektoros ) ikonokat tartalmaz. Minden elem szabadon felhasználható.

Tulajdonságok:

  • Adobe Photoshop támogatott
  • Kreatív és modern design
  • Magas minőségű és legújabb fájlok
  • Legújabb Sketch verzió
  • Ingyenes Google betűtípusok
  • Éles pixel minőség
  • 100%-ban szerkeszthető rétegek és elrendezések

Ingyenes letöltés: https://elements.envato.com/hexa-creative-website-…

Snap UI kit – iOS 8 wireframes Built for Sketch

A Snap Kit egy Sketch-re épített iOS 8 wireframing eszköz. Segít gyorsan modellezni az alkalmazásod áramlását a gyakori iOS képernyőkön keresztül a 22 gyönyörű iOS 8 mockup és rengeteg UI komponens segítségével. Ezzel a készlettel sokkal könnyebb elegáns drótvázakat és strukturált alkalmazásfolyamatokat létrehozni.

Ingyenes letöltés: https://designhooks.com/freebies/snap-ui-kit-ios-8…

Material Design Template V2 Sketch Resource

A Material Design Template V2-t Kyle Ledbetter tervezte, akinek szenvedélye a Material Design. Jelenleg 81459 megtekintéssel és 32021 letöltéssel rendelkezik.

Ingyenesen letölthető: https://dribbble.com/shots/2296655-Material-Design…

Még több Sketch UI Design Resources

A Bootflat UI kit az Anh Nguyen által tervezett Bootflat keretrendszer Sketch változata. 68220 megtekintéssel és 20517 letöltéssel rendelkezik.

Ingyenesen letölthető: https://www.sketchappsources.com/free-source/838-b…

UI Frames Sketch Resource

Ez egy fejlődő Sketch újrafelhasználható drótvázas UI kit, amelyet Mariz Melo tervezett. 52048 megtekintéssel és 16784 letöltéssel rendelkezik.

Ingyenesen letölthető: https://dribbble.com/shots/1847092-UIFrames

Bootsketch UI Framework Sketch Resource

Ez egy Sketch UI keretrendszer, amelyet Damian Walsh tervezett. A Twitter Bootstrapre épül, és tökéletesen alkalmas prototípusok készítésére vagy front-end stílustervek létrehozására. Emellett minden elem szimbólumként vagy szövegstílusként szerveződik, lehetővé téve a változtatások alkalmazását az egész projektben.

Ingyenes letöltés: https://www.sketchappsources.com/free-source/1448-…

Sketch Plugins Források

Az alábbiakban összefoglaltam a 2 legjobb Sketch plugint UX/UI tervezők számára, amelyek segítenek racionalizálni a tervezési munkafolyamatokat.

Mockplus iDoc – Online tervezési együttműködési eszköz & handoff design

A Mockplus iDoc segítségével a teljes terméktervezés együtt működik. Automatikusan generál specifikációkat és eszközöket, valamint interaktív és animált prototípusokat hoz létre. Egyetlen kattintással töltse fel a terveket, csak töltse le a Sketch bővítményt, és máris okosan generálhatja a specifikációkat, és egy egyszerű egérkattintással megtekintheti a specifikációs adatokat.

Mitől különleges ez a bővítmény?

  • Egyszerű hozzáférés a specifikációkhoz különböző módokon

Az iDoc három specifikációs módot kínál. Bármelyik réteget lebegtetheti; kiválaszthat egy vagy több réteget; az Alt lenyomva tartásával a specifikációkat százalékos értékekké alakíthatja.

  • Egy kattintással megtekintheti a duplikált elemeket

Egy kattintással megtekintheti a duplikált tervezési elemeket, például a szöveget, a színt, a margót és a szélességet. Az összes duplikált elem egyszerre jelenik meg a képernyőn, ami nagyban javítja a munka hatékonyságát.

Mockplus – Gyors prototípuskészítő eszköz

A Sketch Mockplus pluginjának használatával MP fájlokat exportálhat és Sketch prototípust készíthet a Mockplusban. Ez lehetővé teszi a tervezők számára, hogy együttműködjenek és megjegyzéseket adjanak hozzá, hogy megoszthassák a csapattagokkal.

Hogyan használja? Mindössze 3 lépésre van szükség:

1. lépés: Töltse le a Sketch bővítményt. Ez egy ingyenes eszköz.

2. lépés: A tervezés befejezésekor válassza a “Plugins” – “Mockplus” – “Export project files” lehetőséget.

3. lépés: Tervezze újra a tartalmát, hogy interakciókat adjon hozzá a Mockplusban. Ezenkívül a Mockplus több mint 3000 előre megtervezett komponenssel rendelkezik, hogy gyorsan tökéletesebbé tehesse a felületét.