Kits d'interface graphique gratuite Sketch pour Web & Mobile Design - Best of

Beaucoup de concepteurs se lancent rapidement d'Adobe Photoshop dans le domaine merveilleux de Sketch. Ce programme de conception numérique pour OS X fournit de meilleurs outils pour la conception de l'interface utilisateur, la conception d'icônes et offre un support de pixel + vecteur dans un programme. Cela a conduit à une augmentation de la popularité des freebies publiées par les concepteurs de Sketch .

Quiconque connaît le marché du freebie sait que les kits d'interface utilisateur sont parmi les ressources les plus populaires pour le travail de conception d'interface. J'ai compilé cette sélection de kits d'interface utilisateur Sketch gratuits pour les sites Web et les applications mobiles. Chaque kit est gratuit à télécharger et devrait fonctionner avec n'importe quelle version de Sketch. N'hésitez pas à saisir tout ce qui attire votre attention et voyez si vous pouvez utiliser ces kits d'interface.

Web UI Kits

Les sites Web sont toujours la pierre angulaire de la conception de l'interface utilisateur, et les maquettes sont souvent requises avant le codage. Ces kits d'interface utilisateur vous donneront les ressources dont vous avez besoin pour créer des interfaces numériques de beauté et de but qui peuvent être rapidement codées dans de véritables mises en page de sites Web.

Trousse d'interface utilisateur sombre

Ce kit d'interface utilisateur gris foncé / bleu a été spécialement conçu pour Sketch 3+ et inclut des éléments communs tels que des boutons, des curseurs, des menus déroulants et des commutateurs. Chaque élément dispose également d'un état activé / désactivé afin que vous puissiez créer des éléments d'interface avec des états interactifs personnalisés.

Kit d'interface utilisateur Dark & ​​Light Voici un kit unique qui convient à un public plus large avec un style de fond sombre et léger. Ce kit se concentre davantage sur les widgets de la page que sur les éléments simples. Vous trouverez donc beaucoup d'autres éléments plus obscurs comme les barres de chargement et les lecteurs multimédias .

Kit d'interface utilisateur d'été

Ce kit d'interface utilisateur d'été est rempli de boutons, de formulaires, de listes déroulantes et d'autres éléments de page très courants pour améliorer les maquettes numériques. De plus, il s'agit d'un document Sketch entièrement en couches, de sorte que vous n'aurez aucun problème à apporter des modifications au contenu si nécessaire.

Pearl UI Kit

Le kit Pearl UI suit un design plat très simple avec des éléments de page de base. Les boutons, les champs de saisie, les accordéons et les onglets ne sont que quelques-unes des options à votre disposition. Si vous êtes tout nouveau à dessiner, alors ce kit peut vous aider à déconstruire la conception de votre propre kit.

Disposition des pages de destination

Ce freebie plutôt obscure fonctionne mieux pendant la phase de wireframing . Ces mises en page ne sont pas entièrement rendues dans Sketch, mais proposent plutôt des mises en page de basse fidélité avec des éléments de bloc statiques. Les couleurs, les formes et le positionnement de ces dispositions devraient aider chaque concepteur d'interface utilisateur à mieux comprendre le processus de fil de fer .

Ensemble d'interface utilisateur de l'application Web

Un kit d'interface utilisateur très simple basé sur le thème des véhicules à moteur Tesla, ce billet de faveur est beaucoup plus détaillé que le reste. Vous avez accès à des boutons simples, mais vous disposez également d'éléments d'interface plus complexes, tels qu'une liste de tableaux détaillée et un widget de calendrier .

Kit d'interface utilisateur flexible

C'est sans aucun doute l'un des kits d'interface utilisateur les plus complets que vous trouverez pour Sketch. La page de démonstration en direct compte plus de 25 types d'éléments différents, des curseurs d'image aux formulaires de paiement et aux commentaires des utilisateurs . Certainement l'un des kits de freebie Sketch les plus cool et les plus utiles que vous trouverez sur le web.

Bootsketch UI

Les concepteurs d'interface utilisateur sont souvent exclus de la boucle quand il s'agit de frameworks frontend, c'est pourquoi ce billet de faveur est un régal. Ce kit Bootsketch contient des éléments vectoriels pour chaque élément Bootstrap existant. Cela rend super facile de créer des maquettes sur le thème Bootstrap dans Sketch sans même toucher le navigateur.

