Top 35 des ressources de conception pour les concepteurs d'applications Sketch 2019
Publié: 2019-06-09Sketch est un outil de conception professionnel pour les utilisateurs d'Apple. Il existe de nombreuses plates-formes logicielles de conception professionnelles : Adobe Photoshop et Adobe Illustrator, Affinity Pro, GIMP et tant de plates-formes qui ont transféré leurs opérations en ligne. Oui, peut-être que toutes ces plates-formes ne peuvent pas effectuer d'édition vectorielle à la pointe de la technologie (ce que Sketch peut faire), et peut-être qu'elles ne fournissent pas toutes des fonctionnalités de type Photoshop (ce que Sketch fait). Mais tomber sur une plate-forme de conception unique parce que tout le monde l'utilise est aussi de la folie. Sketch a prouvé à sa communauté qu'il était un outil d'édition fiable qui continue d'évoluer, d'écouter les commentaires de la communauté et de produire des mises à jour fréquentes et importantes.
À première vue, de nombreux critiques considèrent Sketch comme un autre outil d'édition d'images, alors qu'en fait, vous pouvez utiliser Sketch pour créer des conceptions très robustes et complexes. Il possède l'une des communautés les plus amicales que nous connaissions, et le fondateur est transparent dans ses actions et l'avenir de Sketch. L'application a laissé derrière elle le Mac App Store pour se concentrer davantage sur les mises à jour fréquentes et avoir de la place pour une croissance plus solide. Cependant, Sketch continue de croître et le nombre de ressources de conception disponibles est très faible, bien que cela change également rapidement; En consultant les sites gratuits les plus populaires, il est clair que de plus en plus de graphistes essaient également d'inclure des fichiers .sketch dans leurs packages. Sketch devient également de plus en plus populaire parmi les développeurs qui veulent des outils qui aident à pousser et à scripter les conceptions ; Pieter Omvlee a plus à ce sujet.
En savoir plus sur cette collection…
En parlant de cadeaux, nous énumérerons pour vous aujourd'hui 35 des ressources de conception Sketch les meilleures, les plus polyvalentes et les plus adaptables, elles comprendront :
- Kits UI (User Interface) que vous pouvez utiliser pour prototyper une application mobile en quelques minutes, en ayant un accès complet aux éléments et en ayant la liberté de les optimiser à votre guise.
- Des kits filaires pour vous permettre de créer rapidement des prototypes de sites Web et de les envoyer à vos clients, sans avoir à vous asseoir devant votre écran et à faire tout le travail. Encore une fois, toutes les autorisations d'édition.
- Les éléments Webiste sont des packages qui contiennent des éléments de site Web spécifiques que vous pouvez affiner, mettre du code derrière eux et les utiliser dans la conception de votre site Web.
- Également plusieurs concepts de conception qui pourraient éventuellement donner lieu à des idées ou servir de points de départ pour une nouvelle fonctionnalité dans vos applications de bureau ou mobiles.
Trouver et découvrir ces ressources de conception était un processus très amusant, nous espérons donc vraiment que vous trouverez ici votre propre inspiration, et peut-être même récupérer quelques ressources pour une utilisation future ou pour une utilisation dans un projet sur lequel vous travaillez actuellement. au. Les utilisateurs de Sketch sont invités à soumettre leurs propres cadeaux et téléchargements gratuits via les commentaires. Nous les lirons tous et vous présenterons très probablement dans cet article si vous avez quelque chose de formidable à offrir.
Collection de dispositifs de maquette
Nous nous détournons de la révolution des ordinateurs de bureau pour entrer dans une ère plus concise où les appareils portables ouvrent la voie aux achats en ligne, à la consommation de contenu et à la messagerie instantanée. Il devient de plus en plus important de se concentrer sur la création de contenu et sur la création de contenu autour d'appareils modernes qui permettent aux utilisateurs de naviguer et de découvrir le Web comme ils le feraient sur un ordinateur de bureau. Lors de la création de maquettes, de prototypes et d'échantillons d'une application, nous devons nous efforcer de créer une copie pour chaque appareil populaire. Et pour vous aider à gagner du temps, voici une collection de maquettes d'appareils mobiles et tablettes. Idéal pour afficher votre prise en charge des appareils pouvant exécuter votre plate-forme, ou simplement pour superposer ces maquettes avec des versions fonctionnelles de votre application.
Commander l'esquisse de l'interface utilisateur
La conception peut prendre toute la journée lorsque l'on travaille sur des parties spécifiques d'une application ou d'une plate-forme. De petites choses comme la page de paiement nécessitent une attention particulière pour être construites avec le sentiment que le processus de paiement sera sécurisé et sûr. Cette maquette de l'interface utilisateur de Checkout utilise des modèles de conception standard qui se déclineront dans de nombreuses variétés de conception. De plus, avec un peu de personnalisation, il trouverait sa place sur à peu près n'importe quelle application offrant des fonctionnalités de paiement à leurs clients. Gagnez du temps sur le travail de conception et concentrez-vous sur les aspects les plus uniques de votre application.
Fichiers téléchargés Croquis
Cette petite maquette est un modèle d'intégration pour une entreprise qui souhaite utiliser un écran de bienvenue pour expliquer aux utilisateurs nouveaux ou existants en quoi consiste l'application, et leur donner un simple bouton « entrer » pour les aider à accéder à l'application. Joli petit widget que vous pouvez personnaliser pour s'adapter aux écrans des applications où la transition est une exigence.
Concept de tableau de bord du planificateur
Plus d'une centaine de téléchargements pour ce beau concept de tableau de bord. Il est divisé en trois parties : la barre latérale gauche, centrale et droite. La barre latérale gauche se concentre sur le menu de navigation du tableau de bord. Le milieu est pour les plans réels et qui peuvent assister à l'un d'entre eux. Pendant ce temps, la barre latérale droite se concentre sur vos propres tâches personnelles que vous souhaitez créer. Ghani Pradita est le concepteur derrière ce concept ; donnez-lui deux pouces pour cette œuvre d'art incroyable.
Personnaliser le kit d'interface utilisateur du produit
Les pages produits des boutiques en ligne deviennent de plus en plus modernes, numériques et certainement beaucoup plus flexibles. Ce cadeau de Rodrigo Borges sert à créer une page de personnalisation de produit sur votre boutique en ligne. Le concept permet à un utilisateur de sélectionner une variété d'options pour le produit final, et enfin de faire l'achat. Le design est emprunté aux pages de vente d'origine d'Apple, où vous pouvez apporter les derniers ajustements aux produits que vous souhaitez acheter.
Interface utilisateur de la nourriture et des boissons
Les applications alimentaires n'ont pas besoin d'être les plates-formes traditionnelles riches en contenu auxquelles nous sommes habitués sur le Web. Au lieu de cela, avec une conception soignée, nous pouvons créer des « cartes » pour nos histoires liées à l'alimentation et les afficher de manière plus efficace et attrayante, comme le montre cette interface utilisateur conceptuelle. Trois cartes qui présentent différents types d'aliments et de boissons, avec une petite description derrière elles, expliquant comment obtenir le résultat final. Cela pourrait très bien fonctionner pour un réseau alimentaire qui souhaite publier des recettes petites et faciles, avec une touche moderne et professionnelle.
Interface utilisateur des statistiques
Ranjith Alingal partage avec d'autres sa maquette de ce à quoi devrait ressembler une bonne interface utilisateur d'application de statistiques. C'est une chose de comprendre comment fonctionnent les statistiques et de les intégrer dans le code. Mais nous devons toujours nous concentrer sur la création d'une véritable interface utilisateur pour la sortie brute des statistiques. Si vous avez eu du mal dans ce département, ce billet de faveur vous donnera une certaine tranquillité d'esprit. Le concept est destiné aux applications qui souhaitent récapituler les statistiques d'un domaine particulier de l'entreprise, avec la possibilité de signaler également des journaux jusqu'à 30 jours.
Croquis de calendrier
Le calendrier est un autre de ces éléments sur lesquels vous ne voulez vraiment pas passer trop de temps. Cela semble être une tâche facile à accomplir, mais une fois que vous commencez à le faire, les heures commencent à s'accumuler et le temps se perd. Économisez quelques heures et empruntez ce concept de calendrier moderne à Sanja Zakovska. Il utilise un schéma de couleurs rouge et compact, mais puisque vous obtenez les fichiers Sketch, vous pourrez travailler pleinement avec celui-ci à votre guise.
Interface utilisateur d'intégration
L'intégration reste l'un des processus les plus approfondis pour expliquer à un nouvel utilisateur ce pour quoi il s'inscrit et ce à quoi il peut s'attendre en devenant membre de votre plateforme. Trouver le bon moyen d'embarquer est crucial, car de nos jours, une simple inscription et l'utilisation des techniques de la plate-forme ne fonctionnent plus aussi bien. Rodrigo Borges a publié une interface utilisateur d'intégration gratuite avec une palette de couleurs rouge, divisée en trois parties. Cela vous permet de modifier les icônes principales et la zone de texte pour plus d'explications. Ces écrans d'intégration fonctionnent très bien pour les applications mobiles, et nous ne pouvions pas souligner leur importance plus que nous ne le faisons déjà.
Google - Icônes matérielles pour l'esquisse
Apportez un peu de design matériel dans vos projets. Même l'application officielle Facebook Messenger propose une conception matérielle pour leurs appareils Android. Et ainsi, de nombreuses autres startups se concentrent sur la création de leurs nouvelles applications à l'aide de la conception matérielle. Cette norme de conception mûrit plus rapidement que tout ce que nous avons vu au cours de la dernière décennie. Ici, nous avons un cadeau d'icônes de conception matérielle, prêtes à être utilisées dans vos projets, qu'ils soient mobiles ou de bureau. Le nombre de téléchargements augmente également rapidement.
Carte de localisation
Une « carte de localisation » très moderne pour les sites Web de voyage qui proposent des offres de vacances ou des expériences de voyage générales à leurs clients. Le concept utilise l'approche consistant à afficher une image d'arrière-plan de l'emplacement proposé et une belle superposition de «cartes» pour discuter plus en détail des détails du voyage. Fonctionnera très bien pour les sites Web de bureau et les applications mobiles. L'unicité et la modernisation gardent toujours les clients accrochés à leurs écrans.
Application mobile Ustraa iOS
Ustraa est une application conceptuelle qui se concentre sur le commerce électronique. Plus précisément, il se concentre sur la vente de produits de marque individuels avec un design attrayant et élégant. Listes de produits, pages de produits, tout est inclus dans ce concept d'application mobile complet. Il ne vous reste plus qu'à saisir le billet de faveur et à explorer les possibilités. Il est toujours préférable d'utiliser une conception d'application existante, en particulier lorsque seul un prototype est nécessaire.
Télécharger le widget
Vous voulez gérer une plate-forme qui aide les gens à télécharger des contenus, qu'ils soient personnels ou pour l'usage de tous ? Construire un concept uniquement à cette fin prendra une tonne de temps. Il existe de nombreux scripts de téléchargement, qui utilisent tous leur approche unique pour la conception et le flux d'éléments. Donnez-vous un peu d'espace, prenez cette interface utilisateur de widget de téléchargement et construisez un prototype qui ne vous aspirera pas la vie. C'est en fait assez bien conçu aussi.
Application électro
Lorsque vous entendez le nom Electro App, la première chose qui vous vient tout de suite à l'esprit, c'est qu'il s'agit d'une application musicale ! Nan, pas dans ce cas. Electro App est un concept d'application littérale qui peut aider à suivre la consommation d'électricité dans votre foyer ou au travail. Entrez votre utilisation quotidienne et obtenez une sortie de combien vous devriez vous attendre à payer d'ici la fin du mois. Nous aimons quand les concepteurs prennent l'initiative de créer des maquettes et des concepts d'interface utilisateur uniques qui peuvent orienter les développeurs vers une nouvelle catégorie d'idées.
Lecteur de musique
Si toute cette électro vous a motivé pour de la musique, pourquoi ne pas prendre cette prochaine maquette d'un lecteur de musique et écouter de la musique avec votre propre application ? Eh bien, le processus ne sera pas si facile, bien sûr. Mais une fois que vous aurez exploré les capacités de conception du concept, rien ne vous empêchera d'exécuter ce concept dans une application mobile entièrement fonctionnelle, prête à attirer certains auditeurs. Utilisez-le de manière autonome ou créez-le avec une application existante axée sur les médias.
Carte d'inscription
Les formulaires d'inscription sont passés des formulaires traditionnels de nom d'utilisateur/mot de passe à des conceptions très sophistiquées qui continuent de mettre l'accent sur le thème général de la conception du site Web/de l'application. Si un formulaire d'inscription figure sur votre liste de tâches, examinez de plus près cette carte d'inscription. Il est magnifiquement conçu pour comporter un formulaire d'inscription séparé et une barre latérale pour toute information supplémentaire que vous souhaitez transmettre.
Application de messagerie
Que serait le monde sans e-mail, ni même messagerie instantanée ? Mail App est un concept d'interface utilisateur qui comprend une boîte de réception que vous pouvez transformer en une conception de courrier électronique personnelle pour votre plate-forme existante. La conception d'une plate-forme de messagerie autonome nécessitera un certain travail ; mais si vous construisez pour un usage personnel, cela devrait être un point de départ bénéfique pour vous donner quelques idées sur le fonctionnement des boîtes de réception de courrier électronique.
Concept de portefeuille
Peut-être qu'un meilleur nom pour cela serait Digital Wallet Concept. Néanmoins, il s'agit d'un magnifique portefeuille numérique que vous pouvez intégrer à votre plate-forme et qui traite des aspects financiers d'une entreprise. Peut-être que vous gérez un site Web de vente aux enchères et que les gens peuvent charger des crédits sur leur compte. Ce concept vous donnera suffisamment d'espace pour jouer et concevoir un portefeuille qui se sentira bien et aura l'air moderne.
Icônes vectorielles de la ferme
Nous n'avons pas oublié les icônes, voici donc quelques kits d'interface utilisateur et d'autres concepts spécifiquement pour les icônes. Le premier est un jeu d'icônes vectorielles pour les agriculteurs ou les applications liées à la ferme. Les icônes incluent un tracteur, une carotte, une pomme, de l'amidon, une vache, un fermier, un oiseau, une maison et quelques autres qui fonctionneront dans des conceptions liées à l'agriculture.
Icônes iOS
Ces icônes présentent plusieurs applications différentes et populaires que vous pouvez trouver sur l'App Store. Si vous vous êtes déjà demandé ce que c'est que de créer une icône à partir de zéro, vous avez maintenant accès à un fichier Sketch en couches qui fera le récapitulatif pour vous, comment créer une icône professionnelle à partir de zéro. Idéal pour apprendre à créer votre propre icône d'application. Peut-être pouvez-vous même emprunter des idées et des éléments à ce billet de faveur.
20 croquis d'icônes de tableau de bord
Les icônes du tableau de bord fonctionnent mieux pour les applications générales et de bureau, le jeu d'icônes comprend : calendrier, atome, message, carte de profil utilisateur, hashtag, navigateur Web, ordinateur de bureau, smartphone, panneau de paramètres, bâtiments, dossier, profil utilisateur, étiquette de prix, dossier , et quelques autres. Gagnez du temps, obtenez un ensemble d'icônes prédéfini et utilisez-le comme vous le souhaitez. Nous sommes surpris de voir que très peu ont profité de cette offre incroyable.
Croquis de graphique analytique
Nous avions déjà mentionné un graphique analytique, mais il y a toujours de la place pour plus. Ce concept vient de Racine Davis. Elle utilise l'approche de la conception numérique pour créer un concept de graphique analytique pouvant afficher toutes les données imaginables, individuellement ou en accéléré.
Analyse de la condition physique
Et encore plus de trucs d'analyse, cette fois pour les amateurs de fitness. Les applications sportives continuent de dominer les catégories d'applications d'activité physique, les compteurs de pas étant parmi les plus recherchés. Heureusement pour nous, Padam Boora s'est mis en quatre pour proposer un joli concept d'analyse de la condition physique que vous pouvez rapidement prototyper en une application fonctionnelle. Le concept est créé pour aider à suivre les pas, la distance et la distance de montée.
Message éclair
Les messages flash sont un bon moyen de garder vos utilisateurs engagés dans les activités de l'application. Qu'il s'agisse d'un message de remerciement ou d'un message pour l'informer d'une action terminée, les messages flash rassurent toujours l'utilisateur que ses actions ont été effectuées, et cela aide à se rassurer. Cet élément d'interface utilisateur est un simple message flash que vous pouvez intégrer à vos applications existantes pour l'ajouter après qu'un appel à l'action a été effectué.
détails du produit
Pour les applications de commerce électronique et les magasins en ligne, l'une des pages les plus importantes nécessitant un excellent design sera la page Détails du produit. Il s'agit de la page qui affiche le produit et mène soit à un achat, soit à une fenêtre fermée. Les erreurs ne doivent pas être commises sur les pages de détails du produit, il est donc crucial de prendre le temps de concevoir ou de trouver une excellente maquette de page de détails de produit. Nous en avons un que nous avons trouvé et vraiment aimé. C'est simple mais parvient à faire passer le message et ne surcharge pas l'écran des clients avec des éléments inutiles.
Esquisse du kit d'interface utilisateur iOS de l'application sociale
Les applications sociales prennent de l'ampleur, grâce à la possibilité pour chacun de créer son propre réseau social de nos jours. Il n'est pas surprenant que de nombreux concepteurs se concentrent sur la création de maquettes, de concepts et de modèles qui entourent la sphère des médias sociaux. Ici, nous avons un kit d'interface utilisateur Sketch spécifiquement pour une application de réseau social pour les développeurs iOS. Celui-ci met l'accent sur des fonctionnalités telles que le téléchargement de médias et la messagerie instantanée. Une variété de flux de contenu vous aide à afficher du contenu, des notifications d'utilisateurs et un système d'abonnés. Bien sûr, tout cela n'est que du design, vous devez donc élaborer un plan sur la façon de concrétiser toutes ces fonctionnalités grâce à un certain codage.
Esquisse minimale du kit d'interface utilisateur Android
Android n'a pas été le gagnant de cette rafle, mais cela ne veut pas dire qu'il n'y a pas beaucoup de ressources pour les développeurs Android. Il semble que de nombreux concepteurs se concentrent sur iOS, à l'exception de celui-ci. Voici un kit d'interface utilisateur minimal conçu pour les appareils Android. Vous obtenez dans le package tous les éléments nécessaires pour créer un prototype de site Web de contenu/entreprise simple, avec des choix de conception standard et modernes.
Croquis du kit filaire de la lune
Le Moon Wireframe Kit for Sketch a été téléchargé plus de 3 000 fois. C'est parce que cela rassure le concepteur qu'il y aura suffisamment d'éléments à utiliser lors de la construction de son prototype. C'est ce qui manque à beaucoup de kits d'interface utilisateur de nos jours : des éléments plus complexes qui peuvent aider à faire aboutir un plus large éventail d'idées. Le Moon Wireframe Kit, cependant, s'en tient aux gros canons et n'hésite pas à proposer des éléments intéressants et variés. Les écrans ont été divisés dans les catégories suivantes : Splash, Login, Menu, Settings, Gallery, Feed, List Items, Contact, Profile, Notifications, Comments, Stats, and Cart.
Croquis du kit filaire de base
Travailler dans une agence de design et ne pas avoir les bons outils pour créer des prototypes rapides peut être un désastre. C'est pourquoi vous remarquerez que de nombreux kits d'interface utilisateur que nous trouvons en ligne gratuitement offrent tous les éléments de base et les nécessités qui aideraient à prototyper un échantillon de conception de site Web rapidement et efficacement. Ce kit d'interface utilisateur comprend également : des éléments de formulaires, des cases à cocher, des boutons, un espace réservé pour l'image, un espace réservé pour les cartes, des boutons d'info-bulle, des modaux d'information - tous les éléments astucieux qui composent un site Web de contenu. Lancez-vous dans la conception !
Croquis du kit d'interface utilisateur Pearl
Nous clôturerons cette rafle avec quelques ajouts de kits d'interface utilisateur sympas sur lesquels nous savons que vous commencerez à travailler tout de suite. Pearl UI Kit apporte cela à la table : menu de navigation avec des éléments et une barre de recherche, une barre et un formulaire de recherche individuels, un formulaire de connexion par e-mail et mot de passe, une boîte de commentaires, un menu de sélection de pays, un menu de profil personnel avec des informations de profil concises, une fonctionnalité de recherche d'amis , sélection de catégorie, sélection de contenu à onglets, formulaire de mise à jour de statut de publication, formulaire vidéo, boutons, etc. Pour résumer, c'est essentiellement tout ce dont vous avez besoin pour démarrer avec un site Web qui permettrait la production de contenu et la création de profils d'utilisateurs d'une manière axée sur les médias sociaux.
Kit d'interface utilisateur Bootstrap 4 pour Sketch
Avec plus de 4 000 téléchargements et une addition quotidienne, cela deviendra sans aucun doute l'un des principaux kits d'interface utilisateur Bootstrap 4 pour les utilisateurs de Sketch. Sa bibliothèque continue également de progresser et de nouvelles fonctionnalités de Bootstrap 4 sont en train d'être dévoilées par la société. Bootstrap 4 est en préparation, mais certains de ses aspects sont disponibles pour des tests publics. Ainsi, la communauté a pris l'initiative de publier le kit d'interface utilisateur au format Sketch pour permettre aux autres d'amorcer leurs applications à l'aide du nouveau cadre de conception.
Générateur de croquis d'interface utilisateur simple
Avec Simple UI Sketch Generator, vous pouvez générer votre kit d'interface utilisateur avec des styles de texte, des symboles de boutons, des échantillons de couleurs et des avatars. C'est également un excellent outil pour explorer rapidement les directions artistiques et s'assurer qu'une identité graphique est cohérente dans tous les éléments. L'auteur du kit vous demande de complimenter son travail en laissant le filigrane intact. C'est une bonne chose de respecter les créateurs et leur temps libre, mais finalement c'est à vous de répondre à la demande.
Esquisse de l'interface graphique de Dribbble
Dribbble est la ressource de partage de conception la plus connue pour les graphistes professionnels et sérieux et les artistes de conception. Avec cette interface graphique, vous pouvez rapidement charger les projets sur lesquels vous travaillez et voir à quoi ils ressembleraient sur Dribbble une fois que vous les aurez publiés. Du moins, c'est ce que l'auteur de l'interface graphique voulait que ce kit soit. En conclusion, vous pouvez toujours utiliser l'interface graphique pour créer votre propre application ou site Web, en fonction de la conception.
Croquis du kit d'interface utilisateur de l'application photo iOS
Plus de 3 000 téléchargements et plus, toute personne sur le marché pour lancer sa propre application de photographie, que ce soit pour une utilisation communautaire mondiale ou personnelle, apprendra qu'il s'agit de l'un des meilleurs kits d'interface utilisateur d'application photo pour iOS. Grand choix d'écrans et de nombreux écrans fonctionnels qui mettent en valeur la prévenance du concepteur.
Croquis de kit d'interface utilisateur flexible
Enfin, Kit d'interface utilisateur flexible pour Sketch qui comprend des écrans et des éléments nécessaires à la création de pages de destination et de pages commerciales nécessitant des éléments tels que des tableaux de prix, des info-bulles, des lecteurs vidéo, des menus de navigation et des zones de contenu. En effet, un kit d'interface utilisateur très flexible.
Les meilleures ressources de conception pour les concepteurs de croquis
Eh bien, c'était une excellente façon d'explorer ce que les concepteurs de Sketch ont fait au cours des derniers mois. Nous avons récapitulé certains des meilleurs travaux de conception disponibles pour les utilisateurs de Sketch, et nous ne pourrions être plus impressionnés par le résultat final. Un travail de conception graphique vraiment spectaculaire et spécial se trouve dans cet article; nous espérons que vous avez pris le temps d'explorer les possibilités et que vous avez saisi ce que vous pensiez être utile pour votre flux de travail de conception actuel. Enfin, concepteurs de Sketch, veuillez nous contacter si vous avez publié vos propres cadeaux quelque part sur le net. Nous aimerions jeter un coup d'œil et envisager de l'inclure dans cet article. Merci!