8,00

Tuto Designer un mini-site onepage interactif avec Adobe XD avec XD

8,00

  • Une formation vidéo de 57m43s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto Adobe XD en vidéo, je vous propose de créer ensemble un mini-site onepage interactif en prenant l'exemple d'un CV en ligne.
Toutes les manipulations sont expliquées pas à pas, et le tuto peut être suivi facilement par les débutants.

Le tuto XD mini site va se déroule en 5 étapes

  • Découverte du panneau "actifs" afin d'ajouter les couleurs et les styles de caractères dont nous aurons besoin pour la maquette. Création d'un plan de travail adapté au type de site choisi (onepage).
  • Mise en place des 3 parties du site avec leurs couleurs de fond respectives, et positionnement du menu fixe composé d'icônes.
  • Ajouter du contenu sur le site : background avec opacité, titres, textes, avatar, bouton.
  • Créer le prototype : rendre le site interactif en ajoutant des liens sur le menu qui mèneront vers les différentes parties du site.
  • Découverte de la notion d'état de composant afin de créer un état de survol sur un bouton ainsi qu'une action d'animation au clic.

Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.
Les sources (fichier XD final + médias utilisés) sont fournis avec le tuto.

Allez, en avant !

Table des matières de cette formation XD (durée : 57m43s)

    • Mettre en place le plan de travail, les couleurs et les styles de caractères 00:11:10
    • Créer les 3 parties du site ainsi que le menu fixe 00:11:24
    • Ajouter du contenu sur notre site 00:17:32
    • Créer un prototype pour rendre le site interactif et animé 00:11:32
    • Changer l'état de survol d'un bouton et faire une action d'animation au clic 00:06:05



Formateur : Adrien Gazaix

Adrien Gazaix a publié 122 tutoriels et obtenu une note moyenne de 4,8/5 sur 50 397 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

4,3
note moyenne

3
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
1
2 étoiles
0
1 étoile
0
  • 5
    avis de wakapa laissé le 21/11/2020
    Merci pour la découverte de ce logiciel très simple à utiliser au final

  • 5
    avis de membre-729-3907 laissé le 11/07/2020
    Bon tuto avec des astuces intéressantes pour commencer, merci

  • 3
    avis de gerlaure-3423-1580 laissé le 29/04/2020
    Évitez les hésitations et les erreurs, et évitez surtout les mouvements intempestifs de la souris lorsqu’ils sont inutiles.
    "Bonjour déjà. Et c'est bien la première fois que j'ai ce genre de réflexions sur un de mes tuto..."

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Adobe XD 2020
  • Que contient le fichier source ?
    Le fichier XD final ainsi que les médias nécessaires à la création de la maquette (icônes, images).
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1249 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données