15,00

Tuto Webdesign : Apprendre à faire du Responsive Design avec XD

15,00

  • Une formation vidéo de 1h33m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Webdesign : Apprendre à faire du Responsive Design

ajouter ce cours aux favoris retirer ce cours des favoris

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

Table des matières de cette formation XD (durée : 1h33m)

  • Introduction au Responsive Design
    • Présentation de la formation en Responsive Design gratuit 00:01:40
    • Concrètement, qu'est-ce que le Responsive Design ? gratuit 00:03:04
    • Définition VS Résolution : Il est temps de tout comprendre ! 00:05:19
    • Indispensable : Connaître les différents types d'écran 00:07:55
    • Présentation du Container du site web test 00:01:19
    • Le Responsive Design, c'est aussi une hauteur adaptée 00:08:34
    • Bonus : Hauteurs et Largeurs adaptatives 00:03:10
  • Responsive Design : Place à la pratique
    • La pratique commence : Zoning, Wireframing, Maquettage et Colonnage 00:09:00
    • Le Responsive Design sur le Web 00:05:05
    • PRATIQUE : Le Responsive Design sur le Web 00:08:38
    • Les différences entre Responsive Design sur le Web et Tablette/Mobile 00:05:53
    • Le Responsive Design sur Tablette et Mobile 00:06:23
    • PRATIQUE : Le Responsive Design sur Tablette 00:14:43
    • PRATIQUE : Le Responsive Design sur Mobile 00:10:58
    • Fin de la formation en Responsive Design gratuit 00:01:40



Formateur : Joan Haegele

Joan Haegele a publié 13 tutoriels et obtenu une note moyenne de 4,7/5 sur 1 767 tutoriels vendus. Voir les autres formations de Joan Haegele

  • 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.
accédez à plus de 1320 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données