25 ressources de croquis pour les concepteurs de thèmes et de plugins WordPress

Sketch est un outil de conception populaire, mais lamentablement spécifique à Mac, qui a vraiment pris son envol au cours des deux dernières années. Bien que vous puissiez l'utiliser pour toutes sortes de conceptions, l'une des façons dont les concepteurs utilisent Sketch est de créer des conceptions pour les thèmes et les plugins WordPress.

Pour aider les concepteurs WordPress qui utilisent Sketch, nous avons pensé rassembler certaines de nos ressources Sketch préférées pour les concepteurs de thèmes et de plugins WordPress. Les voici!

25 ressources de croquis pour les concepteurs WordPress

Les ressources suivantes couvriront une variété de catégories. Mais voici un aperçu de ce que vous trouverez :

• Modèles d'administration spécifiques à WordPress
• Ensembles d'icônes
• Kits d'interface utilisateur pour une variété de styles de conception
• Concepts de conception de sites Web dont vous pouvez tirer parti
• Des éléments spécifiques comme des lecteurs vidéo ou du contenu Facebook
• Quelques ressources de prototypage/maquette

Plongeons dedans !

1. Ressource de croquis de modèle d'administration WordPress

Commençons par quelque chose que chaque utilisateur de WordPress connaît : l'éditeur WordPress. Jusqu'à ce que l'éditeur Gutenberg soit publié et change tout, vous pouvez utiliser ce modèle d'administration WordPress pour concevoir rapidement une partie de votre plugin ou de votre thème qui apparaîtra dans l'éditeur WordPress.

Prix : Gratuit | Plus d'information

2. Ressource de croquis de modèle de publication de backend WordPress

Si vous avez besoin d'un regard différent sur le tableau de bord WordPress, cette ressource Sketch affiche la liste globale des publications au lieu de l'éditeur WordPress individuel. Encore une fois, une option utile si vous devez concevoir quelque chose qui apparaît quelque part sur le backend WordPress.

Prix : Gratuit | Plus d'information

3. Icônes de matériel Google pour Sketch

Cette ressource comprend plus de 900 icônes tirées directement du site Web d'icônes Google Material et prêtes à être utilisées dans vos conceptions.

Prix : Gratuit | Plus d'information

4. Éléments de l'interface utilisateur

Un ensemble élégant d'éléments d'interface utilisateur gratuits de Piotr Adam Kwiatkowski. Ces éléments couvrent une variété d'utilisations, des formulaires aux listes de produits et plus encore.

Prix : Gratuit | Plus d'information

5. Kit d'interface utilisateur matérielle

Aller avec un look de conception matérielle pour votre thème ou interface de plugin ? Ces éléments de conception matérielle de Sergiu Firez peuvent s'avérer utiles lorsque vous élaborez votre conception.

Prix : Gratuit | Plus d'information

6. Modèle de grilles Bootstrap3

Construire votre thème à l'aide de Bootstrap ? Cette ressource de grilles Bootstrap 3 de Gauthier Eloy peut s'avérer utile lorsque vous configurez vos mises en page.

Prix : Gratuit | Plus d'information

7. Kit d'interface utilisateur plat gratuit

Si vous envisagez d'utiliser le style de conception plate pour votre thème ou votre plugin, ce magnifique kit d'interface utilisateur plat gratuit de Pavel Kreewtsov est une bonne option pour vous aider à démarrer avec certains éléments d'interface courants.

Prix : Gratuit | Plus d'information

8. L'ensemble complet 519 icônes dans Font Awesome 4.3 pour Sketch

Font Awesome est un jeu d'icônes assez populaire pour les utilisateurs de WordPress. Nous avons même écrit un article entier sur la façon dont vous pouvez intégrer les icônes Font Awesome dans WordPress.

Si vous souhaitez utiliser ces mêmes icônes dans Sketch, Sasha Lantukh a eu la gentillesse de les convertir. Bien que Font Awesome 5.0 puisse le rendre un peu obsolète, celui-ci devrait toujours être très utile.

Prix : Gratuit | Plus d'information

9. Kit d'interface utilisateur vectorielle Bootstrap 3

Besoin d'éléments d'interface utilisateur Bootstrap 3 à coupler avec vos grilles Bootstrap 3 d'en haut ? Ce kit d'interface utilisateur contient tous les contrôles d'interface utilisateur Bootstrap 3 au format vectoriel, ainsi que des glyphicons et des éléments d'interface utilisateur bonus.

Tout est disponible dans les fichiers Sketch, Adobe Illustrator et PDF. Donc, si jamais vous en avez marre de Sketch, vous pouvez toujours utiliser ces éléments !

Prix : Gratuit | Plus d'information

10. Kit d'interface utilisateur de commerce électronique

Vous travaillez avec WooCommerce, Easy Digital Downloads ou une autre solution de commerce électronique WordPress ? Ce magnifique kit d'interface utilisateur de commerce électronique de Five Agency pourrait vous aider. Il contient plus de 50 écrans, tous prêts pour le mobile.

Prix : Gratuit | Plus d'information

11. 40 icônes sociales

