Kit d’interface utilisateur gratuit pour les icônes de Windows 10 : prêt pour un prototypage rapide.
Windows 10 est le système d'exploitation le plus utilisé aujourd'hui, c'est pourquoi nous avons créé un pack d'icônes pour un prototypage rapide et facile !
Windows est l’une des plateformes les plus populaires, Windows 10 étant un système d’exploitation de plus en plus apprécié pour toutes sortes d’appareils. Connu pour son propre style visuel, sa sensation et son design fluide, Windows 10 est un must pour tous les concepteurs qui existent.
C’est pourquoi l’équipe de design de Justinmind a créé le kit d’interface utilisateur Windows 10 Icons. Grâce à ce kit UI, vous pourrez créer des applications mobiles entières qui s’inspirent à la fois du style de Windows et de la personnalité de votre propre produit. Voyons de plus près quelles sont les icônes fournies avec le kit, et quel type de design vous pouvez créer avec elles !
Vous vous demandez peut-être pourquoi je concevrais un design pour Windows 10. Nous comprenons. Il peut être compliqué de concevoir pour les systèmes d’exploitation (OS) de plateformes comme celle de Microsoft. Contrairement à Apple, dont les produits sont presque tous concentrés dans les versions actuelles d’iOS, les utilisateurs de Microsoft peuvent être dispersés dans de nombreuses versions de Windows. Combien de personnes utilisent donc Windows 10 ? Il se trouve que Microsoft a concentré une grande partie de ses efforts sur l’adoption de cette version, se fixant même pour objectif de faire fonctionner 1 milliard d’appareils sous Windows 10 d’ici trois ans. Même si cette échéance a dû être repoussée, quelque chose a dû bien se passer : Windows 10 est actuellement le système d’exploitation le plus utilisé au monde.
Windows 10 a pour but de prendre le meilleur de Windows 7 et d’y ajouter un peu d’air frais. Dans le design de l’UI, cela s’est traduit par une utilisation audacieuse de la couleur et le maintien des icônes, dans une certaine mesure, familières à tous les utilisateurs. Comme l’explique Christina Koehn, de Microsoft, le design des icônes a été calculé avec soin, la profondeur jouant un rôle important dans l’UI. Pour les responsables de Microsoft, les icônes de Windows 10 devaient ressembler aux icônes que vous trouverez sur iOS et Android, tout en étant mémorables et pleines de vie. Combler le fossé entre les applications Windows 10 et la vie réelle des utilisateurs était également une priorité, ce qui a donné lieu à des bords plus doux et à des finitions lisses.
“Concevoir pour Microsoft, c'est concevoir pour le monde.”
Christina Koehn - Responsable du design chez Microsoft
Le pack d’icônes Windows 10 gratuit de Justinmind aide les designers à faire tout cela dans leurs propres prototypes. Chaque icône peut être adaptée à tous les styles possibles, de sorte que les concepteurs ont une liberté totale pour tirer le meilleur parti du design fluide qu’apporte Windows 10.
Le pack d’icônes de Windows 10 se voulait assez complet, offrant aux designers un moyen de créer des apps entières à l’aide de ce seul kit UI. Vous pouvez vous attendre à trouver un pack d’icônes complet, couvrant les aspects clés de toute application. Commençons par la navigation. Les designers peuvent choisir parmi un large éventail d’icônes de navigation classiques qui renforceront la facilité d’apprentissage de votre produit, en évitant aux utilisateurs d’avoir à apprendre la signification de ces icônes. Vos utilisateurs reconnaîtront instantanément les flèches de navigation (les trois !). Le pack d’icônes comprend d’autres icônes telles que Home, Camera, une voiture et de nombreuses icônes qui peuvent représenter des fonctionnalités de votre application Windows 10.
Le pack d’icônes Windows 10 est également parfait pour toute application ayant trait aux transports, aux médias sociaux et aux fonctionnalités classiques des appareils mobiles – telles que les icônes liées à la composition d’un numéro de téléphone. En ce qui concerne les transports, vous trouverez de nombreuses icônes représentant des bateaux, des avions et même plusieurs types d’icônes de voitures. En ce qui concerne les médias sociaux, vous pouvez compter sur les icônes classiques de commentaires, de pouces en l’air et de pouces en bas, ainsi que sur les icônes d’édition et de paramètres.
Sur les icônes de transport : Les designers peuvent même créer des applications cartographiques, en ayant à leur disposition de nombreuses flèches directionnelles et icônes liées aux cartes.
En fin de compte, ce qui est vraiment génial avec le pack d’icônes de Windows 10, c’est que, bien qu’il soit gratuit, il est également complet et entièrement personnalisable. Les designers peuvent trouver leurs icônes à l’intérieur de l’outil de prototypage de Justinmind et les façonner pour qu’elles s’intègrent sans effort à votre propre design d’UI. Ce genre de liberté n’a pas de prix !
Commencer à concevoir des apps fonctionnelles avec le pack d’icônes Windows 10 de Justinmind est un jeu d’enfant. Il vous suffit de suivre les étapes suivantes :
- Téléchargez l’outil de prototypage Justinmind
- Téléchargez Office Fabric à partir de notre page kits UI
- Ouvrez Justinmind et créez un nouveau prototype web
- Importer le kit UI dans Justinmind
- Amusez-vous à concevoir des applications Microsoft Office Fabric !
Pour notre exemple avec le pack d’icônes Windows 10, nous avons choisi une application de réservation qui traite à la fois de l’hébergement et des vols. Tout d’abord, nous allons créer l’écran de recherche. C’est ici que les utilisateurs peuvent définir des idéaux spécifiques concernant leur voyage, afin d’affiner la recherche de l’hébergement adéquat. Pour établir la disposition générale de l’écran (et de l’application), nous avons utilisé une grande police d’en-tête, suivie de deux boutons qui représentent les deux choses que les utilisateurs peuvent réserver avec l’application. En dessous, il y a un groupe d’icônes !
Nous utiliserons des icônes classiques pour créer la barre de navigation horizontale au bas de l’écran, en utilisant des icônes telles que « home », « pin » et « star ». Pour affiner la recherche elle-même, nous utiliserons des icônes représentant une destination épinglée, un calendrier et une icône d’utilisateur. Pour faire bonne mesure, nous avons également utilisé une icône « plus ». Voyons maintenant ce qu’il en est de cette icône « plus » et quels sont les autres types de restrictions et de limitations que les utilisateurs peuvent appliquer à leur recherche. Dans le module supplémentaire, nous proposons six autres façons d’affiner la recherche, depuis la réservation d’un transfert en voiture jusqu’aux exigences en matière de wifi. Notez que les icônes sont toutes magnifiquement personnalisées, ce qui ne prend qu’un instant dans l’outil de prototypage de Justinmind.
Pour le dernier écran de l’exemple de pack d’icônes Windows 10, voyons la partie supérieure des résultats de la recherche. Remarquez que juste en dessous de l’en-tête, les utilisateurs peuvent voir un bref résumé de leur recherche actuelle à l’aide de petites icônes à l’intérieur de rectangles. En dessous, nous ajoutons encore plus de filtres pour la recherche, en utilisant des icônes qui incluent un lit, un train (pour signifier les transports publics à proximité) et une paire de jumelles. Sous toutes ces belles icônes Windows 10, les utilisateurs verront les résultats de leur recherche.
Windows 10 est un géant puissant sur le marché des systèmes d’exploitation. Aujourd’hui, aucun design ne peut se permettre de le négliger, ce qui rend le besoin d’icônes polyvalentes et personnalisables encore plus grand. Espérons qu’avec le pack d’icônes Windows 10 de Justinmind, vous aurez tout ce qu’il faut pour créer votre application et donner un vrai visage à votre idée.