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.


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.

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.

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 .

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 .

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.

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.

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.

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 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.

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.

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 .

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.

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.

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.

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

Geschenke-Austausch-Ideen: 40 Geschenke, die Sie unter $ 5 erhalten können
Der beste Teil über Ferien-Shopping sind die Schnäppchen, die in bestimmten Geschäften, sowohl Online-Shops als auch physischen zur Verfügung gestellt werden. Wenn Sie wissen, wo Sie suchen müssen, können Sie Edelsteine für unter $ 5 finden. Wir haben die Kleinarbeit gemacht und 50 dieser weniger als 5 $ Dinge gefunden, die Sie während dieser festlichen Saison kaufen können (wir machen keine Witze, das sind zeitkritische Schnäppchen).Ein paar Tipp

Die GIF-Suchfunktionalität ist jetzt in der WhatsApp Beta verfügbar
Das Posten eines GIFs in Ihrem WhatsApp Chat wird für Android Benutzer viel einfacher sein , da Version 2.17.6 der WhatsApp Beta App eine GIF Suchfunktion mit sich gebracht hat.Vor der Veröffentlichung der WhatsApp Beta-Version 2.17.6 konnten Android-Benutzer nur GIFs senden und empfangen, da die Dateien auf dem Gerät gespeichert sind. D