Les kits de design semblent être partout ces jours-ci. Des kits d'interface utilisateur aux modèles et grilles en passant par les kits de conception complets, en quoi ces outils sont-ils si populaires (et quels sont leurs inconvénients)?
Aujourd'hui, nous allons examiner les avantages et les inconvénients de l'utilisation de différents types de kits de conception et nous vous montrerons même quelques kits dans les exemples qui pourraient valoir la peine d'être essayés à diverses fins.
Qu'est-ce qu'un kit de conception?
Tout d'abord, il est important de comprendre la nature d'un kit de conception. La portée, le coût et l’utilité de ces outils varient considérablement.
En termes simples, un kit de conception est un outil préemballé que vous pouvez utiliser pour créer un projet de conception numérique. Les kits de conception les plus courants incluent des icônes d'interface utilisateur, des boutons et des graphiques conçus pour être utilisés ensemble. La plupart incluent une palette de couleurs et de polices commune incluse dans le kit, même si la plupart sont personnalisables.
Les kits peuvent contenir des centaines, voire des milliers d'éléments, mais peuvent également inclure des éléments uniques (tels qu'un graphique) ou des éléments tels que des grilles. Certains kits de conception sont des modèles de conception complets, tels que des thèmes WordPress, que vous pouvez utiliser pour créer un site Web à partir de zéro. (Certains concepteurs d'imprimés utilisent également des kits pour des éléments tels que des en-têtes ou des cartes de visite.)
Alors que certains concepteurs ne jurent que par ces kits comme un cadre ou un point de départ idéal pour des projets, d’autres les fuient complètement, en faveur de tout construire à partir de rien.
Quelle que soit la théorie à laquelle vous souscrivez, il existe une poignée de pour et de contre presque universels associés à l'achat, au téléchargement et à l'utilisation de kits de conception.
Pro: Gagnez du temps
L'une des meilleures caractéristiques des kits est qu'ils peuvent vous faire gagner beaucoup de temps. Plutôt que de créer des tonnes de petites pièces pour un site Web, un kit contient tout le matériel préconçu et prêt à l'emploi.
Le seul engagement en temps réel de votre part est la personnalisation des couleurs et des polices de caractères pour correspondre au reste de la conception du site. Optez pour un kit qui reflète le style et la fluidité de ce que vous faites. Il est préférable de vous procurer un kit très tôt dans le processus et de réfléchir aux différentes parties et à la manière dont elles seront utilisées lors de la construction du site.
En vedette: kit d'interface utilisateur Dark Velvet (39 $) et kit d'interface utilisateur propre PSD (gratuit)
Contre: coûts associés
Certains des meilleurs kits ne sont pas gratuits - et vous devriez vous attendre à payer pour des kits avec des fonctionnalités premium. Cela peut être prohibitif, en fonction de certains budgets. Cependant, la plupart des kits sont relativement peu coûteux pour des licences uniques et incluent des frais plus élevés pour une licence de développeur.
Pro: idéal pour la cohérence
Si vous voulez vous assurer que les éléments, les boutons et les icônes sont identiques et se correspondent - de votre page d'arrivée à votre page de contact - les kits constituent une alternative simple. Dans un kit, chaque élément, bouton, icône et couleur est conçu pour correspondre parfaitement aux autres composants du kit.
L'utilisation de ces éléments vous donnera une apparence de consistance épurée sans trop d'effort de votre part. Cela facilite l'organisation et la planification. N'oubliez pas de faire toutes vos personnalisations et d'enregistrer avant de commencer, afin que des choix de couleurs spécifiques, etc., soient prêts à être utilisés.
En vedette: 300 icônes Fineline (11 $) et iOS Map Icon (gratuit)
Con: les pièces sont «trop matchy»
Certains concepteurs peuvent être désactivés par le style des kits, car certaines pièces peuvent être «trop volumineuses». ce qui signifie qu'un kit contient 50 boutons, tous du même look et du même style, dans un arc-en-ciel de couleurs. Les boutons sont trop similaires, ce qui rend l'identification visuelle plus difficile.
Il peut être difficile de filtrer toutes les pièces d'un grand kit. Mais soyez sélectif. Sachez ce dont vous avez besoin et utilisez ces éléments, ne vous sentez pas obligé d'intégrer tout dans un dessin pour en avoir pour votre argent.
Pro: facile à utiliser
Les kits de conception facilitent le travail des détails. La plupart des packs d'interfaces utilisateur, d'éléments et d'icônes incluent des fichiers Adobe Photoshop faciles à utiliser et à manipuler. Les concepteurs sans connaissance pratique du code peuvent facilement utiliser les pièces de ces kits.
D'autres kits incluent également des informations CSS pour une transition transparente vers une conception Web. (Quelque chose que les développeurs apprécieront.)
Bien que vous ayez besoin de savoir comment utiliser le code et comment fonctionne le back-end d'un site Web, pour que tout soit chargé et prêt à être publié, les kits peuvent faciliter le processus de planification. Un outil particulièrement précieux pour les concepteurs nouveaux ou inexpérimentés.
En vedette: Modèle d'application circulaire Vipe (3,99 $) et 3D Date Flipper (gratuit)
Con: Kits incomplets
Assurez-vous de lire attentivement les détails lorsque vous achetez un kit afin de savoir exactement ce qui est inclus. Un kit contenant 1 000 éléments peut ne pas être idéal s'il ne s'agit que d'une poignée d'éléments de différentes couleurs.
Certains kits ont un thème, tels que des icônes de réseaux sociaux, des boutons ou des icônes de calendrier. Assurez-vous qu'un kit comprend tout ce dont vous avez besoin avant d'acheter.
Pro: excellent outil d'apprentissage
L'un des principaux avantages d'un concepteur débutant ou inexpérimenté utilisant un kit est qu'il offre un moyen de regarder à l'intérieur de la construction d'icônes, d'éléments ou de palettes de couleurs.
Avec un téléchargement, vous pouvez voir comment les concepteurs construisent des ensembles - la plupart sont créés sous forme de fichiers PSD superposés. En sélectionnant un kit, vous pouvez identifier les meilleures pratiques pour la construction de vos propres pièces, des astuces pour travailler avec les couches et les sauvegarder, ainsi que pour l'organisation de base.
Commencez avec un kit et examinez-le un peu pour vraiment vous aider à déterminer comment procéder lorsque vous êtes prêt à créer un ensemble d'éléments à partir de zéro. En travaillant avec un kit bien assemblé, vous pouvez également y ajouter votre propre talent. Prenons par exemple le kit de 6 icônes de médias sociaux, car vous pouvez choisir des icônes et voir comment elles sont construites. Vous pouvez ajouter vos propres icônes au kit en reflétant la manière dont les éléments intégrés ont été créés.
En vedette: Fitnex Responsive Landing Page (11 $) et 6 icônes de médias sociaux (gratuits)
Con: ressemble à un autre site
L'une des principales préoccupations des concepteurs à propos de l'utilisation des kits est que leur site final pourrait trop ressembler à un autre site. Et ça arrive.
La meilleure solution consiste à utiliser un kit comme point de départ, et non comme un produit fini, afin que les pièces, pièces et éléments d'interface utilisateur aient tout l'aspect et le cachet de la conception de votre site Web. Si vous utilisez un kit "tout de suite", il y a de fortes chances qu'il ressemble à autre chose.
Conclusion
L'utilisation d'un kit peut vous faire gagner du temps et assurer la cohérence, simplifier la conception et vous aider à en savoir plus sur le fonctionnement et la construction des pièces.
D'un autre côté, les kits peuvent parfois être coûteux, inclure des pièces qui se ressemblent trop, qui sont incomplets ou vous laisser avec un produit fini qui ressemble trop à un autre site.
Les kits ne conviennent pas à tout le monde, mais ils peuvent constituer des outils utiles. Vous serez peut-être étonné du nombre de concepteurs utilisant des kits et du nombre de sites contenant des éléments d'un kit préconçu.