Free Sketch GUI Kits für Web & Mobile Design - Das Beste aus

Viele Designer springen schnell von Adobe Photoshop in das wundervolle Reich von Sketch. Dieses digitale Designprogramm 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 einer Zunahme der Popularität für geführt Werbegeschenke von Sketch-Designern.

Jeder, der mit dem Freebie-Markt vertraut ist, weiß, dass UI-Kits zu den beliebtesten Ressourcen für das Interface-Design gehören. Ich habe diese Auswahl kostenloser 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 packen, was Ihnen ins Auge fällt, und sehen Sie, ob Sie diese Interface-Kits sinnvoll einsetzen können.

Web-UI-Kits

Websites sind immer noch das Herzblut für das Design der Benutzeroberfläche, und vor dem Programmieren sind häufig Modelle erforderlich. Diese UI-Kits geben Ihnen die Ressourcen, die Sie benötigen, um digitale Schnittstellen für Schönheit und Zweck zu erstellen, die schnell in reale Website-Layouts codiert werden können.

Dark UI Kit

Dieses rein dunkelgraue / blaue UI-Kit wurde speziell für gemacht Skizze 3+ und enthält gemeinsame Elemente wie Knöpfe, Schieberegler, Dropdowns und Schalter. Zu jedem Element gehört auch ein Ein / Aus-Zustand So können Sie Oberflächenelemente mit benutzerdefinierten interaktiven Zuständen erstellen.

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 Seiten-Widgets anstelle von einfachen Elementen, so finden Sie viele weitere obskure Elemente wie Laden von Bars und Mediaplayern.

Sommer-UI-Kit

Dieses Sommer-UI-Kit ist voll von Schaltflächen, Formulare, Dropdowns, und andere sehr häufige Seitenelemente zur Verbesserung digitaler Modelle. Darüber hinaus handelt es sich um ein vollständig überlagertes Sketch-Dokument, sodass Sie bei Bedarf Änderungen am Inhalt vornehmen können.

Pearl UI Kit

Das Pearl UI-Kit folgt einem sehr einfachen flachen Design mit grundlegenden Seitenelementen. Schaltflächen, Eingabefelder, Akkordeons und Registerkarten Ihnen stehen nur einige Möglichkeiten zur Verfügung. Wenn Sie zum Skizzieren völlig neu sind, kann dieses Kit hilfreich sein, um die Konstruktion Ihres eigenen Kits zu dekonstruieren.

Landing Page Layouts

Dieses ziemlich obskure Werbegeschenk funktioniert am besten Wireframing-Bühne. Diese Layouts werden in Sketch nicht vollständig gerendert, sondern bieten Layouts mit geringen Wiedergabetreue mit statischen Blockelementen. Die Farben, Formen und Positionierungen dieser Layouts sollten berücksichtigt werden helfen Sie jedem UI-Designer, den Wireframing-Prozess besser zu verstehen.

Web-App-Benutzeroberfläche

Ein sehr einfaches UI-Kit, basierend auf dem Thema von Tesla Bei Kraftfahrzeugen ist dieses Werbegeschenk viel detaillierter als der Rest. Sie haben Zugriff auf einfache Knöpfe aber auch komplexere Schnittstellenelemente wie a detaillierte Tabellenliste und ein Kalender-Widget.

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 25 verschiedene Arten von Elementen von Bildschieberegler zum Auschecken von Formularen und Benutzerkommentaren. Definitiv eines der coolsten und nützlichsten Sketch-Freebie-Kits, die Sie im Internet finden können.

Bootsketch-Benutzeroberfläche

UI-Designer werden bei Frontend-Frameworks häufig nicht berücksichtigt. Aus diesem Grund ist diese Freebie ein Genuss. Dieses Bootsketch-Kit enthält Vektorelemente für jedes vorhandene Bootstrap-Element. Dies macht es sehr einfach, Bootstrap-Modelle in Sketch zu erstellen, ohne den Browser zu berühren.

