Adobe XD créer des prototypes

Utiliser Adobe XD pour créer le design d'application web et mobile

3.50 (1 reviews)
Udemy
platform
Français
language
User Experience
category
instructor
Adobe XD créer des prototypes
22
students
7.5 hours
content
Aug 2021
last update
$19.99
regular price

What you will learn

Découvrir les prototypes

Créer un application

Utiliser les outils de conception

Gérer les couleurs dégradés et contours

Comprendre les calques

Utiliser les actifs

Faire un design cohérent

Utiliser les transitions

Importer des images

Gérer le texte

Comprendre les composants

Utiliser le redimensionnement réactif

Utiliser des plugins

Description

Adobe XD

Adobe XD est un logiciel de la série Adobe qui permet de créer des designs pour des applications mobiles, mais également tous types de conception web. Il offre une grande simplicité dans son interface, ce qui veut dire que la conception n'a jamais été aussi pratique que dans Adobe XD. Contrairement à des logiciels comme Photoshop ou Illustrator, qui demandent beaucoup plus de fonctionnalités pour créer des maquettes mobiles ou web, Adobe XD est l'outil de conception idéal pour créer ce type de conception. On y intègre les polices, les formes, les couleurs, les icônes et les images. Il est possible de choisir toutes les tailles de départ. Adobe XD possède également un système de calque très pratique. On travaille également avec les actifs et les composants.


Adobe XD vous permet de

- Créer un un prototype pour une application mobile

- Créer des landing pages

- Créer le design d'un site web

- Créer des interactions entre les différents plans de travail

- A la fin de votre travail, vous pourrez utiliser votre maquette et cette dernière pourra être prête pour un développeur web.


La formation

Dans cette formation, vous allez apprendre comment créer un prototype en partant de rien avec Adobe XD. En agissant étape par étape, prise en main du logiciel, utilisation des outils, gestion des couleurs, des images et bien plus, vous pourrez voir l'ensemble des fonctionnalités. Le design n'aura plus aucun secret pour vous. Vous pourrez également travailler sur des exemples concrets. En effet, deux projets d'entrainement permettent de mettre en application l'ensemble des éléments du cours, avec la création de plusieurs plans de travail et l'ajout des interactions.







Content

Introduction

Introduction

Présentation des fonctionnalités

Tableau de bord
Espace de travail
Créer et ouvrir document
Enregistrer et exporter

Utilisation des outils

Outil selection
Outil rectangle
Outil cercle
Outil polygon
Outil ligne
Outil plume
Ajouter du texte
Importer image
Les plans de travail
Outil zoom

Couleurs dégradés et effets

Gérer les couleurs
Créer un dégradé
Gérer les contours
Ajouter une ombre
Flou en arrière plan

Les fonctionnalités des objets

Dupliquer les objets
Les groupes
Association des formes

Effet sur texte

Convertir texte en tracé
Image dans texte
Effet reflet sur texte

Grille guide et alignements

Les guides intelligents
Gérer les alignements
Gérer les espacements
La grille
Créer des guides
La grille de répétition

Les calques

Les calques
La disposition
Les modes de fusion

Les actifs

Les actifs partie 1
Les actifs partie 2
Les composants

Prototype créer des interactions

Prototype et interactions partie 1
Prototype et interactions partie 2

Redimensionnement réactif

Utiliser le redimensionnement réactif

Kits utilisateurs et plugins

Utiliser les kits interface utilisateur
Les plugins
Trouver des modèles

Projet application camping

Page d'accueil
Page membre partie 1
Page membre partie 2
Page membre partie 3
Page camping partie 1
Page camping partie 2
Dupliquer page camping
Page booking
Créer les interactions

Projet application recette

Page accueil partie 1
Page accueil partie 2
Page meal category partie 1
Page meal category partie 2
Page meal category partie 3
Page cooking partie 1
Page cooking partie 2
Dupliquer page cooking
Ajouter des interactions
Enregistrer et exporter

Charts

Price

Adobe XD créer des prototypes - Price chart

Rating

Adobe XD créer des prototypes - Ratings chart

Enrollment distribution

Adobe XD créer des prototypes - Distribution chart

Related Topics

3277804
udemy ID
6/28/2020
course created date
7/9/2020
course indexed date
Bot
course submited by