30 nejlepších bezplatných zdrojů pro aplikaci Sketch – sady uživatelských rozhraní, drátěné kostry, zásuvné moduly

13 září, 2021
| Žádné komentáře

Největší sbírka bezplatných zdrojů pro aplikaci Sketch, která zahrnuje sady drátěných kostrbatých skic, prototypování skic, šablony skic, šablony skic atd.

Sketch, nástroj pro vektorový design, který běží na Macu, je jednoduchý a snadno použitelný, díky čemuž si ho oblíbilo stále více designérů. Navíc stále více designérů sdílí bezplatné zdroje aplikace Sketch, čímž designérům UX/UI podávají pomocnou ruku při snadném a rychlém vytváření jejich projektů. Zde jsem shromáždil 30 nejlepších bezplatných zdrojů aplikace Sketch, včetně sad Sketch UI Kits, drátěných rámů Sketch, pluginů Sketch, šablon aplikací Sketch a dalších.

Tady je sbírka nejlepších bezplatných sad drátěných rámů Sketch pro návrh drátěných rámů mobilních aplikací a webových stránek v roce 2018. Drátěný rámec je jedním z nejlepších způsobů, jak se podělit o své nápady na design, a stačí si stáhnout některou z následujících sad a můžete bez námahy kreslit vlastní aplikace a webové stránky.

Sada drátěného rámce pro mobilní zařízení Liberty

Sada drátěného rámce pro mobilní zařízení Liberty je vysoce přizpůsobitelný nástroj pro navrhování mobilních aplikací nejvyšší rychlostí. Jednoduchým přetažením jeho předpřipravených vlastních prvků můžete nakreslit vlastní mobilní aplikaci. Kromě toho obsahuje 125 obrazovek, bezplatná písma Google a širokou škálu prvků s možností úplného přizpůsobení, díky čemuž si zkrátka poradí s jakýmkoli velkým i malým projektem. Tato sada obsahuje soubory PSD a Sketch.

Vlastnosti:

  • 9 kategorií
  • Plně vrstvené
  • 2x rozlišení 750x1334px
  • Kompatibilní s programem Sketch & Photoshop

Zdarma ke stažení: https://elements.envato.com/liberty-mobile-wirefra…

Mobile UI Wireframe Kit Sketch Resource

Mobile UI Wireframe Kit navrhl Ray Macari. Tento zdroj je velkým hitem na SketchApp s 72353 zobrazeními a 32906 staženími. Obsahuje 57 mobilních obrazovek a ikon s gesty, které mohou urychlit váš pracovní postup UX. Všechny prvky jsou plně přizpůsobitelné, takže můžete snadno upravit jakýkoli styl. S touto sadou navíc můžete volně zobrazit základní rozvržení stránky, architekturu aplikace, obsah a tok uživatelského rozhraní.

Vlastnosti:

  • 57 mobilních obrazovek
  • Ikony gest
  • Anotační prvky a symboly

Stažení zdarma: https://www.sketchappsources.com/free-source/2162-…

Sada drátěných rámů Sketch

Tuto sadu drátěných rámů Sketch navrhl Riza Selçuk Saydam, designér, který sdílí bezplatné designové zdroje. Riza již dříve sdílel návrh mobilní aplikace Akıllı Vatandaş, ale bez jejího drátěného rámu; od té doby zveřejnil tuto sadu na SketchApp. Od zveřejnění má prozatím 49391 zobrazení a 20188 stažení. Pro více informací můžete přejít i na případovou studii mobilní aplikace Smart Citizen.

Vlastnosti:

  • Plochý styl
  • Kompatibilní s aplikací Sketch & Photoshop
  • Vektorový styl
  • Sada drátěného rámu Sketch

Zdarma ke stažení: https://dribbble.com/shots/1764849-Wireframe-free-…

Carbon Material Wireframe Kit Sketch Resource

Carbon Material Wireframe Kit navrhl kolega designér z Řecka jménem Panagiotis. Tato estetická, vysoce kvalitní sada pro wireframing materiálového designu se skládá z 15 artboardů s dobře strukturovanými a pojmenovanými vrstvami a také ze spousty opakovaně použitelných prvků. Je to preferovaný nástroj pro vaše aplikace elektronického obchodu pro systém Android. Tato vysoce oblíbená bezplatná sada má 72216 zobrazení a 24018 stažení.

