Największa kolekcja darmowych zasobów aplikacji Sketch, obejmująca zestawy szkicowe wireframe, prototypowanie szkicowe, szablony aplikacji szkicowych, szablony aplikacji szkicowych itp.

Sketch, narzędzie do projektowania wektorowego działające na komputerach Mac, jest proste i łatwe w użyciu, dzięki czemu jest preferowane przez coraz większą liczbę projektantów. Co więcej, coraz więcej projektantów udostępnia darmowe zasoby aplikacji Sketch, dając projektantom UX/UI pomocną dłoń w budowaniu swoich projektów łatwo i szybko. Tutaj zebrałem 30 najlepszych darmowych zasobów aplikacji Sketch, w tym Sketch UI Kits, Sketch wireframes, wtyczki Sketch, szablony aplikacji Sketch i więcej.

Oto kolekcja najlepszych darmowych zestawów Sketch wireframe do projektowania aplikacji mobilnych i stron internetowych wireframe w 2018 roku. Wireframe to jeden z najlepszych sposobów na dzielenie się swoimi pomysłami projektowymi, a możesz po prostu pobrać dowolny z poniższych zestawów, aby bez wysiłku narysować własne aplikacje i strony internetowe.

Liberty Mobile Wireframe Kit

Liberty Mobile Wireframe Kit to wysoce konfigurowalne narzędzie do projektowania aplikacji mobilnych z najwyższą prędkością. Wystarczy przeciągnąć i upuścić wstępnie zaprojektowane elementy, aby narysować własną aplikację mobilną. Dodatkowo, zawiera 125 ekranów, darmowe fonty Google, oraz szeroką gamę elementów z możliwością pełnego dostosowania, dzięki czemu każdy projekt, duży czy mały, zostanie szybko zrealizowany. Ten zestaw posiada pliki PSD i Sketch.

Features:

• 9 Categories
• Fully Layered
• 2x Resolution 750x1334px
• Kompatybilny ze Sketch & Photoshop

Darmowe pobieranie: https://elements.envato.com/liberty-mobile-wirefra…

Mobile UI Wireframe Kit Sketch Resource

Mobile UI Wireframe Kit został zaprojektowany przez Raya Macari. Ten zasób jest wielkim hitem na SketchApp z 72353 widokami i 32906 pobraniami. Zawiera 57 ekranów mobilnych i ikony gestów, które mogą przyspieszyć Twój przepływ pracy UX. Wszystkie elementy są w pełni konfigurowalne, więc możesz łatwo edytować każdy styl. Ponadto możesz swobodnie pokazać podstawowy układ strony, architekturę aplikacji, zawartość i przepływ UI za pomocą tego zestawu.

Features:

• 57 ekranów mobilnych
• Ikony gestów
• Elementy adnotacji i symbole

Darmowe pobieranie: https://www.sketchappsources.com/free-source/2162-…

Wireframe Sketch Resource

Ten zestaw Sketch wireframe został zaprojektowany przez Riza Selçuk Saydam, projektanta, który dzieli się darmowymi zasobami projektowymi. Riza wcześniej udostępnił projekt aplikacji mobilnej Akıllı Vatandaş, ale bez jego szkieletu; od tego czasu zamieścił ten zestaw na SketchApp. Ma on 49391 wyświetleń i 20188 pobrań od momentu opublikowania. Możesz nawet przejść do studium przypadku Smart Citizen Mobile App, aby uzyskać więcej informacji.

Features:

• Styl płaski
• Kompatybilny ze Sketch & Photoshop
• Styl wektorowy
• Freebie Sketch wireframe kit

Darmowe pobieranie: https://dribbble.com/shots/1764849-Wireframe-free-…

Carbon Material Wireframe Kit Sketch Resource

Carbon Material Wireframe Kit został zaprojektowany przez kolegę projektanta z Grecji o imieniu Panagiotis. Ten estetyczny, wysokiej jakości zestaw do tworzenia makiet składa się z 15 artboardów z dobrze zorganizowanymi i nazwanymi warstwami, jak również z wielu elementów wielokrotnego użytku. Jest to preferowane narzędzie dla Twoich aplikacji e-commerce na Androida. Bardzo popularny, ten darmowy zestaw ma 72216 wyświetleń i 24018 pobrań.