Kleines flaches UI-Kit

Dieses übersichtliche UI-Kit bewegt sich vom flachen Design zu Umfassen Sie die Ästhetik von Farbverläufen und Tiefen in Seitenelementen. Es ist ein unterhaltsames Kit für jedes Projekt und zeigt, dass alles, was Sie in Photoshop tun können, auch in Sketch möglich ist.

Mehr

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

• Marmor-UI-Kit
• Elements Library UI Kit
• Frisches UI-Kit
• Dink UI Kit (Beispiel)
• UI-Kit für Web und Mobile

Mobile UI-Kits

Die Liebe zu nativen mobilen Apps hat weiter zugenommen, je mehr Menschen in die mobile Wirtschaft einsteigen. Obwohl der Download von Apps sinkt, besteht immer noch Bedarf an hochwertigen Schnittstellen für native Apps zur Ergänzung von Desktop-Apps. Mit diesen kostenlosen Sketch UI-Kits können Sie hochwertige mobile Apps für alle Geräte entwerfen und gleichzeitig die Unterschiede zwischen Auflösungen und Retina-Bildschirmen berücksichtigen.

iOS 9.3 UI Kit

Apples anhaltender Innovationsschub pusht fast jedes Jahr ein neues mobiles Betriebssystem aus. Der aktuelle Trend ist iOS 9 und dieses UI-Kit enthält alles, was Sie für native iOS-Anwendungen benötigen.

Salesforce1-Drahtgitter-Kit

Salesforce1 ist eine beliebte Dashboard-App für die Verwaltung von Kunden und Kunden. Dieses Salesforce1-UI-Kit bietet alle gängigen Elemente der iPhone-App zum Basteln und Wiederverwenden ihrer Designästhetik.

Mobile UX-Vorlage

Prototypieren Sie derzeit eine mobile UX für ein iPhone oder eine Android-Anwendung? Dann hilft Ihnen dieses Sketch-Freebie-Programm mit Leichtigkeit, das Drahtmodell fertigzustellen. Es ist ein freier Weg zu Starten Sie Ihre Wireframing- / Prototyping-Phase auf einem digitalen Bildschirm.

UI-Kit für soziale Apps für iOS

Dutzende von sozialen Netzwerken haben sich in den letzten Jahren immer beliebter gemacht. Dieses Social UI-Kit könnte helfen Starten Sie die nächste große soziale App und schnell skalieren einem breiten Publikum von iPhone-Nutzern.

Mond-Drahtgitter-Kit

Dieses Moon Wireframing Kit ist eine großartige Mischung aus gerenderte Schnittstellen 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.

UI-Kit für die Reise-App

Hier ist ein dunkles, aber schönes UI-Kit basierend auf einem Reise-App für Benutzer von Sketch 3+. Es ist für alle gedacht, die mit einem Flug oder mobilen App-Konzept herumtollen möchten.

Instagram UI Kit

Mobile Apps für die gemeinsame Nutzung von Fotos sättigen den Markt und einige Apps bieten sogar Funktionen zum gemeinsamen Nutzen von Fotos, die den Hauptzweck der App ergänzen. Es ist also großartig, dieses kostenlose Instagram-UI-Kit für Sketch-Designer zur Verfügung zu haben, um die Fotofunktionalität in ihren eigenen Designs zu replizieren. Es ist ein grundlegendes Konzeptpaket für die iOS-Foto-App.

Mehr

Es gibt viel zu viele GUI-Kits, über die ich in diesem Post schreiben könnte, aber ich kann auch keine guten zurücklassen. Wenn Sie noch mehr mobile Ressourcen für die Sketch-Benutzeroberfläche benötigen, werfen Sie einen Blick auf diese Alternativen.

• Routen-UI-Kit
• iOS 7 UI Kit Light
• Über iOS-Drahtgitter-Kit
• Foto-Splash-iOS-UI-Kit
• Phoenix UI-Kit - Band 1