Vlastnosti:

  • Styl materiálového designu
  • 15 artboardů
  • Dobře strukturované vrstvy
  • dokonale přizpůsobitelné a upravitelné

Zdarma ke stažení:https://www.sketchappsources.com/free-source/2337-….

Sada náčrtů drátěného modelu aplikace s nízkou věrností

Sadu náčrtů drátěného modelu aplikace s nízkou věrností navrhl Kishore. Díky ní máte k dispozici všechny základní prvky pro nakreslení drátěného modelu mobilní aplikace s nízkou věrností. V současné době má 26122 zobrazení a 11171 stažení.

Zdarma ke stažení:https://www.sketchappsources.com/free-source/3171-…

Android Wireframing Kit Sketch Resource

Android Wireframing Kit navrhl Steph Kelly. Pokud potřebujete wireframe kit pro návrh aplikace pro Android, doporučujeme použít tento. Tato sada má v současné době 23836 zobrazení a 11044 stažení.

Zdarma ke stažení: https://www.sketchappsources.com/free-source/2995-…

Sketch Prototyping Resources

Sketch je oblíbený nástroj pro Mac. Je přehlednější a jednodušší než Photoshop nebo jiné podobné aplikace. Stále více návrhářů sdílí bezplatné zdroje skicových prototypů, které vám mohou pomoci rychle vytvořit interaktivní prototypy pro váš projekt. Následující zdroje vám mohou pomoci začít s tvorbou prototypů pomocí aplikace Sketch.

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

Adminian 2 má široký výběr symbolů a šablon pro rychlý návrh a tvorbu prototypů rozložení webových aplikací. Pomocí tohoto prototypového prostředku jste schopni iterativně nakreslit jakýkoli projekt. Navíc obsahuje více přístupů, které poskytují možnosti pro váš projekt.

Vlastnosti:

  • 50+ šablon stránek & 120 ikon
  • 200+ komponent uživatelského rozhraní
  • Mřížka hmotného designu
  • Atomická struktura
  • Responzivní &Responzivní skupiny
  • Kompatibilní se Sketch

Stažení zdarma: https://ui8.net/products/adminian-2-wireframe-kit

Shop iOS App – UI and Prototype Sketch Resource

Shop iOS App navrhl Tobia Crivellari. Tobia je aplikace pro obchod iOS, která byla vytvořena na základě inspirace společností FILSO CO. Kredity za obrázky a obsah patří společnosti FILSON CO. Tento zdroj má nyní 32984 zobrazení a 8093 stažení.

Vlastnosti：

  • Všechen obsah je zabalen
  • Více než 10 obrazovek ve Sketch
  • Princip prototypu pro iPhone 6

Zdarma ke stažení:https://www.sketchappsources.com/free-source/1821-….

Základní šablony prototypů Sketch Resource

Jedná se o jednoduchou a flexibilní kolekci nejužitečnějších stylů a symbolů pro tvorbu skvěle vypadajících prototypů. Všechny symboly jsou připraveny pro funkce aplikace Sketch 39. Autorem je Konstantin Těreščenkov a v současné době má na webu SketchApp 44400 zobrazení a 12988 stažení.

Zdarma ke stažení:https://www.sketchappsources.com/free-source/2156-…

3 pohledy na Mapy Google Sketch Resource

Tři pohledy na prototyp rámečku Map Google navrhl Sergej Voronov. Tento zdroj má 41418 zobrazení a 14340 stažení.

Zdarma ke stažení:https://www.sketchappsources.com/free-source/1878-…

Skicové šablony webových stránek Zdroje

Pružnost a výkonné funkce pevné šablony webových stránek z ní dělají nejlepší způsob, jak vytvořit web. Zde je několik zdrojů šablon webových stránek Sketch pro vaši inspiraci.

Royal London Equestrian – Jezdecká škola

