Adobe XD: L’UI gratuit et l’outil de conception UX que vous pouvez utiliser dès maintenant
Publicité
Ce n'est pas souvent que vous associez Adobe à des téléchargements «gratuits», mais c'est exactement ce que cette société a fait avec Adobe XD. Il s'agit d'une application de prototypage d'interface rapide pour les appareils mobiles et les sites Web, permettant aux concepteurs de concevoir rapidement des conceptions pour des plates-formes spécifiques.
La meilleure chose à propos d’Adobe XD est sa facilité d’utilisation. Même si vous avez peu d'expérience dans la conception, rien ne vous empêche de prendre des mesures d'apprentissage très graduelles.
Même l'interface utilisateur est rafraîchissante, sans tous les outils et panneaux qui dissuadent tant de gens d'utiliser des applications telles que Photoshop, Illustrator et Lightroom 15 Alternatives gratuites à Adobe Lightroom, Illustrator et Photoshop 15 Alternatives gratuites à Adobe Lightroom, Illustrator et Photoshop vous aimez recevoir gratuitement Adobe Photoshop, Lightroom ou Illustrator? Voici quelques unes des meilleures alternatives à Creative Cloud. Lire la suite . Dans cet article, nous vous présenterons Adobe XD et vous expliquerons ce que vous pouvez et ne pouvez pas faire avec.
Qu'est-ce que Adobe XD?
Adobe XD est un outil de conception. Elle ne construira pas votre application pour vous, mais vous aidera à présenter une vision ou un prototype de ce que vous souhaitez pour votre prochaine application mobile ou tablette, votre site Web ou une autre interface utilisateur. L'application utilise des tableaux d'art - essentiellement des maquettes d'écran - pour fournir une représentation visuelle de la conception de votre application.
Créer des applications mobiles Créez votre première application mobile avec ces ensembles de cours à prix réduits Créez votre première application mobile avec ces ensembles de cours à prix réduit Avez-vous ce qu'il faut pour développer la prochaine grande application iOS ou Android? Ces offres de cours fortement réduites vous apprendront comment faire! Lire plus et les sites Web qui fonctionnent peuvent nécessiter beaucoup de savoir-faire technique. Adobe XD vous fournit les outils nécessaires pour transformer une idée en preuve de concept. Une fois que vous avez terminé, vous avez un plan de travail à partir duquel vous pouvez peaufiner sans fin jusqu’à ce que vous soyez satisfait de la conception.
De la même manière que l’art conceptuel est si important dans les projets créatifs (voir ce magnifique art conceptuel de jeu vidéo. Où trouver de beaux concepts artistiques de jeux vidéo en ligne? Où trouver un magnifique concept vidéo de jeux vidéo en ligne? jeux préférés? Voici les ressources en matière de jeux vidéo à votre disposition! Pour en savoir plus, une preuve de concept pour la conception de votre interface désirée est importante pour la construction de logiciels et de sites Web. Fournir aux programmeurs un concept qui correspond si étroitement au produit fini est un excellent moyen d’aligner vos attentes sur ce qui est possible.
Mieux encore, l'application est conçue de manière à ce que tout le monde puisse l'utiliser. Que vous soyez un designer chevronné, un programmeur ou une personne qui manque de ces deux compétences; Adobe XD peut combler le fossé entre votre vision et vos connaissances techniques. Vous n'avez même pas besoin d'apprendre à coder Apprenez à coder en remixant les applications existantes gratuitement Apprenez à coder en remixant les applications existantes gratuitement Ce site vous permet de créer ou de remixer des applications, vous permettant d'être créatif sans craindre de casser quoi que ce soit. Lire la suite pour concevoir une application.
Que peut faire Adobe XD?
Adobe XD a été conçu pour quelques applications spécifiques, mais vous pouvez également penser autrement. L'application facilite les choses en incluant des modèles pour:
- Applications pour smartphone: de l' iPhone 5 et du SE aux derniers modèles; et un modèle générique Android aussi.
- Applications pour tablettes: avec des modèles pour iPad, les deux tailles d'iPad Pro, Surface Pro 3 et 4 et un modèle de tablette Android générique.
- Sites Web / applications Web: avec quelques paramètres prédéfinis, y compris Full HD.
Vous n'avez pas à vous en tenir à ces modèles, ils sont juste là pour vous faciliter la vie. Vous pouvez également spécifier une taille d’interface entièrement personnalisée (écran) et commencer à concevoir pour n’importe quelle plate-forme imaginable.
Si vous concevez une application mobile, vous pouvez télécharger l'application gratuite Adobe XD pour votre plate-forme et exporter vos dessins pour un aperçu en direct sur votre appareil.
Les kits d'interface rendent la vie encore plus facile
Si vous envisagez de concevoir pour iOS 7 raisons justifiant l'apprentissage du langage de programmation Swift 7 raisons justifiant l'apprentissage du langage de programmation Swift Vous devez apprendre le langage de programmation Swift le plus tôt possible si vous ne voulez pas être laissé pour compte. Voici quelques excellentes raisons qui pourraient vous convaincre. En savoir plus, Android, Windows ou une autre plateforme bien établie; vous pouvez utiliser des kits d'interface utilisateur pour obtenir un coup de main. Il s’agit essentiellement de modèles de projets gérés par Apple, Google, Microsoft et autres, téléchargeables au format de fichier .XD d’Adobe.
Les kits d'interface utilisateur vous permettent d'accélérer la production et de concevoir votre application dans le respect des contraintes et des éléments communs de la plate-forme de votre choix. Comme ils sont gérés par les développeurs de la plate-forme, ils sont généralement toujours à jour et complets.
Par exemple, le kit d'interface utilisateur iOS d'Apple comprend des dimensions d'écran vierges pour une gamme de périphériques, des exemples de clavier iOS, des éléments de navigation tels que le ruban en haut de l'écran, les boutons à bascule iOS, etc. Vous pouvez facilement copier et coller des éléments dans vos planches de dessin et créer des prototypes précis.
Adobe gère également quelques autres kits d'interface utilisateur, notamment des exemples de smartwatch compatibles avec watchOS, un kit de site Web de commerce électronique et un ensemble d'exemples pour la création d'applications pour smartphone à devise numérique. Top 10 des applications Bitcoin et Crypto-monnaie pour iPhone Il est maintenant plus facile que jamais d'acheter des bitcoins, de les convertir en altcoins et même d'investir dans des ICO, le tout à partir de votre téléphone avec des applications de crypto-monnaie. Lire la suite . Vous devrez télécharger les kits d'interface utilisateur appropriés pour iOS, la conception de Google Material et Microsoft Windows séparément.
Un ensemble simple d'outils intégrés
Contrairement aux autres applications graphiques et de conception complexes d'Adobe, XD dispose d'une interface utilisateur claire et claire avec seulement quelques outils simples. Vous avez vos formes de base: des rectangles, des cercles, des lignes et un outil de stylo pour créer des formes personnalisées. Il existe également un outil de texte simple, avec un accès à la bibliothèque de polices Typekit (mais pas à la totalité).
Vous pouvez ensuite modifier divers attributs relatifs à ces éléments, tels que l'opacité, la couleur de remplissage, les bordures, les ombres et le comportement de défilement. Enfin, il existe une loupe et un outil graphique pour développer votre conception.
Adobe XD vous aide à placer des éléments dans des endroits esthétiquement agréables en "enclenchant" les bords de l'écran, le point central de la zone de dessin et d'autres éléments. Vous pouvez remplacer cela si vous le souhaitez en maintenant un bouton enfoncé (sur la version Mac, il s'agit de Cmd ).
Sur le bord supérieur de l'application, vous verrez deux options: Design et Prototype . Le design est l'endroit où vous passerez le plus clair de votre temps à créer votre vision. Passez en mode Prototype pour ajouter diverses interactions entre les éléments à l'écran. Vous pouvez déclencher des événements et basculer vers différentes planches d’art, offrant une expérience utilisateur simple sans écrire de ligne de code.
Cela se fait via une simple interface glisser-déposer, par exemple: créer un bouton avec l'outil Cercle, créer un nouveau plan de travail avec le résultat souhaité de la pression de ce bouton (par exemple, un onglet différent dans votre application), basculer en mode Prototype et faites glisser la flèche du bouton vers votre nouvelle planche de travail. Appuyez sur le bouton "Lecture" ou sur un aperçu sur votre appareil en direct pour voir comment il se joue.
Vous pouvez même spécifier des transitions et des effets pour le rendre plus chic. Il y a de très grosses limitations au mode Prototype. Vous ne pouvez pas vraiment aller trop en profondeur avec cela, mais cela sert à quelque chose et sa mise en œuvre simple le rend facile à utiliser.
Dans quelle mesure la version gratuite d'Adobe XD est-elle limitée?
En tant que produit gratuit, Adobe XD est conçu pour que vous soyez accro à son flux de travail simple et à ses outils conviviaux sans dépenser un centime. Le plus gros inconvénient de la version gratuite est l’incapacité d’avoir plusieurs prototypes partagés actifs ou ensembles de spécifications de conception à la fois.
Donc, pour votre première conception ou projet, la version gratuite peut suffire. Lorsque vous souhaitez partager davantage de conceptions ou de projets avec votre équipe ou avec les développeurs d'applications, vous vous heurtez rapidement à un mur. Vous pouvez toujours exporter vos différents planches d’art sous forme de fichiers .PNG gratuitement, à tout moment, via l’option Fichier> Exporter .
Cependant, le prototypage et l’interactivité partagés entre les planches d’art sont l’une des caractéristiques remarquables. L'application est toujours utile sans elle, mais pas dans la même mesure. Vous ne pouvez pas construire un prototype entièrement réalisé, mais vous pouvez rapidement définir votre conception.
Les autres limitations de la version gratuite incluent un nombre limité de polices Typekit et 2 Go de stockage en nuage (contre 100 Go) pour les abonnés de Creative Cloud. Si vous décidez de dépenser de l'argent pour la version payante, Adobe XD vous coûtera 9, 99 $ / mois pour cette application uniquement ou 52, 99 $ / mois pour la suite complète Creative Cloud.
Nous pensons qu'Adobe Creative Cloud en vaut la peine. Cinq raisons d'acheter Adobe Creative Cloud Cinq raisons d'acquérir Adobe Creative Cloud Adobe Creative Cloud offre de nombreux avantages. Nous avons compilé une liste de raisons d'investir dans Adobe Creative Cloud tant que vous le pouvez encore. Lire la suite, à condition que vous puissiez en utiliser suffisamment.
Adobe XD est un outil étonnamment convivial
Adobe XD est un outil utile, que vous ayez l’intention de payer ou non. Dans certains cas, vous pouvez vous en tirer avec la version gratuite pour travailler sur de petits projets personnels. Quand il s'agit de travailler sérieusement et de partager avec des équipes, vous devrez mettre à niveau.
Adobe XD n'est pas la panacée de la conception d'interface utilisateur. Les concepteurs utilisent des outils graphiques depuis des années pour créer des maquettes de sites Web, de conceptions d'applications, etc. Découvrez les meilleurs outils de graphisme vectoriel Mac pour les concepteurs respectant un budget. Le meilleur logiciel vectoriel pour les concepteurs Mac pour un budget Le meilleur logiciel vectoriel pour les concepteurs Mac pour un budget Voici le meilleur logiciel vectoriel pour macOS que vous pouvez utiliser gratuitement ou pour acheter sur un budget. Parfait pour les designers modernes! Lisez plus pour voir des alternatives performantes.
En savoir plus sur: Adobe Creative Cloud, Design.
