25 Sketch-Ressourcen für WordPress-Theme- und Plugin-Designer

Sketch ist ein beliebtes, aber bedauerlicherweise Mac-spezifisches Design-Tool, das in den letzten Jahren wirklich auf dem Vormarsch ist. Sie können es zwar für alle Arten von Designs verwenden, aber eine der Möglichkeiten, wie Designer Sketch verwenden, besteht darin, Designs für WordPress-Themes und -Plugins zu erstellen.

Um den WordPress-Designern zu helfen, die Sketch verwenden, haben wir uns gedacht, einige unserer Lieblings-Ressourcen für Sketch für WordPress-Theme- und Plugin-Designer zusammenzufassen. Hier sind sie!

25 Sketch-Ressourcen für WordPress-Designer

Die folgenden Ressourcen umfassen eine Vielzahl von Kategorien. Aber hier ist eine grobe Übersicht dessen, was Sie finden werden:

• WordPress-spezifische Admin-Vorlagen
• Symbolsätze
• UI-Kits für eine Vielzahl von Designstilen
• Website-Design-Konzepte, aus denen Sie ziehen können
• Spezifische Elemente wie Videoplayer oder Facebook-Inhalte
• Ein paar Prototyping-/Mockup-Ressourcen

Tauchen wir ein!

1. WordPress-Admin-Vorlagen-Skizzen-Ressource

Beginnen wir mit etwas, mit dem jeder einzelne WordPress-Benutzer vertraut ist – dem WordPress-Editor. Bis der Gutenberg-Editor veröffentlicht wird und alles ändert, können Sie diese WordPress-Admin-Vorlage verwenden, um schnell einen Teil Ihres Plugins oder Themes zu entwerfen, der im WordPress-Editor angezeigt wird.

Preis : Kostenlos | Mehr Informationen

2. WordPress-Backend-Postvorlagen-Skizzenressource

Wenn Sie einen anderen Blick auf das WordPress-Dashboard benötigen, zeigt diese Sketch-Ressource die gesamte Beitragsliste anstelle des einzelnen WordPress-Editors. Auch hier eine hilfreiche Option, wenn Sie etwas entwerfen müssen, das irgendwo im WordPress-Backend angezeigt wird.

Preis : Kostenlos | Mehr Informationen

3. Google Material Icons für Sketch

Diese Ressource enthält über 900 Symbole, die direkt von der Google Material-Symbol-Website abgerufen wurden und Sie in Ihren Designs verwenden können.

Preis : Kostenlos | Mehr Informationen

4. UI-Elemente

Ein stilvoller Satz kostenloser UI-Elemente von Piotr Adam Kwiatkowski. Diese Elemente umfassen eine Vielzahl von Anwendungen, von Formularen bis hin zu Produktlisten und mehr.

Preis : Kostenlos | Mehr Informationen

5. Material-UI-Kit

Gehen Sie mit einem Materialdesign-Look für Ihr Thema oder Ihre Plugin-Schnittstelle? Diese Materialdesignelemente von Sergiu Firez können sich beim Aufbau Ihres Designs als nützlich erweisen.

Preis : Kostenlos | Mehr Informationen

6. Bootstrap3-Gittervorlage

Erstellen Sie Ihr Theme mit Bootstrap? Diese Bootstrap 3-Grids-Ressource von Gauthier Eloy kann sich beim Einrichten Ihrer Layouts als nützlich erweisen.

Preis : Kostenlos | Mehr Informationen

7. Kostenloses Flat UI-Kit

Wenn Sie planen, den Flat-Design-Stil für Ihr Theme oder Plugin zu verwenden, ist dieses wunderschöne kostenlose Flat-UI-Kit von Pavel Kreewtsov eine gute Option, um mit einigen gängigen Oberflächenelementen zu beginnen.

Preis : Kostenlos | Mehr Informationen

8. Das komplette Set von 519 Icons in Font Awesome 4.3 für Sketch

Font Awesome ist ein ziemlich beliebtes Icon-Set für WordPress-Benutzer. Wir haben sogar einen ganzen Beitrag darüber geschrieben, wie Sie Font Awesome-Symbole in WordPress integrieren können.

Wenn Sie dieselben Symbole in Sketch verwenden möchten, war Sasha Lantukh so freundlich, sie umzuwandeln. Obwohl Font Awesome 5.0 es vielleicht etwas veraltet machen könnte, sollte dieses immer noch sehr hilfreich sein.

Preis : Kostenlos | Mehr Informationen

9. Bootstrap 3 Vector UI-Kit

Benötigen Sie einige Bootstrap 3-UI-Elemente, um sie von oben mit Ihren Bootstrap 3-Grids zu koppeln? Dieses UI-Kit enthält alle Bootstrap 3-UI-Steuerelemente im Vektorformat sowie Glyphicons und Bonus-UI-Elemente.

Es ist alles in Sketch-, Adobe Illustrator- und PDF-Dateien verfügbar. Wenn Sie Sketch jemals satt haben, können Sie diese Elemente immer noch verwenden!

Preis : Kostenlos | Mehr Informationen

10. E-Commerce-UI-Kit

Arbeiten Sie mit WooCommerce, Easy Digital Downloads oder einer anderen WordPress eCommerce-Lösung? Dieses wunderschöne E-Commerce-UI-Kit von Five Agency könnte Ihnen helfen. Es enthält mehr als 50 Bildschirme, die alle für das Handy bereit sind.

Preis : Kostenlos | Mehr Informationen

11. 40 soziale Symbole

Nichts Besonderes hier – nur ein praktisches Set von 40 Social-Media-Symbolen in 3 verschiedenen Stilen. Es ist selten, dass Sie eine WordPress-Site ohne Social-Media-Symbole finden, sodass Sie diese definitiv gut nutzen können.

