Adobe XD L'UI et les outils de conception UX gratuits à utiliser dès maintenant

Ce n'est pas souvent que vous associez Adobe à “libre” téléchargements, 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 plateformes spécifiques..

La meilleure chose à propos d’Adobe XD est sa facilité d’utilisation. Même si vous n’avez que peu d’expérience dans la conception, il n’ya qu’une courbe d’apprentissage très progressive pour vous retenir..

Même l'interface utilisateur est rafraîchissante, sans tous les outils et panneaux qui dissuadent de nombreuses personnes telles que Photoshop, Illustrator et Lightroom 15 Alternatives gratuites à Photoshop, Illustrator, Lightroom et plus encore 15 Alternatives gratuites à Photoshop, Illustrator, Lightroom et Plus Vous ne voulez pas dépenser 50 $ / mois sur un abonnement Adobe Creative Cloud? Voici quelques-unes des meilleures alternatives gratuites disponibles. Lire la suite . Dans cet article, nous vous présenterons Adobe XD et expliquerons ce que vous pouvez et ne pouvez pas faire avec..

Qu'est-ce qu'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 planches 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 jeu 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 plus pour concevoir une application.

Que peut faire Adobe XD??

Adobe XD est 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 SE aux derniers modèles; et un modèle générique Android aussi.
• Applications de la tablette: Avec des modèles pour iPad, les deux tailles d’iPad Pro, Surface Pro 3 et 4 et un modèle générique de tablette Android.
• Sites Web / applications Web: Avec quelques préréglages au choix, 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 d’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 Cryptomonnaie pour iPhone Top 10 des applications Bitcoin et Cryptomonnaie 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 séparément les kits d'interface utilisateur appropriés pour iOS, la conception de Google Material et Microsoft Windows..

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 nette 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 étendre votre conception..

Adobe XD vous aide à placer des éléments dans des endroits esthétiques “claquer” en place autour des bords de l’écran, le point central de la toile et d’autres éléments. Vous pouvez le remplacer si vous le souhaitez en maintenant un bouton enfoncé (sur la version Mac, il est Cmd).

Sur le bord supérieur de l'application, vous verrez deux bascules: Conception 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 passer à différents plans 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 cette action (par exemple, un autre onglet dans votre application), passer en mode Prototype faites glisser la flèche du bouton vers votre nouveau tableau de travail. Frappé le “Jouer” bouton ou 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 élégant. 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.

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 sou. Le plus gros inconvénient de la version gratuite est l'impossibilité 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, pour toujours via le Fichier> Exporter option.

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 (par opposition à 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 que Adobe Creative Cloud en vaut la peine 5 raisons d'acheter Adobe Creative Cloud 5 raisons d'acheter 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 mais vous ne devez pas toujours dépenser une fortune en logiciels de conception. Lisez plus pour voir des alternatives performantes.

Explorer plus sur: Adobe Creative Cloud, Design.