25+ kits d'interface utilisateur plate pour les concepteurs de sites Web
Si vous êtes une personne vivante, émouvante et qui respire, il est fort probable que vous ayez entendu parler du nouvel engouement dans le monde du design, du design plat. Si vous n'êtes pas sûr, voici un cours rapide: sa couleur est plate. Cela signifie qu'il n'y a pas de dégradés (ou très subtils) et que nous ne faisons plus apparaître des boutons et d'autres parties des interfaces utilisateur en trois dimensions.
La précipitation soudaine à ce type de conception rend honnêtement le design plat comme une mode. Tout le monde en parle et tout le monde le fait. Reste à savoir si cela va durer ou si nous allons faire quelque chose de nouveau en 2014. Quel que soit le résultat, le design plat est en ce moment. C'est le dernier élan de ce que le Web 2.0 était et de ce que l'avenir réserve.
Si vous n'utilisez pas de design plat, nous avons réuni aujourd'hui un ensemble de kits d'interface utilisateur plat gratuits et premium. Allons droit devant et sautons dedans.
Flat UI Kit par Riki Tanone (gratuit)
Voici un joli kit PSD gratuit de certains widgets populaires à utiliser dans la conception de sites Web. Celui-ci a également une palette de couleurs merveilleuse.
Flat UI Kit (PSD) de Devin Schulz (gratuit)
Ceci est un PSD plus complet pour les couleurs plates qui a une palette de couleurs très simple. Il comprend tout, des boutons de navigation aux styles de tag.
Eerste UI Kit (gratuit)
Eerste a évidemment été conçu avec l'idée de garder tout aussi simple que possible. Il y a tellement d'éléments à choisir dans ce PSD pour aider à créer un site Web merveilleux.
Kit Metro UI (gratuit)
Ce kit Metro me rappelle beaucoup ce que Windows fait avec ses interfaces utilisateur Windows 8. Si vous cherchez quelque chose d'aussi audacieux, essayez ce kit PSD.
Kit Ui par Abhimanyu Rana (gratuit)
Voici un autre kit d'interface utilisateur simple qui contient des pièces intéressantes. Plus particulièrement, ces boutons sont vraiment sympas et les formulaires sont très bien assemblés.
Flat Ui Kit de Zachary VanDeHey (gratuit)
La plupart des kits plats sont très dépendants d'une grande palette de couleurs. Zachary a fait quelque chose d'assez différent ici en allant avec une palette de couleurs pastel très légère. Ça marche!
Kit d'interface utilisateur gratuit par Visualcreative.cz (gratuit)
Ce kit nécessitera probablement quelques modifications, une fois que vous l'aurez intégré à votre projet, mais il y a quelques belles pièces à commencer grâce à ce kit. Le lecteur multimédia vaut vraiment le détour.
Kit UI (PSD) de Piotr Kwiatkowski (gratuit)
Le design plat est tout au sujet de la couleur plate, mais de temps en temps, vous trouvez un kit comme ceci. Bien qu'il y ait un dégradé très subtil sur ces couleurs, vous ne pouvez pas nier d'où proviennent les principes de base de ce kit.
Infini vertical (gratuit)
Ceci est un méga kit d'interface utilisateur que vous voudrez certainement télécharger. Il a les différents états de vos boutons et de votre navigation et il a juste tellement de morceaux que vous oublieriez probablement. C'est un bon PSD gratuit.
Flat / UI Kit de Sebastiaan Scheer (gratuit)
J'aime ce kit car il dispose d'une couleur très populaire et en fait une palette de couleurs monochromes. La typographie est également délicieuse.
Flat UI Kit de Jan Dvorak (gratuit)
Ceci est juste un kit merveilleux qui a des petits morceaux de caractère partout. J'aime vraiment les icônes, la navigation, le lecteur multimédia et le graphique. Des trucs très utilisables dans ce kit.
Concepts d'interface utilisateur de conception plate (gratuit)
Celui-ci rappelle également l'interface utilisateur de Windows 8, mais ce kit semble un peu plus cohérent dans sa palette. Ceci est un autre kit assez gros qui a beaucoup d'éléments, en particulier pour un blog en quelque sorte.
Kit UI / UX (gratuit)
Ce kit est livré avec une variété de couleurs pour votre choix. Ce n'est pas aussi prévisible que la plupart des kits dans sa conception et sa stylistique, mais c'est certainement quelque chose pour ceux qui sont intéressés à faire quelque chose d'un peu différent.
Kit UI Flat Bold par Simon Eramo (gratuit)
J'aime tout ce qui concerne le basketball, alors quand j'ai vu celui-ci, je savais que je devais l'inclure. Sinon, ce kit est magnifique, simple et offre de nombreuses variantes de boutons. Idéal pour les sites d'actualités et de statistiques.
Kit d'interface utilisateur par Huseyin Yilmaz (gratuit)
Ce kit d'interface utilisateur est une itération assez standard et très solide de ce que nous aimons dans le design plat. Vous avez une inscription, une fenêtre de profil et beaucoup plus pour commencer à concevoir des sites avec.
Kit Premium Splash of Color (gratuit)
Chez Ice Flow Studios, les gens ont créé un kit premium GRATUIT axé sur le minimalisme. Ils ont embrassé l'espace blanc et le plus petit des détails tout en ajoutant une touche de couleur audacieuse
Flat UI Kit par Design Modo (gratuit)
Enfin, consultez le kit créé par DesignModo.com. Un PSD est également disponible pour la version PRO. Obtenez-le maintenant si vous ne l'avez pas déjà!
Drops Flat UI Kit (5 $)
Si vous travaillez avec des graphiques et des infographies dans votre conception Web, vous voudrez probablement investir dans ce kit. Celui-ci est livré avec un prix de 5 $, mais comprend des éléments graphiques très utiles.
Kit UI Pixels Flat (9 $)
Ce kit à 9 dollars comprend non seulement des tonnes de boutons et de formulaires, mais inclut également des apparences pour des éléments tels qu'un lecteur YouTube et un profil Behance. Je vois en réalité ce kit très utilisé par les musiciens et les super créatifs.
Interface utilisateur Atom (10 $)
Ce kit de couleur plate présente un aspect très lisse, mais détaillé, parfait pour le design de l'arrière et de l'avant. Et c'est abordable et vaut bien l'argent dépensé.
Thème du ciel nocturne (18 $)
Ce thème a été créé pour l’utilisateur final. C'est un thème pour les administrateurs, mais il comporte de superbes éléments de couleur plate, allant des graphiques à barres aux boutons. Vous pouvez peut-être prendre des morceaux de ce modèle HTML / CSS à 18 $, qui comprend également le fichier PSD.
Kit d'interface de course à plat (8 $)
Le plus propre est le mantra de nombreux concepteurs vivent. Le design plat est plutôt propre, mais pour le rendre plus propre, de nombreux concepteurs commencent à utiliser des contours pour créer leurs interfaces. Voici un exemple et un kit que vous pouvez acheter pour 8 $.
Square UI (39 $)
Square a été créé à l'origine pour nous aider à créer des sites Web prototypés plus rapidement que d'habitude. Venez le découvrir, il s’agit d’un très bon ensemble d’éléments de couleur plate ainsi que d’autres éléments nécessaires à la conception de sites Web. Pour 39 $, vous obtenez beaucoup de choses qui vous aideront à concevoir mieux et plus rapidement.
Kit d'interface utilisateur - Design plat (8 $)
Ce kit de conception plate à 8 $ comprend non seulement des éléments parfaits pour le Web, mais également pour le développement d'applications. La qualité et les détails de cet ensemble sont stupéfiants et ajoutent un peu de punch à notre ensemble normal d'éléments plats.
Kit UI plat (6 $)
Ce kit comprend une version PSD et PNG pour nos amis développeurs qui ne sont pas trop soucieux du design. Les éléments inclus dans ce kit de 6 $ sont parfaits pour le Web et les applications, ont des boutons, des curseurs et bien plus encore.
Kit d'UI Plat Ultime (6 $)
Le concepteur de ce kit s’est attaché à une chose: la conception et le développement mobiles. Si vous recherchez des éléments spécifiques aux smartphones, ce kit est fait pour vous.
Kit d'interface utilisateur plat (4 $)
Les boutons, les icônes et les infographies font partie intégrante de ce merveilleux kit. La palette de couleurs est également excellente, mais facile à changer. Pour 4 $, c'est un joli petit kit à avoir sous la main.
Modèle d'administration adaptatif Metro UI (16 $)
Voici un autre modèle d'administrateurs pour ceux d'entre nous qui veulent concevoir pour le backend. Ils ont certes beaucoup d’inspiration pour les couleurs plates de Windows et ont créé un superbe modèle à utiliser.
Conclusion
Le design plat est fonctionnel et s'inscrit dans notre style préféré, le minimalisme. Comme le web se transforme en un lieu où il devrait y avoir moins de peluches, moins d'embellissement et plus de choses importantes, il est difficile de voir le design plat s'évaporer de sitôt. Ma suggestion est d'obtenir l'un de ces kits, d'apprendre le style et de le mettre en œuvre le plus rapidement possible. Le design plat n'est pas seulement le "in" chose, mais c'est la chose intelligente.
Avez-vous utilisé l'un de ces kits? Avons-nous manqué votre kit d'interface utilisateur? Faites le nous savoir dans les commentaires.