25 de resurse de schiță pentru proiectanții de teme și plugin-uri WordPress

Publicat: 2017-07-18

Sketch este un instrument de proiectare popular, dar lamentabil, specific pentru Mac, care a fost cu adevărat scos în ultimii ani. Deși îl puteți folosi pentru tot felul de modele, unul dintre modurile în care designerii folosesc Sketch este de a crea modele pentru teme și pluginuri WordPress.

Pentru a ajuta acei designeri WordPress care folosesc Sketch, ne-am gândit să completăm câteva dintre resursele noastre Sketch preferate pentru designerii de teme și plugin-uri WordPress. Aici sunt ei!

25 de resurse de schițe pentru proiectanții WordPress

Următoarele resurse vor cuprinde o varietate de categorii. Dar iată o schiță a ceea ce veți găsi:

  • Șabloane de administrare specifice WordPress
  • Seturi de pictograme
  • Kituri de interfață pentru o varietate de stiluri de design
  • Concepte de proiectare de site-uri web din care puteți trage
  • Elemente specifice, cum ar fi playere video sau conținut Facebook
  • Câteva resurse de prototipare / machetă

Hai să ne scufundăm!

1. Resursă de schiță a șablonului de administrare WordPress

Să începem cu ceva pe care fiecare utilizator WordPress îl cunoaște - Editorul WordPress. Până când Editorul Gutenberg este lansat și modifică totul, puteți utiliza acest șablon de administrare WordPress pentru a proiecta rapid o parte a pluginului sau temei dvs. care va apărea în Editorul WordPress.

Preț : gratuit | Mai multe informatii

2. Resursă schiță pentru șablonul de postare WordPress Backend

Dacă aveți nevoie de o privire diferită asupra tabloului de bord WordPress, această resursă Sketch afișează lista generală de postări în loc de Editorul WordPress individual. Din nou, o opțiune utilă dacă trebuie să proiectați ceva care apare undeva pe backend-ul WordPress.

Preț : gratuit | Mai multe informatii

3. Pictograme materiale Google pentru schiță

Această resursă include peste 900 de pictograme extrase direct de pe site-ul web cu pictograme Google Material și gata de utilizare în design-urile dvs.

Preț : gratuit | Mai multe informatii

4. Elemente UI

Un set elegant de elemente UI gratuite de la Piotr Adam Kwiatkowski. Aceste elemente acoperă o varietate de utilizări, de la formulare la listări de produse și multe altele.

Preț : gratuit | Mai multe informatii

5. Kit UI material

Kit UI material

Mergi cu un aspect de design material pentru tema sau interfața pluginului? Aceste elemente de proiectare a materialelor de la Sergiu Firez ar putea fi utile atunci când vă construiți designul.

Preț : gratuit | Mai multe informatii

6. Șablonul grilelor Bootstrap3

Bootstrap 3 grile

Îți construiești tema folosind Bootstrap? Această resursă a grilelor Bootstrap 3 de la Gauthier Eloy ar putea fi utilă atunci când vă configurați aspectele.

Preț : gratuit | Mai multe informatii

7. Set Flat UI gratuit

Dacă intenționați să utilizați stilul de design plat pentru tema sau pluginul dvs., acest superb kit de interfață gratuită plat de la Pavel Kreewtsov este o opțiune bună pentru a începe cu câteva elemente de interfață comune.

Preț : gratuit | Mai multe informatii

8. Setul complet 519 de pictograme în font Awesome 4.3 pentru Sketch

Font Awesome este un set de pictograme destul de popular pentru utilizatorii WordPress. Am scris chiar un post întreg despre modul în care puteți integra icoanele Font Awesome în WordPress.

Dacă doriți să utilizați aceleași pictograme în Sketch, Sasha Lantukh a fost destul de amabil să le convertească. În timp ce Font Awesome 5.0 ar putea să devină un pic învechit, acesta ar trebui să fie totuși util.

Preț : gratuit | Mai multe informatii

9. Bootstrap 3 Vector UI Kit

Set Vector Bootstrap 3

Aveți nevoie de niște elemente UI Bootstrap 3 pentru a le asocia cu grilele Bootstrap 3 de sus? Acest kit UI conține toate comenzile Bootstrap 3 UI în format vector, precum și glifoane și elemente UI bonus.

Toate sunt disponibile în fișiere Sketch, Adobe Illustrator și PDF. Deci, dacă te-ai săturat vreodată de Sketch, poți folosi în continuare aceste elemente!

Preț : gratuit | Mai multe informatii

10. Kitul de interfață pentru comerțul electronic

Kitul de interfață pentru comerțul electronic

Lucrați cu WooCommerce, Easy Digital Downloads sau o altă soluție de e-commerce WordPress? Acest superb kit de interfață de comerț electronic de la Five Agency vă poate ajuta. Conține peste 50 de ecrane, toate gata pentru mobil.

Preț : gratuit | Mai multe informatii

11. 40 de icoane sociale

40 de icoane sociale

Nimic extraordinar aici - doar un set la îndemână de 40 de pictograme de socializare în 3 stiluri diferite. Este rar să găsești un site WordPress fără pictograme de socializare, așa că vei putea să le folosești cu siguranță.

Preț : gratuit | Mai multe informatii

12. Noul player YouTube