Preis : Kostenlos | Mehr Informationen

12. Neuer YouTube-Player

Müssen Sie einen YouTube-Player in Ihr Design einbeziehen? Vielleicht für ein Postformat oder ein Plugin-Element? Nicolas Carey hat diese kostenlose Skizzen-Ressource für den YouTube-Player zusammengestellt.

Preis : Kostenlos | Mehr Informationen

13. Sammlung von Mockup-Geräten

Diese hilfreiche Mockup-Sammlung des Facebook-Teams bietet eine Vielzahl von Geräten, mit denen Sie Ihre Designs nachahmen können. Ich bezweifle zwar, dass Sie die Smartwatches für WordPress-Designs verwenden werden, aber die anderen Elemente sollten sich als nützlich erweisen.

Preis : Kostenlos | Mehr Informationen

14. Checkout Sketch-Ressource anzeigen

Dies ist eine weitere hilfreiche Ressource für alle, die mit WordPress im E-Commerce-Bereich arbeiten. Es ist vollständig der Kassenansicht gewidmet.

Preis : Kostenlos | Mehr Informationen

15. Wistia Video Player Skin Sketch-Ressource

Wie YouTube ist Wistia ein weiterer Videoplayer, den Sie auf vielen WordPress-Websites sehen werden. Diese Sketch-Ressource von Mikey Casalaina enthält den vollständigen Wistia-Player sowie einige spezifische Elemente.

Preis : Kostenlos | Mehr Informationen

16. Zahlungslogos

Diese einfache Sketch-Ressource enthält Zahlungslogos für eine Vielzahl verschiedener Zahlungsmethoden, einschließlich der jüngsten Aktualisierungen, um Änderungen am Logo von Mastercard zu berücksichtigen.

Zahlungslogos gelten für eine Vielzahl verschiedener Designtypen, daher sollte dieses ziemlich vielseitig sein.

Preis : Kostenlos | Mehr Informationen

17. Satz von 1800 Icons

Benötigen Sie noch mehr skizzenfertige Symbole, als das Font Awesome-Set bietet? Alexandru Stoica hat dieses riesige Set von über 1.800 Symbolen zusammengestellt, die eine Vielzahl von Verwendungszwecken abdecken (und ähnlich nach Verwendungszwecken für eine einfache Suche geordnet sind).

Preis : Kostenlos | Mehr Informationen

18. Facebook-Post

Facebook-Posts werden wahrscheinlich sowohl in WordPress-Seitenleisten als auch in Inhalten angezeigt. Wenn Sie irgendwo in Ihrem Design einen Facebook-Post einfügen müssen, kann Ihnen diese einfache Ressource von Pedro Ribeiro etwas Zeit sparen.

Preis : Kostenlos | Mehr Informationen

19. Lande-UI-Kit

Wenn Sie eine dedizierte Landingpage als Teil Ihres Themes erstellen müssen, kann Ihnen dieses umfangreiche Landingpage-UI-Kit von lstore.graphics mit einer Menge verschiedener Elemente helfen. Diese sind eine gute Option, um eine dedizierte Homepage oder ähnliches zu erstellen.

Preis : Kostenlos | Mehr Informationen

20. Sketch 3 Spickzettel

Ok – dieser ist nicht WordPress-spezifisch. Aber es ist ein praktischer Spickzettel, der Ihnen hilft, produktiver mit Sketch zu arbeiten, und ich denke, das ist ziemlich hilfreich!

Preis : Kostenlos | Mehr Informationen

21. Mein bestes Restaurant

Wenn Sie mit etwas im Zusammenhang mit der Restaurantbranche arbeiten, kann diese kostenlose Sketch-Ressource von Vivien Bocquelet nützlich sein. Es enthält Elemente für Menüs, Kontaktinformationen und mehr.

Preis : Kostenlos | Mehr Informationen

22. Wesentliche Prototyping-Vorlage

Eine Sammlung von Stilen und Symbolen, mit denen Sie schnell Prototypen für Ihr Plugin oder Design erstellen können.

Preis : Kostenlos | Mehr Informationen

23. Helium-UI-Kit

Ein farbenfrohes UI-Kit von Karl Schmidt. Dieser wird definitiv nicht für jeden einzelnen Stil funktionieren, aber er ist ziemlich großartig.

Preis : Kostenlos | Mehr Informationen

24. Kanbio-App-Landingpage

Eine luftige Landingpage-Ressource, die Ihnen den richtigen Einstieg ermöglicht. Auch dieses ist großartig für eine dedizierte Homepage.

Preis : Kostenlos | Mehr Informationen

25. Flexibles UI-Kit

Und zum Schluss wollen wir die Dinge mit diesem wunderschönen UI-Kit von Kristaps Elsins abrunden, das eine Vielzahl verschiedener Anwendungen abdeckt, einschließlich beliebter Elemente wie Anmeldeformulare, Preistabellen, Kalender und mehr.

Preis : Kostenlos | Mehr Informationen

Was sind Ihre bevorzugten Sketch-Ressourcen?

Ich habe mein Bestes getan, um einige der besten Sketch-Ressourcen für WordPress-Designer zu finden. Aber es gibt eine Menge Sketch-Ressourcen, und ich kann mir auf keinen Fall jede einzelne ansehen.

Wenn ich also eine großartige Ressource verpasst habe, von der du denkst, dass sie anderen Designern hilft, würde ich mich freuen, wenn du sie in den Kommentaren teilst. So können wir alle vom kollektiven Wissen aller profitieren!

Miniaturansicht des Artikels von Nub1 Iconsdesign / shutterstock.com