Features:

• Material design style
• 15 artboardów
• Dobrze skonstruowane warstwy
• w pełni konfigurowalne i edytowalne

Darmowe pobieranie:https://www.sketchappsources.com/free-source/2337-…

Low-fidelity App Wireframe Kit Sketch Resource

Low-fidelity App Wireframe Kit został zaprojektowany przez Kishore. Dzięki niemu masz wszystkie podstawowe elementy, aby narysować swoją aplikację mobilną z low-fidelity wireframe. Ma on obecnie 26122 odsłon i 11171 pobrań.

Darmowe pobieranie:https://www.sketchappsources.com/free-source/3171-…

Android Wireframing Kit Sketch Resource

Android Wireframing Kit został zaprojektowany przez Steph Kelly. Jeśli potrzebujesz zestawu wireframe do projektowania aplikacji na Androida, zalecamy użycie tego. Ten zestaw ma obecnie 23836 wyświetleń i 11044 pobrań.

Darmowe pobieranie: https://www.sketchappsources.com/free-source/2995-…

Sketch Prototyping Resources

Sketch to popularne narzędzie dla komputerów Mac. Jest on bardziej usprawniony i prostszy niż Photoshop lub inne podobne aplikacje. Więcej projektantów udostępnia darmowe zasoby prototypów szkiców, które mogą pomóc Ci szybko zbudować interaktywne prototypy dla Twojego projektu. Poniższe zasoby mogą pomóc w rozpoczęciu prototypowania za pomocą programu Sketch.

Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch

Adminian 2 ma szeroki wybór symboli i szablonów do szybkiego projektowania i prototypowania układów aplikacji internetowych. Za pomocą tego prototypowego zasobu można iteracyjnie narysować dowolny projekt. Ponadto, posiada wiele podejść, które zapewniają opcje dla Twojego projektu.

Features:

• 50+ szablonów stron & 120 ikon
• 200+ komponentów UI
• Material Design Grid
• Atomic Structure
• Responsive & Resizable Groups
• Kompatybilny ze Sketch

Darmowe pobieranie: https://ui8.net/products/adminian-2-wireframe-kit

Shop iOS App – UI and Prototype Sketch Resource

Shop iOS App został zaprojektowany przez Tobia Crivellari. Tobia to aplikacja sklepowa na iOS, która powstała dzięki inspiracji FILSO CO. Credits dla obrazów i treści idzie do FILSON CO. Ten zasób ma 32984 wyświetleń i 8093 pobrań teraz.

Features：

• Wszystkie treści są pakowane
• Over 10 ekranów w Sketch
• Principle prototyp dla iPhone 6

Darmowe pobieranie:https://www.sketchappsources.com/free-source/1821-…

Essential Prototyping Template Sketch Resource

Jest to prosta i elastyczna kolekcja najbardziej przydatnych stylów i symboli do tworzenia świetnie wyglądających prototypów. Wszystkie symbole są gotowe do pracy z funkcjami Sketch 39. Projektantem jest Konstantin Tereschenkov i obecnie ma on 44400 odsłon i 12988 pobrań na stronie SketchApp.

Darmowe pobieranie:https://www.sketchappsources.com/free-source/2156-…

3 Google Maps Views Sketch Resource

Prototyp 3 widoków Google Maps framer został zaprojektowany przez Sergeya Voronova. Ten zasób ma 41418 odsłon i 14340 pobrań.

Darmowe pobieranie:https://www.sketchappsources.com/free-source/1878-…

Szablony stron internetowych Sketch Zasoby

Elastyczność i potężne funkcje solidnego szablonu strony internetowej czynią go najlepszym sposobem na zbudowanie strony. Oto kilka zasobów szablonów stron internetowych Sketch dla Twojej inspiracji.

Royal London Equestrian – Szkoła Jazdy Konnej

