Webdesign avec Adobe Xd

Description

Adobe Xd est l’un des outils les plus prisé par les Ux et les Ui designers pour la conception de maquettes et prototypes interactifs.

Vous voulez acquérir et comprendre rapidement les bases du design graphique, le rôle de l’Ui designer, l’importance de l’Ux design dans un projet mais aussi maitriser Adobe Xd et être capable de créer un design d’interfaces web et mobile ?

Alors bienvenue !

Si votre objectif est uniquement d’apprendre le design d’interface, vous faites un bon choix !

Mais si vous souhaitez aussi apprendre à développer un site que vous aurez désigné, alors je vous propose de lire ce qui suit : Ce cours est le premier d’un triptyque qui vous permettra d’apprendre à designer une site responsive, puis de développer sa version front-end dans un second cours, et son back-end dans un troisième cours. Ainsi, vous serez capable de produire et de gérer un projet entier seul, puisque vous serez capable de conçevoir votre site dans toutes ses étapes ! Alors restez bien attentifs, car je travaille à ce que c es cour soient prochainement disponibles !

Mais pour le moment, revenons à ce cours qui nous intéresse maintenant !

J’ai construis cette formation pour vous permettre d’abord d’acquérir la compréhension des notions fondamentales de l’Ux design et de l’Ui design, une partie de leur histoire, quelques-uns de leurs concepts, les bases des règles appliquées du design graphique et les étapes courantes de la construction d’une interface afin que vous puissiez vous approprier et comprendre la théorie qui régit le design d’interfaces.

Ensuite, je vous propose de découvrir Adobe Xd à travers divers exemples d’utilisation puis de construire notre projet en passant par les différentes étapes de réflexion et de recherche, pour arriver au design à proprement dit de notre site web et de ses déclinaisons tablette et mobile, pour le prototyper et le partager.

Dans le détail, vous pourrez :

Découvrir l’Ux Design avec

- Une définition de l’Ux Design

- Un peu d’histoire

- Différentes approches de l’Ux design

- Un exemple de workflow Ux

- Le user-centered design

- Un peu de psychologie

Découvrir l’Ui Design avec

- Une définition du rôle de l’Ui Designer

- Les bases du design graphique

- Quelques concepts du design d’interface

- Un exemple de workflow Ui

Découvrir les bases d’Adobe Xd avec

- L’installation

- L’accueil et interface

- Les outils d’Adobe Xd

- Les plans de travail

- Les formes de calque

- Utiliser les couleurs

- Utiliser les images

- Les combinaisons de formes

- Les bibliothèques et actifs

- Les composants

- Le redimensionnement réactif

- D’autres outils d’Adobe Xd

- Les extensions ou plug-ins

- Le prototypage et les animations

- Les exports et partages

- Quelques raccourcis claviers

Concevoir notre projet avec Adobe Xd avec

- Les informations, recherches et moodboard

- Un sitemap

- Un user-flow

- Une esquisse

- Un wireframe

- Un style guide

- Un mockup desktop (ordinateur de bureau)

- Un mockup tablette

- Un Mockup mobile

- Le prototypage

- L’export des assets (éléments du projets)

- Le partage et la validation du projet

Alors rejoignez-moi dans cette aventure :)

What You Will Learn!

• - Découvrir Adobe Xd
• - Découvrir l’ux design et ses fondements
• - Connaître le rôle de l’Ui designer
• - Apprendre les bases du design graphique
• - Découvrir des concepts du design d’interfaces
• - Préparer son travail de design en faisant des recherches, un moodboard, une sitemap,un user-flow, un ireframe et un style guide
• - Construire une interface web responsive : desktop, tablette et mobile
• - Utiliser les outils de prototypage dans Adobe Xd
• - Exporter les éléments de son projet
• - Apprendre à partager son projet

Who Should Attend!

• - Aux débutants
• - A toute personne souhaitant acquérir des compétences de webdesign et de design d’interfaces
• - Aux développeurs et à tous ceux qui souhaite découvrir le design d’interfaces
• - À tous ceux qui souhaitent découvrir Adobe Xd
• - À tous ceux qui souhaitent apprendre à construire un design responsive
• - À tous ceux qui souhaitent apprendre à construire un projet web entier en commençant par le design responsive

TAKE THIS COURSE