Design web 2

Milieu de cycle

Adode XD : Les images

Les images d'un projet Adobe XD sont facilement intégrables au plan de travail par simple glisser/déposer.

TEKNIKA

L'intégration d'images avec Adobe XD reste très simple.

Néanmoins, il existe 2 méthodes d'intégration :

La première méthode consiste à simplement glisser l'image directement sur le plan de travail. Celle-ci s'affiche alors au format original et vous devez alors la redimensionner par la suite pour qu'elle corresponde à votre projet.
Notez que le redimensionnement des images est toujours réalisé de manière propotionnelle lorsque vous étirez votre visuel. Nous apercevons ci-dessus les poignées de redimensionnement de l'image du header de la page

La deuxième méthode consiste à dessiner au préalable une forme dans laquelle l'image va s'intégrer (le carré rouge ci-dessus). Une fois la forme mise en place, il suffit de glisser/déposer sur cette forme l'image à afficher.
L'image gardera son ratio et occupera l'espace maximum de la forme. Ainsi, si la forme dessinée ne possède pas les mêmes proportions que l'image choisie, Adobe XD étirera cette dernière pour qu'elle occupe toute la surface de la forme et une partie de cette image sera cachée.
Il est possible d'ajuster la position de l'image dans l'espace de la forme en double cliquant sur l'image à déplacer.