25 risorse di schizzo per designer di temi e plugin di WordPress

Sketch è uno strumento di progettazione popolare, ma purtroppo specifico per Mac, che è davvero decollato negli ultimi due anni. Sebbene sia possibile utilizzarlo per tutti i tipi di design, uno dei modi in cui i designer utilizzano Sketch è creare progetti per temi e plug-in di WordPress.

Per aiutare i designer di WordPress che utilizzano Sketch, abbiamo pensato di raccogliere alcune delle nostre risorse di Sketch preferite per i designer di temi e plug-in di WordPress. Eccoli!

25 risorse di schizzo per i designer di WordPress

Le seguenti risorse riguarderanno una varietà di categorie. Ma ecco uno schema di massima di ciò che troverai:

• Modelli di amministrazione specifici per WordPress
• Set di icone
• Kit UI per una varietà di stili di design
• Concetti di progettazione di siti Web da cui puoi attingere
• Elementi specifici come lettori video o contenuti di Facebook
• Un paio di risorse per la prototipazione/mockup

Immergiamoci!

1. Risorsa per lo schizzo del modello di amministrazione di WordPress

Iniziamo con qualcosa con cui ogni singolo utente di WordPress ha familiarità: l'editor di WordPress. Fino a quando l'editor Gutenberg non viene rilasciato e cambia tutto, puoi utilizzare questo modello di amministrazione di WordPress per progettare rapidamente parte del tuo plugin o tema che verrà visualizzato all'interno dell'editor di WordPress.

Prezzo : Gratuito | Maggiori informazioni

2. Risorsa per lo schizzo del modello di post di backend di WordPress

Se hai bisogno di dare un'occhiata diversa alla dashboard di WordPress, questa risorsa Sketch mostra l'elenco generale dei post invece del singolo editor di WordPress. Ancora una volta, un'opzione utile se hai bisogno di progettare qualcosa che si presenta da qualche parte nel backend di WordPress.

Prezzo : Gratuito | Maggiori informazioni

3. Icone materiali di Google per Sketch

Questa risorsa include oltre 900 icone estratte direttamente dal sito Web delle icone di Google Material e pronte per essere utilizzate nei tuoi progetti.

Prezzo : Gratuito | Maggiori informazioni

4. Elementi dell'interfaccia utente

Un elegante set di elementi dell'interfaccia utente gratuiti di Piotr Adam Kwiatkowski. Questi elementi coprono una varietà di usi, dai moduli agli elenchi di prodotti e altro ancora.

Prezzo : Gratuito | Maggiori informazioni

5. Kit dell'interfaccia utente del materiale

Stai andando con un design materiale per il tuo tema o l'interfaccia del plug-in? Questi elementi di design dei materiali di Sergiu Firez potrebbero tornare utili quando stai costruendo il tuo design.

Prezzo : Gratuito | Maggiori informazioni

6. Modello di griglie Bootstrap3

Costruisci il tuo tema usando Bootstrap? Questa risorsa di griglie Bootstrap 3 di Gauthier Eloy potrebbe tornare utile quando si impostano i layout.

Prezzo : Gratuito | Maggiori informazioni

7. Kit gratuito per l'interfaccia utente piatta

Se hai intenzione di utilizzare lo stile di design piatto per il tuo tema o plug-in, questo splendido kit gratuito per l'interfaccia utente piatta di Pavel Kreewtsov è una buona opzione per iniziare con alcuni elementi comuni dell'interfaccia.

Prezzo : Gratuito | Maggiori informazioni

8. Il set completo di 519 icone in Font Awesome 4.3 per Sketch

Font Awesome è un set di icone piuttosto popolare per gli utenti di WordPress. Abbiamo anche scritto un intero post su come integrare le icone di Font Awesome in WordPress.

Se vuoi usare quelle stesse icone in Sketch, Sasha Lantukh è stato così gentile da convertirle. Mentre Font Awesome 5.0 potrebbe renderlo un po' obsoleto, questo dovrebbe comunque essere molto utile.

Prezzo : Gratuito | Maggiori informazioni

9. Kit di interfaccia utente vettoriale Bootstrap 3

Hai bisogno di alcuni elementi dell'interfaccia utente di Bootstrap 3 da accoppiare con le tue griglie Bootstrap 3 dall'alto? Questo kit dell'interfaccia utente contiene tutti i controlli dell'interfaccia utente di Bootstrap 3 in formato vettoriale, nonché glificon ed elementi dell'interfaccia utente bonus.

È tutto disponibile in file Sketch, Adobe Illustrator e PDF. Quindi, se mai ti stanchi di Sketch, puoi comunque utilizzare questi elementi!

Prezzo : Gratuito | Maggiori informazioni

10. Kit interfaccia utente e-commerce

Lavori con WooCommerce, Easy Digital Download o un'altra soluzione di eCommerce WordPress? Questo splendido kit di interfaccia utente eCommerce di Five Agency potrebbe aiutarti. Contiene più di 50 schermi, tutti pronti per il mobile.

Prezzo : Gratuito | Maggiori informazioni

11. 40 icone sociali