Rien de super chic ici - juste un ensemble pratique de 40 icônes de médias sociaux dans 3 styles différents. Il est rare de trouver un site WordPress sans icônes de réseaux sociaux, vous pourrez donc certainement les utiliser à bon escient.

Prix : Gratuit | Plus d'information

12. Nouveau lecteur YouTube

Besoin d'inclure un lecteur YouTube dans votre conception ? Peut-être pour un format de publication ou un élément de plugin ? Nicolas Carey a créé cette ressource de croquis gratuite pour le lecteur YouTube.

Prix : Gratuit | Plus d'information

13. Collection de dispositifs de maquette

Cette collection de maquettes utile de l'équipe Facebook fournit une variété d'appareils que vous pouvez utiliser pour simuler vos conceptions. Bien que je doute que vous utilisiez les montres intelligentes pour les conceptions WordPress, les autres éléments devraient vous être utiles.

Prix : Gratuit | Plus d'information

14. Commander Voir la ressource d'esquisse

Celui-ci est une autre ressource utile pour quiconque travaille avec WordPress dans une capacité de commerce électronique. Il est entièrement dédié à la vue de la caisse.

Prix : Gratuit | Plus d'information

15. Ressource de croquis de peau de lecteur vidéo Wistia

Comme YouTube, Wistia est un autre lecteur vidéo que vous verrez sur de nombreux sites Web WordPress. Cette ressource Sketch de Mikey Casalaina comprend le lecteur Wistia complet, ainsi que quelques éléments spécifiques.

Prix : Gratuit | Plus d'information

16. Logos de paiement

Cette ressource Sketch simple comprend des logos de paiement pour une variété de méthodes de paiement différentes, y compris des mises à jour récentes pour tenir compte des modifications apportées au logo de Mastercard.

Les logos de paiement s'appliquent à une variété de types de conception différents, donc celui-ci devrait être assez polyvalent.

Prix : Gratuit | Plus d'information

17. Ensemble de 1800 icônes

Besoin d'encore plus d'icônes prêtes pour Sketch que l'ensemble Font Awesome n'en propose ? Alexandru Stoica a rassemblé cet ensemble massif de plus de 1 800 icônes couvrant une variété d'utilisations (et organisées de la même manière par utilisation pour une recherche facile).

Prix : Gratuit | Plus d'information

18. Publication Facebook

Les publications Facebook sont susceptibles d'apparaître dans les barres latérales et le contenu de WordPress. Si vous devez inclure une publication Facebook quelque part dans votre conception, cette simple ressource de Pedro Ribeiro peut vous faire gagner du temps.

Prix : Gratuit | Plus d'information

19. Kit d'interface utilisateur d'atterrissage

Si vous avez besoin de créer une page de destination dédiée dans le cadre de votre thème, cet énorme kit d'interface utilisateur de page de destination de lstore.graphics peut vous aider avec une tonne d'éléments différents. Ce sont une bonne option pour créer une page d'accueil dédiée ou quelque chose de similaire.

Prix : Gratuit | Plus d'information

20. Aide-mémoire de Sketch 3

Ok – celui-ci n'est pas spécifique à WordPress. Mais c'est une aide-mémoire pratique pour vous aider à travailler de manière plus productive avec Sketch, et je pense que c'est très utile !

Prix : Gratuit | Plus d'information

21. Mon meilleur restaurant

Si vous travaillez avec quelque chose lié à l'industrie de la restauration, cette ressource Sketch gratuite de Vivien Bocquelet pourrait vous être utile. Il comprend des éléments pour les menus, les informations de contact, etc.

Prix : Gratuit | Plus d'information

22. Modèle de prototypage essentiel

Une collection de styles et de symboles pour vous aider à créer rapidement des prototypes pour votre plugin ou thème.

Prix : Gratuit | Plus d'information

23. Kit d'interface utilisateur d'hélium

Un kit d'interface utilisateur coloré de Karl Schmidt. Celui-ci ne fonctionnera certainement pas pour tous les styles, mais il est assez magnifique.

Prix : Gratuit | Plus d'information

24. Page de destination de l'application Kanbio

Une ressource de page de destination aérée pour vous aider à démarrer sur la bonne voie. Encore une fois, celui-ci est idéal pour une page d'accueil dédiée.

Prix : Gratuit | Plus d'information

25. Kit d'interface utilisateur flexible

Et enfin, complétons les choses avec ce magnifique kit d'interface utilisateur de Kristaps Elsins qui couvre une variété d'utilisations différentes, y compris des éléments populaires tels que des formulaires d'inscription, des tableaux de prix, des calendriers, etc.

Prix : Gratuit | Plus d'information

Quelles sont vos ressources de croquis préférées ?

J'ai fait de mon mieux pour trouver certaines des meilleures ressources Sketch pour les concepteurs WordPress. Mais il y a une tonne de ressources Sketch disponibles, et il n'y a aucun moyen que je puisse les regarder toutes.

Donc, si j'ai raté une excellente ressource qui, selon vous, aidera d'autres concepteurs, j'aimerais bien que vous la partagiez dans les commentaires. Ainsi, nous pouvons tous bénéficier des connaissances collectives de chacun !

Image miniature de l'article par Nub1 Iconsdesign / shutterstock.com