Noul player YouTube

Trebuie să includeți un player YouTube în design? Poate pentru un format de postare sau un element de plugin? Nicolas Carey a pus la punct această resursă de schiță gratuită pentru playerul YouTube.

Preț : gratuit | Mai multe informatii

13. Colecția de dispozitive Mockup

Colecția Mockup Devices

Această colecție utilă de machete de la echipa Facebook oferă o varietate de dispozitive pe care le puteți utiliza pentru a vă macheta designurile. Deși mă îndoiesc că veți folosi ceasurile inteligente pentru design-urile WordPress, celelalte elemente ar trebui să fie utile.

Preț : gratuit | Mai multe informatii

14. Checkout View Sketch Resource

Vizualizare Checkout

Aceasta este o altă resursă utilă pentru oricine lucrează cu WordPress în calitate de comerț electronic. Este dedicat în întregime vizualizării comenzii.

Preț : gratuit | Mai multe informatii

15. Wistia Video Player Resursă schiță skin

Wistia

La fel ca YouTube, Wistia este un alt player video pe care îl veți vedea pe multe site-uri web WordPress. Această resursă Sketch de la Mikey Casalaina include jucătorul Wistia complet, precum și câteva elemente specifice.

Preț : gratuit | Mai multe informatii

16. Logouri de plată

Wistia

Această resursă simplă Sketch include sigle de plată pentru o varietate de metode de plată diferite, inclusiv actualizări recente pentru a contabiliza modificările aduse siglei Mastercard.

Logo-urile de plată se aplică pentru o varietate de tipuri diferite de design, deci acesta ar trebui să fie destul de versatil.

Preț : gratuit | Mai multe informatii

17. Set de 1800 de icoane

Setează 1800 de pictograme

Aveți nevoie de mai multe pictograme pregătite pentru schițe decât oferă setul Font Awesome? Alexandru Stoica a reunit acest set masiv de peste 1.800 de icoane care acoperă o varietate de utilizări (și organizate în mod similar pentru utilizare pentru căutare ușoară).

Preț : gratuit | Mai multe informatii

18. Postarea pe Facebook

Postare pe Facebook

Postările de pe Facebook sunt ceva ce este probabil să apară atât în ​​bara laterală WordPress, cât și în conținut. Dacă trebuie să includeți o postare pe Facebook undeva în design, această resursă simplă de la Pedro Ribeiro vă poate economisi ceva timp.

Preț : gratuit | Mai multe informatii

19. Kit de interfață de aterizare

Kit UI de aterizare

Dacă trebuie să creați o pagină de destinație dedicată ca parte a temei dvs., acest set masiv de interfață de pagină de destinație de la lstore.graphics vă poate ajuta cu o mulțime de elemente diferite. Acestea sunt o opțiune bună pentru crearea unei pagini de pornire dedicate sau ceva similar.

Preț : gratuit | Mai multe informatii

20. Schița 3 Foaie de trișare

Schița 3 Foaie de trișare

Ok - acesta nu este specific WordPress. Dar este o foaie de înșelătorie la îndemână pentru a vă ajuta să lucrați mai productiv cu Sketch și cred că este destul de util!

Preț : gratuit | Mai multe informatii

21. Cel mai bun restaurant al meu

Cel mai bun restaurant al meu

Dacă lucrați cu ceva legat de industria restaurantelor, această resursă gratuită Sketch de la Vivien Bocquelet ar putea fi utilă. Include elemente pentru meniuri, informații de contact și multe altele.

Preț : gratuit | Mai multe informatii

22. Șablon esențial de prototipare

Prototipuri esențiale

O colecție de stiluri și simboluri pentru a vă ajuta să creați rapid prototipuri pentru plugin sau temă.

Preț : gratuit | Mai multe informatii

23. Kitul Helium UI

Heliu

Un kit de interfață colorat de la Karl Schmidt. Acesta cu siguranță nu va funcționa pentru fiecare stil, dar este destul de superb.

Preț : gratuit | Mai multe informatii

24. Pagina de destinație a aplicației Kanbio

Kanbio

O resursă aerisită a paginii de destinație pentru a vă începe pe drumul cel bun. Din nou, acesta este minunat pentru o pagină de pornire dedicată.

Preț : gratuit | Mai multe informatii

25. Kit de interfață flexibilă

Kit de interfață flexibilă

Și, în cele din urmă, haideți să completăm lucrurile cu acest superb kit de interfață de la Kristaps Elsins, care acoperă o varietate de utilizări diferite, inclusiv elemente populare, cum ar fi formulare de înscriere, tabele de prețuri, calendare și multe altele.

Preț : gratuit | Mai multe informatii

Care sunt resursele de schiță preferate?

Am făcut tot posibilul să găsesc unele dintre cele mai bune resurse Sketch disponibile pentru designerii WordPress. Dar există o mulțime de resurse Sketch disponibile și nu există nicio modalitate prin care să mă uit la fiecare.

Așadar, dacă mi-ar fi dor de o resursă grozavă care credeți că va ajuta alți designeri, mi-ar plăcea să o împărtășiți în comentarii. În acest fel, putem beneficia cu toții de cunoștințele colective ale tuturor!

Imagine în miniatură a articolului de către Nub1 Iconsdesign / shutterstock.com