Design web 2

Milieu de cycle

Adode XD : L'aperçu

Adobe XD vous permet de tester votre projet par le biais d'un mode aperçu.

TEKNIKA

L'aperçu et l'enregistrement d'une séquence vidéo aux dimensions IPHONE X.

Pour accéder à l'aperçu, nous devons cliquer sur l'icône "flèche" sitée en haut à droite de notre plan de travail. Adobe XD nous affiche alors le projet via une fenêtre popup dans laquelle nous pouvons cliquer et tester l'interaction entre les différentes pages du projet.

Enregistrer l'aperçu

Encore mieux ! Adobe XD nous offre la possibilité d'enregistrer une séquence vidéo lorsque nous testons notre site en mode Aperçu.

Pour cela, rien de plus simple, il suffit de cliquer sur l'icône d'enregistrement situé en haut de la fenêtre Aperçu et de surfer sur les différentes pages du projet. Une fois la simulation terminée, nous devons recliquer sur le même bouton pour finaliser la séquence vidéo.

Ci-dessous, un exemple tiré du projet ResthoO0!.

Une séquence vidéo issue du mode Aperçu.

L'aperçu sur appareil

En connectant un smartphone via le port USB, nous pouvons directement créer un aperçu depuis notre appreil mobile.

Il faudra au préalable télécharger un petit logiciel "Adobe XD" qui servira de visionneuse en créant une connexion qui téléchargera le projet sur le mobile.

Cette option est automatisée et permet de simuler le projet en taille réelle d'affichage.

TEKNIKA

Le menu déroulant de l'icône "Aperçu sur appareil".

TEKNIKA

Le projet ResthoO0! en mode aperçu directement sur smartphone.