Royal London to darmowy szablon szkicowy zaprojektowany z myślą o jeździectwie, jeździectwie, stajniach, pielęgnacji koni i szkołach jazdy konnej. Posiada wszystkie elementy projektowe, które są potrzebne do zbudowania funkcjonalnej strony internetowej. Co najlepsze, możesz tworzyć nowe strony z elementami projektowymi wielokrotnego użytku. Szablon posiada 2 pliki, pliki graficzne i plik Sketch. Ten szablon wymaga Sketch 40+.

Features:

• Łatwy w użyciu szablon
• 7 projektów stron
• 2 projekty stron z wiadomościami
• Symbole stron wielokrotnego użytku
• Bootstrap Grid
• Warstwowy & Zorganizowany
• Czysty & Nowoczesny styl

Darmowe pobieranie:https://themeforest.net/item/royal-london-horse-ri…

Web Wireframe Kit Template – idealny zestaw UX dla każdego projektu webowego

Ten szablon oferuje duży pakiet, w tym 110+ modułów wireframe i setki elementów. Możesz łatwo tworzyć prototypy wysokiej wierności z tymi makietami stron internetowych za pomocą Sketch lub Illustrator. Elementy są dobrze zorganizowane w oparciu o 12 kolumn, 1170px Bootstrap grid. Dodatkowo możesz zmienić szerokość elementów w Sketch, korzystając z funkcji ograniczeń.

Features:

• 110+ modułów pulpitu
• Kompatybilne i stworzone dla Sketch i Illustrator
• Siatka Bootstrap
• Przewodnik po projektowaniu i ikony materiałowe Google
• Stereny startowe

Darmowe pobieranie: https://elements.envato.com/web-wireframe-kit-L7TD…

Wireframing Template Sketch Resource

Szablon ten składa się ze wspólnych elementów wireframingowych do wykorzystania na desktopie i urządzeniach mobilnych, w tym 1-4 kolumny w różnych aranżacjach. Wszystkie treści i elementy są czysto pogrupowane i zorganizowane. Na przykład, istnieje 12 kolumnowe siatki oparte na Twitter Bootstrap. Ten szablon może być używany do projektowania stron internetowych, jak również innych projektów cyfrowych. Projektantem jest Garret Voorhees, a jego praca ma 127459 wyświetleń i 46203 pobrań na SketchApp.

Features:

• 3 poziomy nawigacji mobilnej
• Pełna gama stylów typografii
• Różne elementy UI
• Powszechnie używane ikony
• WYSIWYG elements

Darmowe pobieranie:https://www.sketchappsources.com/free-source/1552-…

Oxy Creative Template – szablon kreatywny dla Sketch & Photoshop

Oxy zawiera 2 szablony stron internetowych przeznaczone dla agencji kreatywnych i studiów. Oparty na siatce Bootstrap 1170px, ten zasób jest nowoczesny i elegancki. Pliki PSD są w pełni warstwowe i konfigurowalne. Dodatkowo, wszystkie elementy są zorganizowane według grup i mogą być łatwo zidentyfikowane przez nazwę grupy.

Features:

• 2 szablony stron
• Nowoczesny design
• Based on Bootstrap Grid System
• Free Google Fonts
• Well Organized Layers
• Kompatybilny ze Sketch & Photoshop

Darmowe pobieranie: https://ui8.net/products/oxy-creative-template

User Persona Template Sketch Resource

User Persona Template, bardzo podstawowy szablon stworzony dla Sketch, został zaprojektowany przez Meghan Hartman przy użyciu Fake Crow Persona. Może być używany do generowania person dla user experience, brandingu i strategii marketingowych. Obecnie ma 39743 odsłon i 9539 pobrań.

Features:

• Zawiera plik PDF
• Printer-friendly version

Darmowe pobieranie: https://fakecrow.com/free-persona-template/

Bootstrap Grid Template Sketch Resource

Grid Template został zaprojektowany przez Bruno Mullera. Jest to szablon układu Sketch 3 oparty na systemie siatki Bootstrap. Obecnie ma 35257 wyświetleń i 11061 pobrań. Jest wzbogacony o rozszerzalne klasy i zaawansowany system siatki.