Royal London je bezplatná šablona Sketch navržená s ohledem na jezdectví, jezdectví, stáje, péči o koně a jezdecké školy. Obsahuje všechny designové prvky, které potřebujete k vytvoření funkčních webových stránek. Nejlepší je, že můžete vytvářet nové stránky s opakovaně použitelnými prvky návrhu. Obsahuje 2 soubory, grafické soubory a soubor Sketch. Tato šablona vyžaduje aplikaci Sketch 40+.

Vlastnosti: Slouží jako nástroj pro tvorbu grafiky:

  • Snadno použitelná šablona
  • 7 návrhů stránek
  • 2 návrhy novinkových stránek
  • Znovu použitelné symboly stránek
  • Bootstrap Grid
  • Vrstevnatá &Organizovaná
  • Čistá &Moderní styl

Stažení zdarma:https://themeforest.net/item/royal-london-horse-ri….

Šablona Wireframe Kit – dokonalá sada UX pro jakýkoli webový projekt

Tato šablona nabízí velký balík, včetně více než 110 modulů wireframe a stovek prvků. S těmito maketami webových stránek můžete snadno vytvářet vysoce věrné prototypy pomocí aplikace Sketch nebo Illustrator. Prvky jsou přehledně uspořádány na základě 12sloupcové, 1170px mřížky Bootstrap. Kromě toho můžete v aplikaci Sketch měnit šířku prvků pomocí funkce omezení.

Vlastnosti:

  • 110+ desktopových modulů
  • Kompatibilní a vytvořené pro aplikace Sketch a Illustrator
  • Mřížka Bootstrap
  • Průvodce návrhem a materiálové ikony od společnosti Google
  • Úvodní obrazovky

Stažení zdarma: https://elements.envato.com/web-wireframe-kit-L7TD…

Zdroj náčrtků šablony wireframingu

Tato šablona se skládá z běžných prvků wireframingu pro použití na počítačích a mobilních zařízeních, včetně 1-4 sloupců v různých uspořádáních. Veškerý obsah a prvky jsou přehledně seskupeny a uspořádány. K dispozici je například 12 sloupcových mřížek založených na Twitter Bootstrap. Tuto šablonu lze použít pro webový design i další digitální projekty. Autorem návrhu je Garret Voorhees a jeho práce má na SketchApp 127459 zobrazení a 46203 stažení.

Vlastnosti:

  • 3 úrovně mobilní navigace
  • Celá řada typografických stylů
  • Různé prvky uživatelského rozhraní
  • Běžně používané ikony
  • Prvky WYSIWYG

Zdarma ke stažení:https://www.sketchappsources.com/free-source/1552-….

Kreativní šablona Oxy – Kreativní šablona pro Sketch & Photoshop

Oxy obsahuje 2 šablony webových stránek určené pro kreativní agentury a studia. Tento zdroj založený na 1170px mřížce Bootstrap je moderní a elegantní. Soubory PSD jsou plně vrstvené a přizpůsobitelné. Všechny prvky jsou navíc uspořádány podle skupin a lze je snadno identifikovat také podle názvu skupiny.

Vlastnosti:

  • Šablony 2 stránek
  • Moderní design
  • Založené na mřížkovém systému Bootstrap
  • Fontové písmo Google zdarma
  • Dobře uspořádané vrstvy
  • Kompatibilní s programem Sketch & Photoshop

Zdarma ke stažení: https://ui8.net/products/oxy-creative-template

Šablona uživatelské persony Sketch Resource

Šablonu uživatelské persony, velmi základní šablonu vytvořenou pro Sketch, navrhla Meghan Hartman s použitím persony Fake Crow. Lze ji použít pro generování person pro uživatelské zkušenosti, budování značky a marketingové strategie. V současné době má 39743 zobrazení a 9539 stažení.

Vlastnosti:

  • Obsahuje soubor PDF
  • Verze vhodná pro tisk

Zdarma ke stažení: https://fakecrow.com/free-persona-template/

Šablona Bootstrap Grid Sketch Resource

