$ 40.00

Tuto Adobe XD : UI/UX Design & Prototypage d'App Mobile et Site Web avec XD

$ 40.00

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

Dans la même veine que Sketch, XD est un outil de conception et de prototypage conçu par Adobe, entièrement dédié aux concepteurs UI / UX

Dans ce cours en vidéo, je vais vous apprendre les bases de ce logiciel et vous montrerai étape par étape comment vous pouvez concevoir une application mobile et un site web magnifique et moderne.
 

Apprendre XD par la pratique

Dans les premières parties nous aborderons les bases du logiciel et ses fonctions spécifiques.  
Par la suite, nous appliquerons vos nouvelles connaissances en passant à la pratique. 2 cas pratiques seront abordés :

  • un design d’application mobile
  • un site web

Les ressources telles que les couleurs et images utilisées sont fournies.
Les fichiers sources (.xd) sont également inclus.

Ce cours a une approche par la pratique.
Il n'y aura pas beaucoup de théorie. Il s'agit de vous apprendre à concevoir un produit mobile et web et à vous montrer tout le potentiel d'Adobe XD.

À la fin du cours, vous serez en mesure de comprendre la façon dont Adobe XD fonctionne et vous pourrez appliquer les techniques de conception et toutes les compétences que vous avez apprises dans vos futurs projets de conception mobile ou web.
Un petit QCM est disponible en fin de formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

Bonne formation !

Table des matières de cette formation XD (durée : 5h35m)

  • Introduction
    • Installation d’adobe XD sous Windows 00:02:18
    • Premier contact avec adobe XD 00:01:59
  • Les Bases
    • Téléchargement des kits 00:02:19
    • Découverte de l’interface 00:03:15
    • Les outils et raccourcis 00:05:16
    • Couleur et dégradé 00:03:47
    • Alignement et positionnement 00:02:09
  • Les Opérations booléennes
    • Introduction 00:00:31
    • L'addition 00:02:17
    • Soustraction 00:01:56
    • L'intersection 00:01:36
    • Le Chevauchement 00:02:48
  • Particularité d'adobe XD
    • Les images 00:02:36
    • La grille de répétition gratuit 00:01:07
    • Les symboles 00:01:18
  • Le wireframing
    • Wireframe web 00:18:27
    • Wireframe Mobile 00:16:11
    • Prototypage wireframe 00:08:15
    • Tester prototype sur un téléphone mobile 00:04:55
  • Outils et design workflow
    • Trouver des ressources pour le web design gratuit 00:12:12
    • Les couleurs 00:10:40
    • Trouver des polices 00:09:13
    • Icons 00:09:03
    • Les boutons 00:04:30
    • Styles de caractères 00:05:12
  • Cas pratique Design Mobile
    • Splashscreen & OnBoarding (Écran de démarrage) 00:22:14
    • Login Screen (Écran de connexion ) 00:32:41
    • Écran de sélection du genre 00:20:26
    • Écran d'accueil 00:26:24
    • Flux d'actualité 00:16:52
    • Profil utilisateur 00:15:48
    • Prototypage complet 00:03:42
  • Cas pratique Design Web
    • Hero section 00:18:05
    • Design Web complet 00:45:40



Formateur : Innocent Kacou

Innocent Kacou a publié 1 tutoriel et obtenu une note moyenne de 4,0/5 sur 10 tutoriels vendus. Voir les autres formations de Innocent Kacou

4,0
note moyenne

1
avis laissé
5 étoiles
0
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 4
    avis de camillos laissé le 08/03/2019
    Très bonne initiative vu le manque de formation sur adobe xd d'un cours complet de Wireframe complet ( site screen >phone H/V >Tablet V/H & App) voila une idée pour les formateurs afn de nous faire un cours complet de A à Z merci à toutes l'équipe (-_^)

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    XD
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1071 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données