Niente di eccezionale qui: solo un pratico set di 40 icone dei social media in 3 stili diversi. È raro trovare un sito WordPress senza icone di social media, quindi sarai sicuramente in grado di farne buon uso.

Prezzo : Gratuito | Maggiori informazioni

12. Nuovo lettore YouTube

Hai bisogno di includere un player di YouTube nel tuo design? Forse per un formato di post o un elemento plug-in? Nicolas Carey ha messo insieme questa risorsa di sketch gratuita per il player di YouTube.

Prezzo : Gratuito | Maggiori informazioni

13. Raccolta di dispositivi mockup

Questa utile raccolta di mockup del team di Facebook offre una varietà di dispositivi che puoi utilizzare per simulare i tuoi progetti. Anche se dubito che utilizzerai gli smartwatch per i design di WordPress, gli altri elementi dovrebbero tornare utili.

Prezzo : Gratuito | Maggiori informazioni

14. Checkout Visualizza risorsa schizzo

Questa è un'altra risorsa utile per chiunque lavori con WordPress in una capacità di e-commerce. È interamente dedicato alla visualizzazione del checkout.

Prezzo : Gratuito | Maggiori informazioni

15. Risorsa per lo schizzo della pelle del lettore video Wistia

Come YouTube, Wistia è un altro lettore video che vedrai su molti siti Web WordPress. Questa risorsa Sketch di Mikey Casalaina include il giocatore Wistia completo e alcuni elementi specifici.

Prezzo : Gratuito | Maggiori informazioni

16. Loghi di pagamento

Questa semplice risorsa Sketch include loghi di pagamento per una varietà di diversi metodi di pagamento, inclusi aggiornamenti recenti per tenere conto delle modifiche al logo di Mastercard.

I loghi di pagamento si applicano a una varietà di diversi tipi di design, quindi questo dovrebbe essere abbastanza versatile.

Prezzo : Gratuito | Maggiori informazioni

17. Set di 1800 icone

Hai bisogno di ancora più icone pronte per lo schizzo di quelle offerte dal set Font Awesome? Alexandru Stoica ha messo insieme questo enorme set di oltre 1.800 icone che coprono una varietà di usi (e organizzate in modo simile per uso per una facile ricerca).

Prezzo : Gratuito | Maggiori informazioni

18. Post su Facebook

I post di Facebook sono qualcosa che è probabile che venga visualizzato sia nelle barre laterali che nei contenuti di WordPress. Se devi includere un post di Facebook da qualche parte nel tuo progetto, questa semplice risorsa di Pedro Ribeiro può farti risparmiare tempo.

Prezzo : Gratuito | Maggiori informazioni

19. Kit interfaccia utente di atterraggio

Se hai bisogno di creare una pagina di destinazione dedicata come parte del tuo tema, questo enorme kit di interfaccia utente della pagina di destinazione di lstore.graphics può aiutarti con un sacco di elementi diversi. Queste sono una buona opzione per creare una home page dedicata o qualcosa di simile.

Prezzo : Gratuito | Maggiori informazioni

20. Sketch 3 Cheat Sheet

Ok, questo non è specifico per WordPress. Ma è un pratico cheat sheet per aiutarti a lavorare in modo più produttivo con Sketch, e penso che sia piuttosto utile!

Prezzo : Gratuito | Maggiori informazioni

21. Il mio miglior ristorante

Se stai lavorando con qualsiasi cosa relativa al settore della ristorazione, questa risorsa gratuita di Sketch di Vivien Bocquelet potrebbe tornare utile. Include elementi per menu, informazioni di contatto e altro.

Prezzo : Gratuito | Maggiori informazioni

22. Modello di prototipazione essenziale

Una raccolta di stili e simboli per aiutarti a creare rapidamente prototipi per il tuo plugin o tema.

Prezzo : Gratuito | Maggiori informazioni

23. Kit interfaccia utente elio

Un colorato UI Kit di Karl Schmidt. Questo sicuramente non funzionerà per ogni singolo stile, ma è piuttosto stupendo.

Prezzo : Gratuito | Maggiori informazioni

24. Pagina di destinazione dell'app Kanbio

Una risorsa di pagina di destinazione ariosa per iniziare sulla strada giusta. Ancora una volta, questo è ottimo per una homepage dedicata.

Prezzo : Gratuito | Maggiori informazioni

25. Kit interfaccia utente flessibile

E infine, completiamo le cose con questo splendido kit UI di Kristaps Elsins che copre una varietà di usi diversi, inclusi elementi popolari come moduli di iscrizione, tabelle dei prezzi, calendari e altro ancora.

Prezzo : Gratuito | Maggiori informazioni

Quali sono le tue risorse di schizzo preferite?

Ho fatto del mio meglio per trovare alcune delle migliori risorse di Sketch disponibili per i designer di WordPress. Ma ci sono un sacco di risorse di Sketch disponibili, e non c'è modo che io possa guardarle tutte.

Quindi, se mi sono perso una grande risorsa che pensi possa aiutare altri designer, mi piacerebbe se la condividessi nei commenti. In questo modo, tutti possiamo beneficiare della conoscenza collettiva di tutti!

Immagine in miniatura dell'articolo di Nub1 Iconsdesign / shutterstock.com