Kostenlose Sketch GUI Kits für Web & Mobile Design - Best of

Viele Designer springen schnell aus Adobe Photoshop in das wunderbare Reich von Sketch. Dieses digitale Design-Programm für OS X bietet bessere Werkzeuge für UI-Design, Icon-Design und bietet Pixel + Vektor-Unterstützung in einem Programm. Dies hat zu einem Anstieg der Beliebtheit von Freebies geführt, die von Sketch Designern veröffentlicht wurden .

Jeder, der mit dem Freebie-Marktplatz vertraut ist, weiß, dass UI-Kits zu den beliebtesten Ressourcen für die Arbeit am Interface gehören. Ich habe diese Auswahl an kostenlosen Sketch UI-Kits für Websites und mobile Apps zusammengestellt. Jedes Kit kann kostenlos heruntergeladen werden und sollte mit jeder Version von Sketch funktionieren. Fühlen Sie sich frei, alles zu greifen, was Ihnen ins Auge fällt, und sehen Sie, ob Sie diese Interface-Kits sinnvoll einsetzen können.

Web-UI-Kits

Websites sind nach wie vor das Herzstück des UI-Designs, und vor dem Codieren sind oft Modelle erforderlich. Diese UI-Kits geben Ihnen die Ressourcen, die Sie benötigen, um digitale Schnittstellen von Schönheit und Zweck zu erstellen, die schnell in echte Website-Layouts codiert werden können.

Dunkles UI-Kit

Dieses rein dunkelgraue / blaue UI-Kit wurde speziell für Sketch 3+ entwickelt und enthält gängige Elemente wie Schaltflächen, Schieberegler, Dropdowns und Schalter. Jedes Element verfügt außerdem über einen Ein / Aus-Status, sodass Sie Schnittstellenelemente mit benutzerdefinierten interaktiven Status erstellen können.

Dark & ​​Light UI-Kit Hier ist ein einzigartiges Kit, das mit einem dunklen und hellen Hintergrundstil für ein breiteres Publikum geeignet ist. Dieses Kit konzentriert sich mehr auf Seitenwidgets als auf einfache Elemente. Sie finden daher viele obskure Objekte wie Ladebalken und Media-Player .

Sommer-UI-Kit

Dieses Sommer-UI-Kit enthält zahlreiche Schaltflächen, Formulare, Dropdown-Menüs und andere sehr gängige Seitenelemente zur Verbesserung digitaler Modelle. Außerdem ist es ein vollflächiges Sketch-Dokument, sodass Sie problemlos Änderungen am Inhalt vornehmen können.

Perle UI-Kit

Das Pearl UI Kit folgt einem sehr einfachen flachen Design mit grundlegenden Seitenelementen. Schaltflächen, Eingabefelder, Akkordeons und Tabs sind nur einige der Möglichkeiten, die Ihnen zur Verfügung stehen. Wenn Sie neu zu skizzieren sind, dann könnte dieses Kit nützlich sein, um Ihnen zu helfen, das Design Ihres eigenen Kits zu dekonstruieren.

Landing Seitenlayouts

Dieses ziemlich obskure Freebie funktioniert am besten während des Wireframing-Stadiums . Diese Layouts werden in Sketch nicht vollständig gerendert und bieten stattdessen Low-Fidelity-Layouts mit statischen Blockelementen. Die Farben, Formen und die Positionierung dieser Layouts sollten jedem UI-Designer helfen, den Wireframing-Prozess besser zu verstehen .

Web App-Benutzeroberflächensatz

Ein sehr einfaches UI-Kit rund um das Thema der Tesla Motorfahrzeuge, dieses Freebie ist viel detaillierter als der Rest. Sie haben Zugriff auf einfache Schaltflächen, verfügen aber auch über komplexere Schnittstellenelemente wie eine detaillierte Tabellenliste und ein Kalenderwidget .

Flexibles UI-Kit

Dies ist zweifellos eines der umfangreichsten UI-Kits, die Sie jemals für Sketch finden werden. Die Live-Demo-Seite zählt mehr als 25 verschiedene Arten von Elementen, von Bild-Schiebereglern bis hin zu Checkout-Formularen und Benutzerkommentaren . Definitiv eines der coolsten und nützlichsten Sketch-Freebie-Kits, die Sie im Internet finden.

Bootsketch UI

UI-Designer sind oft aus der Schleife, wenn es um Frontend-Frameworks geht, weshalb dieses Freebie ein Vergnügen ist. Dieses Bootsketch-Kit enthält Vektorelemente für jedes vorhandene Bootstrap-Element. Dies macht es sehr einfach, Bootstrap-basierte Modelle in Sketch zu erstellen, ohne den Browser zu berühren.

