Den største samling af gratis Sketch-appressourcer, der omfatter wireframe-kits, skitseprototyper, skabeloner til skitseapps, skabeloner til skitseapps osv.
Sketch, et vektordesignværktøj, der kører på Mac, er simpelt og brugervenligt, hvilket gør det populært blandt flere og flere designere. Desuden deler flere og flere designere gratis Sketch-appressourcer, hvilket giver UX/UI-designere en hjælpende hånd til at opbygge deres projekter nemt og hurtigt. Her har jeg samlet 30 af de bedste gratis Sketch-appressourcer, herunder Sketch UI Kits, Sketch wireframes, Sketch plugins, Sketch app-skabeloner og meget mere.
Her er en samling af de bedste gratis Sketch wireframe kits til design af wireframes til mobilapps og websites i 2018. En wireframe er en af de bedste måder at dele dine designideer på, og du kan bare downloade et af de følgende kits for at tegne dine egne apps og websites uden besvær.
- Liberty Mobile Wireframe Kit
- Funktioner:
- Mobile UI Wireframe Kit Sketch Resource
- Wireframe Sketch Resource
- Carbon Material Wireframe Kit Sketch Resource
- Low-fidelity App Wireframe Kit Sketch Resource
- Android Wireframing Kit Sketch Resource
- Sketch Prototyping Resources
- Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch
- Shop iOS App – UI and Prototype Sketch Resource
- Essential Prototyping Template Sketch Resource
- 3 Google Maps Views Sketch Resource
- Sketch Website Templates Resources
- Royal London Equestrian – Horse Riding School
- Web Wireframe Kit-skabelon – det perfekte UX-kit til ethvert webprojekt
- Wireframing Template Sketch Resource
- Oxy Creative Template – Kreativ skabelon til Sketch & Photoshop
- User Persona Template Sketch Resource
- Bootstrap Grid Template Sketch Resource
- Mere ressourcer om Sketch-webstedskabeloner
- BetterDesk Landing Page Sketch Resource
- Mobile UX-skabelon Sketch Resource
- iPhone Wireframe Template Sketch Resource
- iPhone 6 Plus og iPhone 6 Wireframe Sketch Resource
- Avia UI Kit – 40 Sketch Template Profile Kit
- HEXA Creative Website UI Kit
- Snap UI kit – iOS 8 wireframes Built for Sketch
- Material Design Template V2 Sketch Resource
- Mere om Sketch UI Design Resources
- UI Frames Sketch Resource
- Bootsketch UI Framework Sketch Resource
- Sketch Plugins Resources
- Mockplus iDoc – Online værktøj til samarbejde om design & håndoff design
- Mockplus – Quick Prototyping Tool
Liberty Mobile Wireframe Kit
Liberty Mobile Wireframe Kit er et meget tilpasseligt værktøj til at designe mobilapps i topfart. Ved blot at trække og slippe de foruddesignede brugerdefinerede elementer kan du tegne din egen mobilapp ved at trække og slippe dem. Derudover indeholder det 125 skærmbilleder, gratis Google-skrifttyper og en bred vifte af elementer med fuld tilpasning, hvilket gør ethvert projekt, stort eller lille, til en kort opgave. Dette sæt har PSD- og Sketch-filer.
Funktioner:
- 9 kategorier
- Fuldt lagdelt
- 2x opløsning 750x1334px
- Kompatibel med Sketch & Photoshop
Gratis download: https://elements.envato.com/liberty-mobile-wirefra…
Mobile UI Wireframe Kit Sketch Resource
Mobile UI Wireframe Kit blev designet af Ray Macari. Denne ressource er et stort hit på SketchApp med 72353 visninger og 32906 downloads. Den indeholder 57 mobilskærme og gestusikoner, der kan fremskynde dit UX-arbejdsflow. Alle elementer kan tilpasses fuldt ud, så du nemt kan redigere enhver stil. Desuden kan du frit vise grundlæggende sidelayout, app-arkitektur, indhold og UI-flow med dette kit.
Funktioner:
- 57 mobilskærme
- Bevægelsesikoner
- Anmærkningselementer og -symboler
Gratis download: https://www.sketchappsources.com/free-source/2162-…
Wireframe Sketch Resource
Dette Sketch wireframe kit blev designet af Riza Selçuk Saydam, en designer, der deler gratis designressourcer. Riza har tidligere delt Akıllı Vatandaş-mobilappdesignet, men uden dets wireframe; han har siden lagt dette kit ud på SketchApp. Det har 49391 visninger og 20188 downloads for nu siden opslaget. Du kan endda gå til Smart Citizen Mobile App case study for flere oplysninger.
Funktioner:
- Flat stil
- Kompatibel med Sketch & Photoshop
- Vektor stiliseret
- Freebie Sketch wireframe kit
Gratis download: https://dribbble.com/shots/1764849-Wireframe-free-…
Carbon Material Wireframe Kit Sketch Resource
Carbon Material Wireframe Kit blev designet af en designer-kollega fra Grækenland ved navn Panagiotis. Dette æstetisk tiltalende materiale design wireframing kit af høj kvalitet består af 15 artboards med velstrukturerede og navngivne lag, samt masser af genanvendelige elementer. Det er et foretrukket værktøj til dine Android e-handelsapps til Android. Dette gratis kit er meget populært og har 72216 visninger og 24018 downloads.
Funktioner:
- Materieldesignstil
- 15 artboards
- Velstrukturerede lag
- Helt tilpasselig og redigerbar
Gratis download:https://www.sketchappsources.com/free-source/2337-…
Low-fidelity App Wireframe Kit Sketch Resource
Low-fidelity App Wireframe Kit blev designet af Kishore. Med det har du alle de grundlæggende elementer til at tegne din mobilapp med en low-fidelity wireframe. Det har i øjeblikket 26122 visninger og 11171 downloads.
Gratis download:https://www.sketchappsources.com/free-source/3171-…
Android Wireframing Kit Sketch Resource
Android Wireframing Kit blev designet af Steph Kelly. Hvis du har brug for et wireframe kit til Android app design, anbefaler vi, at du bruger dette kit. Dette kit har i øjeblikket 23836 visninger og 11044 downloads.
Gratis download: https://www.sketchappsources.com/free-source/2995-…
Sketch Prototyping Resources
Sketch er et populært værktøj til Mac. Det er mere strømlinet og enklere end Photoshop eller andre lignende programmer. Flere designere deler gratis ressourcer til skitseprototyper, som kan hjælpe dig med hurtigt at bygge interaktive prototyper til dit projekt. Følgende ressourcer kan hjælpe dig med at komme i gang med at lave prototyper med Sketch.
Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch
Adminian 2 har et bredt udvalg af symboler og skabeloner til hurtig design og prototypering af webapp-layout. Du er i stand til at tegne ethvert projekt iterativt ved hjælp af denne prototype ressource. Derudover har den flere tilgange, der giver muligheder for dit projekt.
Funktioner:
- 50+ sideskemaer & 120 ikoner
- 200+ UI-komponenter
- Material Design Grid
- Atomisk struktur
- Responsiv & Resizable Groups
- Kompatibel med Sketch
Gratis download: https://ui8.net/products/adminian-2-wireframe-kit
Shop iOS App – UI and Prototype Sketch Resource
Shop iOS App blev designet af Tobia Crivellari. Tobia er en shop iOS app som blev skabt ved at tage inspiration fra FILSO CO. Credits for billederne og indholdet går til FILSON CO. Denne ressource har 32984 visninger og 8093 downloads nu.
Funktioner:
- Alt indhold er pakket
- Over 10 skærme i Sketch
- Principal prototype til iPhone 6
Gratis download:https://www.sketchappsources.com/free-source/1821-…
Essential Prototyping Template Sketch Resource
Dette er en enkel og fleksibel samling af de mest nyttige stilarter og symboler til at skabe flotte prototyper. Alle symboler er klar til Sketch 39-funktioner. Designeren er Konstantin Tereschenkov, og den har i øjeblikket 44400 visninger og 12988 downloads på SketchApp-webstedet.
Gratis download:https://www.sketchappsources.com/free-source/2156-…
3 Google Maps Views Sketch Resource
Den 3 visninger af Google Maps framer-prototype er designet af Sergey Voronov. Denne ressource har 41418 visninger og 14340 downloads.
Gratis download:https://www.sketchappsources.com/free-source/1878-…
Sketch Website Templates Resources
Fleksibiliteten og de kraftfulde funktioner i en solid hjemmesideskabelon gør det til den bedste måde at bygge et websted på. Her er flere Sketch-webstedskabelonressourcer til din inspiration.
Royal London Equestrian – Horse Riding School
Royal London er en gratis skitseskabelon designet med ridning, ridesport, stalde, hestepleje og rideskoler i tankerne. Den har alle de designelementer, du har brug for til at bygge et funktionelt websted. Det bedste er, at du kan oprette nye sider med genanvendelige designelementer. Den har 2 filer, grafikfiler og Sketch-fil. Denne skabelon kræver Sketch 40+.
Funktioner:
Funktioner:
- Nemt at bruge skabelon
- 7 sidedesigns
- 2 nyhedssidedesigns
- Genanvendelige sidesymboler
- Bootstrap Grid
- Layered & Organiseret
- Renset & Moderne stil
Gratis download:
- https://themeforest.net/item/royal-london-horse-ri…
Web Wireframe Kit-skabelon – det perfekte UX-kit til ethvert webprojekt
Denne skabelon tilbyder en stor pakke, herunder 110+ wireframe-moduler og hundredvis af elementer. Du kan nemt oprette high-fidelity prototyper med disse website mockups ved hjælp af Sketch eller Illustrator. Elementerne er velorganiserede baseret på et 12 kolonne, 1170px Bootstrap grid. Derudover kan du ændre bredden af elementer i Sketch ved hjælp af begrænsningsfunktionen.
Funktioner:
- 110+ desktop-moduler
- Kompatibel og lavet til Sketch og Illustrator
- Bootstrap-grid
- Designguide og materialeikoner fra Google
- Onboarding-skærme
Gratis download: https://elements.envato.com/web-wireframe-kit-L7TD…
Wireframing Template Sketch Resource
Denne skabelon består af almindelige wireframing-komponenter til brug på desktop og mobile enheder, herunder 1-4 kolonne i forskellige arrangementer. Alt indhold og alle elementer er rent grupperet og organiseret. For eksempel er der 12 kolonne gitter baseret på Twitter Bootstrap. Denne skabelon kan bruges til webdesign såvel som til andre digitale projekter. Designeren er Garret Voorhees og hans arbejde har 127459 visninger og 46203 downloads på SketchApp.
Funktioner:
- 3 niveauer af mobilnavigation
- Et komplet udvalg af typografistile
- Flere UI-elementer
- Fælles anvendte ikoner
- WYSIWYG-elementer
Gratis download:https://www.sketchappsources.com/free-source/1552-…
Oxy Creative Template – Kreativ skabelon til Sketch & Photoshop
Oxy indeholder 2 webside skabeloner designet til kreative bureauer og studier. Baseret på et 1170px Bootstrap-gitter, er denne ressource moderne og elegant. PSD-filerne er fuldt lagdelt og kan tilpasses. Derudover er alle elementer organiseret efter gruppe og kan også let identificeres ved gruppens navn.
Funktioner:
- 2 sidetemplates
- Moderne design
- Baseret på Bootstrap Grid System
- Gratis Google Fonts
- Velorganiserede lag
- Velorganiseret lag
- Kompatibel med Sketch & Photoshop
Gratis download: https://ui8.net/products/oxy-creative-template
User Persona Template Sketch Resource
User Persona Template, en meget grundlæggende skabelon skabt til Sketch, blev designet af Meghan Hartman ved hjælp af Fake Crow Persona. Den kan bruges til at generere personas til brugeroplevelse, branding og markedsføringsstrategier. I øjeblikket har den 39743 visninger og 9539 downloads.
Funktioner:
- Inkluderer PDF-fil
- Printervenlig version
Gratis download: https://fakecrow.com/free-persona-template/
Bootstrap Grid Template Sketch Resource
Grid Template blev designet af Bruno Muller. Det er en Sketch 3-layoutskabelon baseret på et Bootstrap-gittersystem. Den har 35257 visninger og 11061 downloads i øjeblikket. Den er forbedret med udvidelige klasser og et avanceret gitter-system.
Funktioner:
- Bootstrap globale CSS-indstillinger
- Fundamentale HTML-elementer stylet
Gratis download: https://getbootstrap.com/docs/3.3/css/
Mere ressourcer om Sketch-webstedskabeloner
Dette er en simpel, gratis wireframe til en landingsside, der er lavet i Sketch App. Den er designet af Pausrr og har 53096 visninger og 20206 downloads indtil videre.
Gratis download:https://www.sketchappsources.com/free-source/1580-…
BetterDesk Landing Page Sketch Resource
BetterDesign.io er en social platform til at teste dit design, kopiere gratis, og få resultater i realtid. Filen indeholder en omhyggeligt designet landingsside med en venlig helteillustration. Den er designet af Betterdesign.io og har 33081 visninger og 16186 downloads.
Gratis download:https://www.sketchappsources.com/free-source/2470-…
Mobile UX-skabelon Sketch Resource
Denne omfattende mobile UX-skabelon er et sæt af skemaer, eksempler på brugerflow og et mediebibliotek med ikoner designet af ArcTouch. Den kan hjælpe dig med at organisere din tankegang og tilpasse dit projekts interessenter. Den har 103138 visninger og 29879 downloads.
Gratis download:https://arctouch.com/insights/design_templates/mob…
iPhone Wireframe Template Sketch Resource
Denne skitsefil designet af Edwin Delgado har 2 sider – Assets og Mockup. Edwin ønskede at dele noget han lavede i Sketch frit, så her kom en simpel skabelon af iPhone 6, der kan bruges til præsentationer eller flows. Den kommer med nogle grundlæggende linjer, knapper og rammer. Den har to sider, en til Assets og den anden, der beskriver hans proces.
Funktioner:
- Grundlæggende linjer, knapper og rammer
- To sider – assets og mockup
Gratis download:https://www.sketchappsources.com/free-source/1166-…
iPhone 6 Plus og iPhone 6 Wireframe Sketch Resource
Denne iPhone 6 Plus og iPhone 6 Wireframe blev designet af Andrea Ripamonti. Den har 82729 visninger og 28999 downloads i øjeblikket.
Gratis download:https://www.sketchappsources.com/free-source/799-i…
Avia UI Kit – 40 Sketch Template Profile Kit
Avia UI kit er et smukt profil UI-kit, som indeholder 40 organiserede landingssider og 40 gratis ikoner. Hver skærm af det er fuldt tilpasselig og usædvanlig nem at bruge. Dette profilkit er skabt til Sketch og Photoshop og er den fjerde del af en fantastisk UI-serie.
Funktioner:
- 40 smukke landingssider
- 40 gratis bonusikoner
- Højt poleret design
- Smukt organiseret
Gratis download: https://ui8.net/products/avia-ui-kit-profiles
HEXA Creative Website UI Kit
HEXA er et enkelt, rent og kreativt website UI kit skabt af Webhance Studio. Det er designet til at opfylde designbehov hos designere og udviklere. Filtyperne omfatter JPG, PNG, PSD, SKETCH, SVG. Derudover er det thas 250 + skalerbare SVG ( vektor ) ikoner inkluderet. Alle elementer er gratis at bruge.
Funktioner:
- Adobe Photoshop understøttet
- Kreative og moderne designs
- Høj kvalitet og nyeste filer
- Nyeste Sketch-version
- Fri Google-skrifttyper
- Skarp pixelkvalitet
- 100% redigerbare lag og layouts
Gratis download: https://elements.envato.com/hexa-creative-website-…
Snap UI kit – iOS 8 wireframes Built for Sketch
Snap Kit er et iOS 8 wireframing-værktøj, der er bygget til Sketch. Det hjælper dig med hurtigt at mockuppe din app’s flow gennem almindelige iOS-skærme gennem dets 22 smukke iOS 8 mockups og masser af UI-komponenter. Det er meget nemmere at skabe elegante wireframes og strukturerede app-flow ved hjælp af dette kit.
Gratis download: https://designhooks.com/freebies/snap-ui-kit-ios-8…
Material Design Template V2 Sketch Resource
Material Design Template V2 er designet af Kyle Ledbetter, som har en passion for Material Design. Den har 81459 visninger og 32021 downloads i øjeblikket.
Gratis download: https://dribbble.com/shots/2296655-Material-Design…
Mere om Sketch UI Design Resources
Bootflat UI kit er en Sketch-version af Bootflat-rammen designet af Anh Nguyen. Det har 68220 visninger og 20517 downloads.
Gratis download: https://www.sketchappsources.com/free-source/838-b…
UI Frames Sketch Resource
Dette er et udviklende Sketch genanvendeligt wireframe UI-kit designet af Mariz Melo. Det har 52048 visninger og 16784 downloads.
Gratis download: https://dribbble.com/shots/1847092-UIFrames
Bootsketch UI Framework Sketch Resource
Dette er et Sketch UI framework designet af Damian Walsh. Den er baseret på Twitter Bootstrap og er perfekt til prototyping eller til at etablere front-end stilguides. Desuden er alle elementer organiseret som symboler eller tekststyles, hvilket gør det muligt at anvende ændringer på tværs af hele projektet.
Gratis download: https://www.sketchappsources.com/free-source/1448-…
Sketch Plugins Resources
Jeg har nedenfor opsummeret 2 af de bedste Sketch-plugins til UX/UI-designere, som vil hjælpe med at strømline din designarbejdsgang.
Mockplus iDoc – Online værktøj til samarbejde om design & håndoff design
Mockplus iDoc får hele dit produktdesign til at arbejde sammen. Det genererer specifikationer og aktiver automatisk, samt skaber interaktive og animerede prototyper. Du skal blot uploade design med et enkelt klik bare download Sketch-plugin’et, så kan du generere specifikationer smart og se specifikationsdata med et enkelt museklik.
Hvad gør dette plugin til noget særligt?
- Nemt at få adgang til specifikationer på forskellige måder
Der er tre specifikationstilstande i iDoc. Du kan svæve over alle lag; du kan vælge et enkelt eller flere lag; du kan holde Alt nede for at konvertere specifikationer til procentvise værdier.
- Et klik for at se duplikerede elementer
Du kan se duplikerede designelementer med ét klik, f.eks. tekst, farve, margin og bredde. Alle duplikerede elementer vises på skærmen på én gang, hvilket forbedrer din arbejdseffektivitet betydeligt.
Mockplus – Quick Prototyping Tool
Med Mockplus-plugin’et i Sketch kan du eksportere MP-filer og lave Sketch-prototyper i Mockplus. Dette giver designere mulighed for at samarbejde og tilføje annotationer, som de kan dele med teammedlemmer.
Hvordan bruger du det? Du skal blot bruge 3 trin:
Stræk 1: Download Sketch-plugin. Det er et gratis værktøj.
Stræk 2: Vælg “Plugins” – “Mockplus” – “Export project files”, når du er færdig med designet.
Stræk 3: Redesign dit indhold for at tilføje interaktioner i Mockplus. Derudover har Mockplus 3000+ præ-designede komponenter, så du hurtigt kan gøre din grænseflade mere perfekt.