Kit d'UI plat minuscule

Ce kit d'interface utilisateur soigné s'éloigne du design plat pour adopter l'esthétique des dégradés et de la profondeur dans les éléments de la page. C'est un kit amusant à utiliser dans n'importe quel projet et démontre que tout ce que vous pouvez faire dans Photoshop est également possible dans Sketch.

Plus

Si vous cherchez d'autres alternatives, jetez un coup d'œil à cette petite liste de kits d'interface web ci-dessous.

• Kit d'interface utilisateur en marbre
• Kit d'interface utilisateur de la bibliothèque Elements
• Kit d'interface utilisateur frais
• Dink UI Kit (Échantillon)
• Kit d'interface utilisateur pour Web et Mobile

Kits d'interface utilisateur mobiles

L'amour pour les applications mobiles natives a continué d'augmenter à mesure que de plus en plus de gens se tournent vers l'économie mobile. Bien que les téléchargements d'applications chutent, il existe toujours un besoin d'interfaces de qualité pour les applications natives pour compléter les applications de bureau. Ces kits d'interface utilisateur Sketch gratuits vous aideront à concevoir des applications mobiles de qualité pour tous les appareils tout en conservant les différences entre les résolutions et les écrans de la rétine.

Kit d'interface utilisateur iOS 9.3

La poussée continue d'Apple vers une plus grande innovation pompe un nouvel OS mobile presque chaque année. La tendance actuelle est iOS 9 et ce kit d'interface utilisateur comprend tout ce dont vous avez besoin pour les applications iOS natives.

Kit de fil de fer Salesforce1

Salesforce1 est une application de tableau de bord populaire pour la gestion des clients et des clients. Ce kit d'interface utilisateur Salesforce1 offre tous les éléments communs de leur application iPhone pour bricoler et réutiliser leur esthétique design.

Modèle UX mobile

Protégez-vous actuellement un UX mobile pour une application iPhone ou Android? Alors ce freebie Sketch va sûrement vous aider à compléter ce wireframe avec facilité. C'est un moyen gratuit de lancer votre phase de wireframing / prototypage sur un écran numérique.

Kit d'interface utilisateur iOS pour iOS

De Snapchat à Pinterest, des dizaines de réseaux sociaux ont explosé en popularité au cours des dernières années. Ce kit d'interface utilisateur sociale pourrait aider à lancer la prochaine application sociale majeure et évoluer rapidement vers un large public d'utilisateurs d'iPhone.

Kit de filaire de lune

Ce kit de wireframe Moon est un excellent mélange d' interfaces rendues avec une inclinaison vers wireframing . Le kit comprend 50 écrans d'applications mobiles uniques qui peuvent être ajustés et réarrangés pour n'importe quel projet. Vous pouvez utiliser le kit Moon UI pour le wireframing de base ou pour les maquettes complètes de l'interface utilisateur.

Kit d'interface utilisateur d'application de voyage

Voici un kit d'interface utilisateur sombre et magnifique basé sur une application de voyage pour les utilisateurs de Sketch 3+. Il est fait pour tous ceux qui veulent s'amuser avec un vol ou un concept d'application mobile.

Kit d'interface utilisateur Instagram

Les applications mobiles de partage de photos saturent le marché et certaines applications incluent même des fonctions de partage de photos qui s'ajoutent à l'objectif principal de l'application. C'est donc génial d'avoir ce kit gratuit d'interface utilisateur Instagram disponible pour les concepteurs de Sketch pour reproduire la fonctionnalité photo dans leurs propres conceptions. C'est un pack de concept d'interface utilisateur d'application photo iOS de base.

Plus

Il y a beaucoup trop de kits d'interface graphique pour écrire dans ce post, mais je ne peux pas en laisser de bons non plus. Donc, si vous avez besoin de ressources encore plus mobiles UI Sketch jeter un coup d'oeil à ces alternatives.

• Kit d'interface utilisateur Routes
• iOS 7 UI Kit Light
• Kit de fil de fer Uber iOS
• Kit d'interface photo iOS Splash
• Phoenix UI kit - Vol 1