Tiny flache UI-Kit

Dieses übersichtliche UI-Kit entfernt sich vom flachen Design, um die Ästhetik von Farbverläufen und Tiefen in Seitenelementen zu berücksichtigen . Es ist ein lustiges Kit, das in jedem Projekt verwendet werden kann und demonstriert, dass alles, was Sie in Photoshop tun können, in Sketch ebenfalls möglich ist.

Mehr

Wenn Sie nach mehr Alternativen suchen, werfen Sie einen Blick auf diese kleine Liste von Web-UI-Kits.

• Marmor UI-Kit
• Elemente Bibliothek UI-Kit
• Fresh UI-Kit
• Dink UI Kit (Beispiel)
• UI Kit für Web und Mobile

Mobile UI-Kits

Die Liebe zu nativen mobilen Apps nimmt weiter zu, je mehr Menschen in die mobile Wirtschaft einsteigen. Obwohl App-Downloads nachgelassen haben, sind immer noch hochwertige Schnittstellen für native Apps erforderlich, um Desktop-Apps zu ergänzen. Mit diesen kostenlosen Sketch UI-Kits können Sie qualitativ hochwertige mobile Apps für alle Geräte entwickeln und gleichzeitig mit den Unterschieden zwischen Auflösungen und Retina-Bildschirmen Schritt halten.

iOS 9.3 UI-Kit

Apples kontinuierlicher Drang nach mehr Innovation pumpt fast jedes Jahr ein neues mobiles Betriebssystem heraus. Der aktuelle Trend ist iOS 9 und dieses UI-Kit bietet alles, was Sie für native iOS-Anwendungen benötigen.

Salesforce1 Drahtmodellkit

Salesforce1 ist eine beliebte Dashboard-App für das Client- und Kundenmanagement. Dieses Salesforce1-UI-Kit bietet alle üblichen Elemente ihrer iPhone-App, um ihre Designästhetik zu basteln und wiederzuverwenden.

Mobile UX-Vorlage

Demonstrieren Sie gerade ein mobiles UX für eine iPhone- oder Android-Anwendung? Dann wird dieses Sketch-Freebie Ihnen sicherlich dabei helfen, dieses Drahtgitter mit Leichtigkeit zu vervollständigen. Es ist eine kostenlose Möglichkeit, um Ihre Drahtbruch / Prototyping-Phase auf einem digitalen Bildschirm zu starten.

Social App iOS UI-Kit

Von Snapchat bis Pinterest haben Dutzende von sozialen Netzwerken in den letzten Jahren an Popularität gewonnen. Dieses soziale UI-Kit könnte helfen , die nächste große soziale App zu starten und schnell auf eine breite Zielgruppe von iPhone-Nutzern zu skalieren .

Mond Wireframe Kit

Dieses Moon Wireframing Kit ist eine großartige Mischung aus gerenderten Interfaces mit einer Neigung zum Wireframing . Das Kit enthält 50 einzigartige mobile App-Bildschirme, die für jedes Projekt angepasst und neu angeordnet werden können. Sie können das Moon UI-Kit für einfaches Wireframing oder für vollständige UI-Modelle verwenden.

Reise-App UI-Kit

Hier ist ein dunkles und doch schönes UI-Kit, das auf einer Reise-App für Sketch 3+-Benutzer basiert. Es ist für jeden geeignet, der mit einem Flug oder einem mobilen App-Konzept herumtollen möchte.

Instagram UI-Kit

Foto-Sharing-Mobile-Apps sättigen den Markt und einige Apps enthalten zusätzlich zum Hauptzweck der App auch Fotosharing-Funktionen. Es ist also großartig, dieses kostenlose Instagram-UI-Kit für Sketch-Designer verfügbar zu haben, um die Fotofunktionalität in ihren eigenen Designs zu replizieren. Es handelt sich um ein einfaches iOS-Foto-App-UI-Konzeptpaket.

Mehr

Es gibt viel zu viele GUI-Kits in diesem Beitrag zu schreiben, aber ich kann auch keine guten zurücklassen. Wenn Sie also noch mehr mobile Sketch UI-Ressourcen benötigen, werfen Sie einen Blick auf diese Alternativen.

• Routen-UI-Kit
• iOS 7 UI Kit Licht
• Uber iOS Drahtmodellkit
• Photo Splash iOS UI-Kit
• Phoenix UI Kit - Vol. 1