Adobe XD - Design d'application mobile
Adobe XD - Design d'application mobile
Si vous souhaitez vous initier au Webdesign et à l'UX Design et que vous ne savez jamais pas de quelle manière commencer votre projet, que vous voulez arrêter de perdre du temps sur des détails mais qu'il est important d'avoir un rendu de qualité, alors ce cours en ligne est fait pour vous !
Dans cette formation en vidéo, nous allons aborder les bases de l'Expérience Utilisateur ainsi que des règles fondamentales du Web Design. Vous connaîtrez toutes les étapes à réaliser et vous saurez comment les franchir en un minimum de temps. Tout ceci, grâce à une mise en application concrète que nous réaliserons tout au long de ce cours.
Dans ce tuto Webdesign et UX les fondamentaux
À la fin de cette formation, vous serez capable de :
- identifier votre cible (persona),
- concevoir votre palette de couleurs,
- construire une navigation adaptée,
- créer des wireframes (selon certaines règles),
- créer des appels à l'action clairs et pertinents,
- rendre votre designs cohérents,
- et plus encore...
Ce cours a été spécialement conçu pour les débutants avec 2 parties distinctes :
- Partie théorique,
- Mis en pratique sur un cas concret (nous utiliserons le logiciel Adobe XD).
Il est recommandé de suivre la partie théorique puis la partie pratique. Vous pouvez sauter certains concepts (même si je conseille de tout voir).
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
Étude des clients
Étude des clients
Chapitre 3
Création du contenu
Création du contenu
Chapitre 4
Wireframe
Wireframe
Chapitre 5
Hiérarchie
Hiérarchie
Chapitre 6
Navigation
Navigation
Chapitre 7
Principes de conception
Principes de conception
Plan détaillé du cours
Chapitre 1 : Introduction
07m02
Leçon 1Comment fonctionne ce cours ?
Leçon 2Liste des étapes d'un projet complet
Leçon 3Exercice : votre projet
Chapitre 2 : Étude des clients
12m38
Leçon 1Pourquoi est-ce que connaitre ses clients est important ?
Leçon 2Communiquer avec ses clients/prospects
Leçon 3Concevoir un avatar client (persona)
Chapitre 3 : Création du contenu
11m59
Leçon 1Créer du contenu avec la méthode du "Content-First"
Leçon 2Quel est votre objectif
Leçon 3Appel à l'action (CTA)
Chapitre 4 : Wireframe
15m32
Leçon 1C'est quoi les wireframes ?
Leçon 2Règle 1 : Noir & blanc
Leçon 3Règle 2 : Placeholders
Leçon 4Règle 3 : Cohérence
Chapitre 5 : Hiérarchie
13m48
Leçon 1La taille des éléments
Leçon 2Épaisseur du texte
Leçon 3Les couleurs de fond
Leçon 4Les labels
Leçon 5Sémantique des actions
Chapitre 6 : Navigation
13m28
Leçon 1Construire une bonne navigation
Leçon 2Structure globale d'un site
Leçon 3UX : la navigation sur mobile
Chapitre 7 : Principes de conception
14m38
Leçon 1Les intéractions
Leçon 2L'alignement
Leçon 3Principe de proximité
Leçon 4Iconographe
Chapitre 8 : Les couleurs
10m03
Leçon 1Choisir ses couleurs
Chapitre 9 : Mise en pratique : wireframe
36m48
Leçon 1Présentation du projet
Leçon 2Création du wireframe de la landing page
Leçon 3Création du wireframe de la page de connexion
Chapitre 10 : Mise en pratique : UI (Interface utilisateur)
52m59
Leçon 1Design de la landing page
Leçon 2Design de la page de connexion
Leçon 3Checklist : est-ce qu'il y a des erreurs ?
Leçon 4Ajout de détails
Chapitre 11 : Le mot de la fin
01m36
Leçon 1Le mot de la fin
Aperçus
Avis des apprenants