Features:

• Bootstrap globalne ustawienia CSS
• Podstawowe elementy HTML stylizowane

Darmowe pobieranie: https://getbootstrap.com/docs/3.3/css/

More Resources on Sketch Website Templates

To jest prosty, darmowy wireframe landing page wykonany w Sketch App. Został zaprojektowany przez Pausrr i ma 53096 wyświetleń i 20206 pobrań na chwilę obecną.

Darmowe pobieranie:https://www.sketchappsources.com/free-source/1580-…

BetterDesk Landing Page Sketch Resource

BetterDesign.io to platforma społecznościowa do testowania projektów, kopiowania za darmo i uzyskiwania wyników w czasie rzeczywistym. Plik zawiera starannie zaprojektowany landing page z przyjazną ilustracją bohatera. Został zaprojektowany przez Betterdesign.io i ma 33081 wyświetleń i 16186 pobrań.

Darmowe pobieranie:https://www.sketchappsources.com/free-source/2470-…

Mobile UX Template Sketch Resource

Ten obszerny szablon mobilnego UX to zestaw schematów, przykładów przepływu użytkownika oraz medialna biblioteka ikon zaprojektowana przez ArcTouch. Może pomóc Ci uporządkować myślenie i ujednolicić interesariuszy Twojego projektu. Ma 103138 wyświetleń i 29879 pobrań.

Darmowe pobieranie:https://arctouch.com/insights/design_templates/mob…

iPhone Wireframe Template Sketch Resource

Ten plik szkicu zaprojektowany przez Edwina Delgado ma 2 strony – Assets i Mockup. Edwin chciał się podzielić czymś co zrobił w Sketch, więc powstał prosty szablon iPhone 6, który może być użyty do prezentacji lub przepływów. Zawiera on kilka podstawowych linii, przycisków i ramek. Ma dwie strony, jedną dla aktywów, a drugą opisującą szczegółowo jego proces.

Features:

• Podstawowe linie, przyciski i ramki
• Dwie strony – aktywa i mockup

Darmowe pobieranie:https://www.sketchappsources.com/free-source/1166-…

iPhone 6 Plus i iPhone 6 Wireframe Sketch Resource

Ten iPhone 6 Plus i iPhone 6 Wireframe został zaprojektowany przez Andrea Ripamonti. Obecnie ma 82729 odsłon i 28999 pobrań.

Darmowe pobieranie:https://www.sketchappsources.com/free-source/799-i…

Avia UI Kit – 40 szkiców szablonów profili

Avia UI kit jest pięknym zestawem profili UI, który zawiera 40 zorganizowanych stron docelowych i 40 darmowych ikon. Każdy jego ekran jest w pełni konfigurowalny i wyjątkowo łatwy w użyciu. Stworzony dla Sketch i Photoshop, ten zestaw profilowy jest czwartą częścią oszałamiającej serii UI.

Features：

• 40 Piękne strony docelowe
• 40 Darmowe bonusowe ikony
• Wysoko wypolerowany design
• Pięknie zorganizowany

Darmowe pobieranie: https://ui8.net/products/avia-ui-kit-profiles

HEXA Creative Website UI Kit

HEXA to prosty, czysty i kreatywny zestaw UI strony internetowej stworzony przez Webhance Studio. Został zaprojektowany, aby zaspokoić potrzeby projektowe projektantów i deweloperów. Typy plików to JPG, PNG, PSD, SKETCH, SVG. Dodatkowo w zestawie znajduje się 250 + skalowalnych ikon SVG (wektorowych). Wszystkie elementy są wolne do użytku.

Features:

• Adobe Photoshop supported
• Kreatywne i nowoczesne projekty
• Wysoka jakość i najnowsze pliki
• Najnowsza wersja Sketch
• Darmowe fonty Google
• Szeroka jakość pikseli
• 100% edytowalne warstwy i układy

Darmowe pobieranie: https://elements.envato.com/hexa-creative-website-…

Snap UI kit – iOS 8 wireframes Built for Sketch

