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

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

Innocent Kacou
40,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Les Bases
Chapitre 3
Les Opérations booléennes
Chapitre 4
Particularité d'adobe XD
Chapitre 5
Le wireframing
Chapitre 6
Outils et design workflow
Chapitre 7
Cas pratique Design Mobile

Plan détaillé du cours

Chapitre 1 : Introduction
04m17s
 
Leçon 1Installation d’adobe XD sous Windows
Leçon 2Premier contact avec adobe XD
Chapitre 2 : Les Bases
16m46s
 
Leçon 1Téléchargement des kits
Leçon 2Découverte de l’interface
Leçon 3Les outils et raccourcis
Leçon 4Couleur et dégradé
Leçon 5Alignement et positionnement
Chapitre 3 : Les Opérations booléennes
09m08s
 
Leçon 1Introduction
Leçon 2L'addition
Leçon 3Soustraction
Leçon 4L'intersection
Leçon 5Le Chevauchement
Chapitre 4 : Particularité d'adobe XD
05m01s
 
Leçon 1Les images
Leçon 2La grille de répétition
Leçon 3Les symboles
Chapitre 5 : Le wireframing
47m48s
 
Leçon 1Wireframe web
Leçon 2Wireframe Mobile
Leçon 3Prototypage wireframe
Leçon 4Tester prototype sur un téléphone mobile
Chapitre 6 : Outils et design workflow
50m50s
 
Leçon 1Trouver des ressources pour le web design
Leçon 2Les couleurs
Leçon 3Trouver des polices
Leçon 4Icons
Leçon 5Les boutons
Leçon 6Styles de caractères
Chapitre 7 : Cas pratique Design Mobile
2h18m
 
Leçon 1Splashscreen & OnBoarding (Écran de démarrage)
Leçon 2Login Screen (Écran de connexion )
Leçon 3Écran de sélection du genre
Leçon 4Écran d'accueil
Leçon 5Flux d'actualité
Leçon 6Profil utilisateur
Leçon 7Prototypage complet
Chapitre 8 : Cas pratique Design Web
1h03m
 
Leçon 1Hero section
Leçon 2Design Web complet

Aperçus

Avis des apprenants

Détail des avis
17
Apprenants
1
Commentaire
4/5
Note moyenne
5/5
0
4/5
1
3/5
0
2/5
0
1/5
0
Pierre-Emmanuel Sudres
Pierre-Emmanuel Sudres
Publié 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 (-_^)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

XD

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données