Šablonu Grid navrhl Bruno Muller. Jedná se o šablonu rozvržení Sketch 3 založenou na mřížkovém systému Bootstrap. V současné době má 35257 zobrazení a 11061 stažení. Je obohacena o rozšiřitelné třídy a pokročilý systém mřížky.

Vlastnosti:

  • Globální nastavení CSS Bootstrap
  • Základní stylizované prvky HTML

Zdarma ke stažení: https://getbootstrap.com/docs/3.3/css/

Další zdroje o šablonách webových stránek Sketch

Jedná se o jednoduchý, bezplatný wireframe vstupní stránky vytvořený v aplikaci Sketch. Navrhl ji Pausrr a prozatím má 53096 zobrazení a 20206 stažení.

Zdarma ke stažení:https://www.sketchappsources.com/free-source/1580-…

Zdroje pro Landing Page ve Sketch

BetterDesign.io je sociální platforma, na které můžete testovat svůj návrh, kopírovat zdarma a získávat výsledky v reálném čase. Soubor obsahuje pečlivě navrženou vstupní stránku s přívětivou ilustrací hrdiny. Je navržena společností Betterdesign.io a má 33081 zobrazení a 16186 stažení.

Zdarma ke stažení:https://www.sketchappsources.com/free-source/2470-…

Mobilní šablona UX Sketch Resource

Tato rozsáhlá mobilní šablona UX je sada schémat, příkladů uživatelského toku a mediální knihovny ikon navržená společností ArcTouch. Může vám pomoci uspořádat vaše myšlení a sladit zainteresované strany vašeho projektu. Má 103138 zobrazení a 29879 stažení.

Zdarma ke stažení:https://arctouch.com/insights/design_templates/mob…

iPhone Wireframe Template Sketch Resource

Tento soubor s náčrtem navržený Edwinem Delgadem má 2 stránky – Assets a Mockup. Edwin se chtěl volně podělit o něco, co vytvořil ve Sketchi, a tak vznikla jednoduchá šablona iPhonu 6, kterou lze použít pro prezentace nebo toky. Obsahuje několik základních čar, tlačítek a rámečků. Má dvě stránky, jednu pro aktiva a druhou s podrobným popisem jeho postupu.

Vlastnosti:

  • Základní čáry, tlačítka a rámečky
  • Dvě stránky – aktiva a maketa

Zdarma ke stažení:https://www.sketchappsources.com/free-source/1166-….

iPhone 6 Plus a iPhone 6 Wireframe Sketch Resource

Tento iPhone 6 Plus a iPhone 6 Wireframe navrhl Andrea Ripamonti. V současné době má 82729 zobrazení a 28999 stažení.

Zdarma ke stažení:https://www.sketchappsources.com/free-source/799-i…

Avia UI Kit – 40 šablon skic profilů

Avia UI Kit je krásná sada profilů UI, která obsahuje 40 uspořádaných vstupních stránek a 40 ikon zdarma. Každá její obrazovka je plně přizpůsobitelná a výjimečně snadno použitelná. Tato profilová sada, vytvořená pro Sketch a Photoshop, je čtvrtou částí úžasné série uživatelských rozhraní.

Vlastnosti：

  • 40 krásných vstupních stránek
  • 40 bonusových ikon zdarma
  • Vysoce vybroušený design
  • Pěkně uspořádané

Ke stažení zdarma: https://ui8.net/products/avia-ui-kit-profiles

HEXA Creative Website UI Kit

HEXA je jednoduchá, čistá a kreativní sada uživatelského rozhraní webových stránek vytvořená společností Webhance Studio. Je navržena tak, aby splňovala potřeby designérů a vývojářů. Mezi typy souborů patří JPG, PNG, PSD, SKETCH, SVG. Kromě toho obsahuje 250 + škálovatelných ikon SVG ( vektorových ). Všechny prvky jsou k použití zdarma.

Vlastnosti:

  • Podporován Adobe Photoshop
  • Kreativní a moderní návrhy
  • Vysoce kvalitní a nejnovější soubory
  • Nejnovější verze Sketch
  • Bezplatná písma Google
  • Ostré pixely
  • 100% upravitelné vrstvy a rozvržení

Zdarma ke stažení:

