Webdesign : Apprendre à faire du Responsive Design
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Webdesign : Apprendre à faire du Responsive Design

Joan Haegele
14,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Cette formation vidéo en Webdesign sur le Responsive Design, s'adresse à toute personne débutante souhaitant se former, se reconvertir ou à comprendre le webdesign pour le développement de son activité et de ses compétences. Il s'agit d'une partie de ma formation pour apprendre à devenir webdesigner

Vous comprendrez comment adapter votre site web aux différents formats d'écran (web, tablette et mobile) à l'aide de maquettes créées avec un logiciel de création graphique.

Lors de cette formation, j'utiliserai le logiciel gratuit Adobe XD, mais vous serez capable de comprendre le mode de fonctionnement du responsive design avec n'importe quel autre type d'outil de création graphique (Figma, Photoshop,...)

J'ai pu expérimenter à plusieurs reprise cette formation en présentielle afin de la perfectionner et vous proposer le meilleur contenu possible en un minimum de temps qu'importe votre niveau. Grâce à cette formation en ligne vous allez, à votre rythme :

  • Comprendre ce qu'est le responsive design,
  • Adapter votre site web à tous les écrans Web, Tablette et Mobile,
  • Connaître les différentes tailles d'écrans indispensables en webdesign,
  • Faire la distinction entre résolution et définition d'écran,
  • Voir des exemples de bonnes pratiques de site web à reproduire,
  • Voir des exemples de mauvaises pratiques de site web à éviter,
  • Vous lancer dans le maquettage graphique avec Adobe XD,
  • Vous initier au métier de webdesigner.

La création d'un site web pour une entreprise est souvent vue comme étant un travail facile et rapide, mais ce n'est pas le cas.
Il s'agit de comprendre avant tout le webdesign dans son nouvel environnement, avec les écrans fixes d'ordinateur et les écrans nomades de tablettes et de smartphones. Le site web est aujourd'hui le premier outil de communication marketing. Il est donc indispensable d'en connaître ses rouages afin de proposer le meilleur service à ses clients.

Avec cette formation, le changement de design d'un site web selon les différents écrans n'aura plus de secret pour vous.

Au programme de cette formation en Responsive Design

Grâce à cette formation en ligne de près de 2h de vidéo vous allez apprendre à :

  • Créer graphiquement des sites web,
  • Comprendre le fonctionnement des sites web,
  • Comprendre le fonctionnement du responsive design,
  • Maîtriser le responsive design,
  • Apprendre à créer graphiquement un site web pour le web, la tablette et le mobile,
  • Apprendre à éviter les erreurs en création graphique de site web,
  • Faire une maquette test du web au mobile de A à Z.

Un QCM de fin vous permettra de valider vos nouvelles connaissances.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

À qui s'adresse cette formation en Webdesign ?

  • Toutes personnes sachant utiliser un minimum un outil de création graphique (Adobe XD, Figma, Photoshop,...)
  • Reconversion en webdesign (avec ou sans compétences préalables)
  • Formation en webdesign (avec ou sans compétences préalables)
  • Les entrepreneur(e)s souhaitant lancer leur site web
  • Les bloggeurs et influenceurs souhaitant lancer leur site web

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction au Responsive Design
Chapitre 2
Responsive Design : Place à la pratique

Plan détaillé du cours

Chapitre 1 : Introduction au Responsive Design
31m01
 
Leçon 1Présentation de la formation en Responsive Design
Leçon 2Concrètement, qu'est-ce que le Responsive Design ?
Leçon 3Définition VS Résolution : Il est temps de tout comprendre !
Leçon 4Indispensable : Connaître les différents types d'écran
Leçon 5Présentation du Container du site web test
Leçon 6Le Responsive Design, c'est aussi une hauteur adaptée
Leçon 7Bonus : Hauteurs et Largeurs adaptatives
Chapitre 2 : Responsive Design : Place à la pratique
1h02
 
Leçon 1La pratique commence : Zoning, Wireframing, Maquettage et Colonnage
Leçon 2Le Responsive Design sur le Web
Leçon 3PRATIQUE : Le Responsive Design sur le Web
Leçon 4Les différences entre Responsive Design sur le Web et Tablette/Mobile
Leçon 5Le Responsive Design sur Tablette et Mobile
Leçon 6PRATIQUE : Le Responsive Design sur Tablette
Leçon 7PRATIQUE : Le Responsive Design sur Mobile
Leçon 8Fin de la formation en Responsive Design

Aperçus

Avis des apprenants

Détail des avis
181
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
François Canepari
François Canepari
Publié le 30/08/2021
Très instructif et facile d'accès ! Attention juste à ne pas user trop du zoom lors des démos, c'est une peu perturbant sur plein écran.
Joan Haegele
Merci beaucoup pour ton retour qui fait toujours autant plaisir ! Je garde ce conseil pour la suite dans ces cas-là. Bonnes créations !

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 ?

intermédiaire

Que contient le fichier source ?

Le fichier Adobe XD + Toutes les images de la maquettes. S'il manque quelque chose, ne pas hésitez à m'en informer.

Faut-il maîtriser Adobe XD?

Des notions en Adobe XD au préalable sont les bienvenues, mais si vous êtes plutôt à l'aise avec les logiciels de création graphique, cela ne posera pas de problème. S'il s'agit de votre premier contact avec un logiciel de création graphique (Photoshop, Illustrator ou Indesign par exemple), il sera préférable de former un peu à Adobe XD en amont pour appréhender les déplacements dans l'espace et les déplacements d'éléments.

Payer plus tard

Prix d'achat : 14,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données