Créez rapidement une photo interactive dans votre prototype de site web avec Adobe Stock et XD.
Recherche d'un panorama urbain haute résolution
Recherchez un grand panorama urbain dans Adobe Stock avec une résolution suffisamment élevée pour prendre en charge l'agrandissement. Enregistrez l'image dans votre Bibliothèque Creative Cloud afin de pouvoir y accéder depuis XD.
Importation de la photo haute résolution dans un plan de travail XD
Importez le panorama dans le plan de travail d'accueil de XD. Dimensionnez et positionnez la photo de façon à montrer l'angle le plus large possible dans la disposition.
Duplication et redimensionnement de la disposition dans XD
Dupliquez le plan de travail dans XD et affichez les autres calques, notamment le texte, les libellés et les modifications des boutons de navigation. Redimensionnez et repositionnez ensuite la photo de ville de façon à montrer un plan agrandi associé à la zone d’intérêt.
Création d'une transition animée dans XD
Basculez vers l'espace de travail Prototype de XD et sélectionnez le bouton Battery Park sur le plan de travail d'accueil. Créez un lien entre le bouton sélectionné et le second plan de travail et choisissez l'action de transition Animation automatique. Définissez une durée de 2,5 secondes dans le panneau des propriétés du lien, puis cliquez en dehors du panneau pour appliquer les modifications.
Cliquez sur le bouton d'aperçu du lien dans l'angle supérieur droit de la fenêtre XD pour interagir avec votre design.
Résultat final
Vous pouvez maintenant prévisualiser et partager votre prototype avec les membres de votre équipe sur toutes les plates-formes.
Consultez cette collection triée sur le volet d'Adobe Stock, qui compte certainement plus d'images que vous ne pourrez en utiliser dans votre prochain projet.