Snap Kit to narzędzie do tworzenia makiet w systemie iOS 8 zbudowane dla Sketch. Dzięki 22 pięknym makietom systemu iOS 8 i wielu komponentom UI pomaga szybko stworzyć makietę przepływu aplikacji przez typowe ekrany systemu iOS. Znacznie łatwiej jest tworzyć eleganckie makiety i uporządkowane przepływy aplikacji za pomocą tego zestawu.

Darmowe pobieranie: https://designhooks.com/freebies/snap-ui-kit-ios-8…

Material Design Template V2 Sketch Resource

Material Design Template V2 został zaprojektowany przez Kyle’a Ledbettera, którego pasją jest Material Design. Obecnie ma on 81459 wyświetleń i 32021 pobrań.

Darmowe pobieranie: https://dribbble.com/shots/2296655-Material-Design…

Więcej o Sketch UI Design Resources

Bootflat UI kit to wersja Sketch frameworka Bootflat zaprojektowana przez Anh Nguyen. Ma on 68220 wyświetleń i 20517 pobrań.

Darmowe pobieranie: https://www.sketchappsources.com/free-source/838-b…

UI Frames Sketch Resource

To jest ewoluujący Sketch wielokrotnego użytku wireframe UI kit zaprojektowany przez Mariz Melo. Ma on 52048 wyświetleń i 16784 pobrań.

Darmowe pobieranie: https://dribbble.com/shots/1847092-UIFrames

Bootsketch UI Framework Sketch Resource

Jest to framework Sketch UI zaprojektowany przez Damiana Walsha. Oparty na Twitter Bootstrap, jest idealny do prototypowania lub tworzenia przewodników stylu front-end. Ponadto, wszystkie elementy są zorganizowane jako Symbole lub Style Tekstu, umożliwiając zmiany w całym projekcie.

Darmowe pobieranie: https://www.sketchappsources.com/free-source/1448-…

Wtyczki Sketch Zasoby

Podsumowałem poniżej 2 z najlepszych wtyczek Sketch dla projektantów UX/UI, które pomogą usprawnić Twój przepływ pracy projektowej.

Mockplus iDoc – narzędzie do współpracy projektowej online & handoff design

Mockplus iDoc sprawia, że cały projekt produktu działa razem. Automatycznie generuje specyfikacje i zasoby, a także tworzy interaktywne i animowane prototypy. Po prostu prześlij projekty jednym kliknięciem wystarczy pobrać wtyczkę Sketch, możesz inteligentnie generować specyfikacje i przeglądać dane specyfikacji za pomocą prostego kliknięcia myszy.

Co sprawia, że ta wtyczka jest wyjątkowa?

• Łatwy dostęp do specyfikacji na różne sposoby

W iDoc istnieją trzy tryby specyfikacji. Możesz najechać na dowolną warstwę; możesz wybrać pojedynczą lub wiele warstw; możesz przytrzymać Alt, aby przekonwertować specyfikacje na wartości procentowe.

• Jedno kliknięcie, aby wyświetlić zduplikowane elementy

Jednym kliknięciem możesz wyświetlić zduplikowane elementy projektu, takie jak tekst, kolor, margines i szerokość. Wszystkie zduplikowane elementy będą wyświetlane na ekranie jednocześnie, znacznie poprawiając wydajność pracy.

Mockplus – Narzędzie do szybkiego prototypowania

Używając wtyczki Mockplus w Sketch, możesz eksportować pliki MP i tworzyć prototypy Sketch w Mockplus. Dzięki temu projektanci mogą współpracować i dodawać adnotacje, aby dzielić się nimi z członkami zespołu.

Jak z niego korzystać? Wystarczy wykonać 3 kroki:

Krok 1: Pobierz wtyczkę Sketch. Jest to darmowe narzędzie.

Krok 2: Wybierz „Plugins” – „Mockplus” – „Export project files” po zakończeniu projektowania.

Krok 3: Przeprojektuj swoją zawartość, aby dodać interakcje w Mockplus. Dodatkowo, Mockplus posiada 3000+ wstępnie zaprojektowanych komponentów, abyś mógł szybko uczynić swój interfejs bardziej doskonałym.