Snap Kit je nástroj pro tvorbu wireframů pro iOS 8 vytvořený pro Sketch

Snap Kit je nástroj pro tvorbu wireframů pro iOS 8 vytvořený pro Sketch. Pomůže vám rychle vytvořit maketu toku vaší aplikace přes běžné obrazovky iOS díky 22 krásným maketám iOS 8 a spoustě komponent uživatelského rozhraní. Pomocí této sady je mnohem snazší vytvářet elegantní wireframy a strukturované toky aplikací.

Stažení zdarma: https://designhooks.com/freebies/snap-ui-kit-ios-8…

Šablona Material Design V2 Sketch Resource

Šablonu Material Design V2 navrhl Kyle Ledbetter, který se věnuje Material Designu. V současné době má 81459 zobrazení a 32021 stažení.

Zdarma ke stažení: https://dribbble.com/shots/2296655-Material-Design…

Další zdroje pro návrh uživatelského rozhraní ve Sketchi

Sada uživatelského rozhraní Bootflat je verze frameworku Bootflat ve Sketchi, kterou navrhl Anh Nguyen. Má 68220 zobrazení a 20517 stažení.

Zdarma ke stažení: https://www.sketchappsources.com/free-source/838-b…

UI Frames Sketch Resource

Jedná se o vyvíjející se opakovaně použitelnou sadu drátěných rámů uživatelského rozhraní Sketch, kterou navrhl Mariz Melo. Má 52048 zobrazení a 16784 stažení.

Zdarma ke stažení: https://dribbble.com/shots/1847092-UIFrames

Bootsketch UI Framework Sketch Resource

Jedná se o Sketch UI framework navržený Damianem Walshem. Je založen na platformě Twitter Bootstrap a je ideální pro vytváření prototypů nebo průvodců stylem front-endu. Kromě toho jsou všechny prvky uspořádány jako symboly nebo textové styly, což umožňuje aplikovat změny v celém projektu.

Stáhnout zdarma: https://www.sketchappsources.com/free-source/1448-…

Zdroje zásuvných modulů Sketch

Níže jsem shrnul 2 nejlepší zásuvné moduly Sketch pro návrháře UX/UI, které vám pomohou zefektivnit práci s návrhem.

Mockplus iDoc – Online nástroj pro spolupráci na návrhu & předání návrhu

Mockplus iDoc umožňuje, aby celý váš návrh produktu pracoval společně. Automaticky generuje specifikace a prostředky a vytváří interaktivní a animované prototypy. Stačí nahrát návrhy jedním kliknutím, stačí stáhnout zásuvný modul Sketch, můžete chytře generovat specifikace a zobrazovat data specifikací jednoduchým kliknutím myši.

Čím je tento zásuvný modul výjimečný?

  • Snadný přístup ke specifikacím různými způsoby

V iDocu jsou tři režimy specifikací. Můžete najet na libovolné vrstvy; můžete vybrat jednu nebo více vrstev; můžete podržet klávesu Alt a převést specifikace na procentuální hodnoty.

  • Jedním kliknutím zobrazíte duplicitní prvky

Jedním kliknutím zobrazíte duplicitní prvky návrhu, například text, barvu, okraje a šířku. Všechny duplicitní prvky se zobrazí na obrazovce najednou, čímž se výrazně zvýší efektivita vaší práce.

Mockplus – nástroj pro rychlé prototypování

Pomocí zásuvného modulu Mockplus v aplikaci Sketch můžete exportovat soubory MP a vytvářet prototypy Sketch v aplikaci Mockplus. To umožňuje návrhářům spolupracovat a přidávat poznámky, které můžete sdílet se členy týmu.

Jak jej používáte? Stačí tři kroky:

Krok 1: Stáhněte si zásuvný modul Sketch. Je to bezplatný nástroj.

Krok 2: Po dokončení návrhu zvolte „Pluginy“ – „Mockplus“ – „Exportovat soubory projektu“.

Krok 3: Přepracujte obsah a přidejte interakce v Mockplus. Mockplus navíc obsahuje více než 3000 předpřipravených komponent, které vám umožní rychle zdokonalit vaše rozhraní.

Articles