L'essentiel du Webdesign en 3h chrono ! (UX & UI Design)
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO L'essentiel du Webdesign en 3h chrono ! (UX & UI Design)

Romain Sarda
49,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Le cours indispensable pour concevoir & créer des interfaces web responsives, optimisées (UX) & esthétiques (UI) avec Photoshop !

Vous souhaitez développer vos compétences et acquérir rapidement des connaissances sur le webdesign ?
Ce cours en ligne est fait pour vous !

Je vous propose un condensé de mes 15 années d'expériences en 3h chrono, dans une approche pédagogique mêlant théorie et pratique. Un cours 100% efficient ! Idéal pour les débutants.

Que vous soyez débutant, webmaster, intégrateur, développeur, infopreneur, nocodeur, en reconversion professionnelle, ou simplement curieux, cet essentiel du webdesign en 3h chrono a été spécialement pensé pour vous.
En 3 heures ? Vraiment ?
Oui, vraiment. Un véritable shot de connaissance qui vous offre les bases essentielles du métier de webdesigner.

Évidemment, l’implication, la pratique et l’apprentissage permanent sont essentiels, mais nous avons spécialement conçu cette formation pour qu’en 3 heures vous ayez la base théorique et pratique du métier de webdesigner et pour que vous soyez autonome sur vos futurs projets.

Vous connaîtrez les règles fondamentales du webdesign et serez capables d’en comprendre les enjeux pour réussir à coup sûr le design de votre prochain projet.
Vous aurez rapidement toutes les clés en main pour pouvoir analyser une demande, concevoir et réaliser des maquettes de sites Internet responsives ou d’applications de qualité professionnelle.

Au programme de ce cours L'essentiel du Webdesign en 3h chrono ! (UX & UI Design)

La formation s'articule ainsi autour de 9 modules :

  • 💡 Le métier de webdesigner
    Bien comprendre la définition du web design et en quoi consiste vraiment le métier de webdesigner. Comprendre les principes d'UX et d'UI
  • 🎨 La charte graphique
    Savoir reconnaître et créer les différents éléments d'une charte graphique (couleur, typographie...)
  • 🧠 Composer ses interfaces intelligemment
    Tout ce qu'il faut savoir pour composer des interfaces intelligemment en utilisant entre autres des wireframes
  • 📱 Le responsive design
    Qu'est-ce que le responsive design, et en comprendre les enjeux. Savoir créer des interfaces responsive.
  • 🔥 Prise en main de Photoshop
    Prendre en main un logiciel de création graphique
  • 🧰 Exemple concret : création de maquette
    Étude de cas concret. Réalisation d’un projet de maquettes de site internet de A à Z avec mise à disposition des fichiers sources
  • 📎 Présentation & livraison
    Présenter des maquettes à un client et livrer les éléments graphiques pour leur intégration
  • 🧾 Les autres demandes
    Découvrir les autres demandes auquel doit savoir répondre un webdesigner
  • 🌈 Pour aller plus loin
    Ressources et astuces pour vous aider dans votre pratique. Conseils pratiques pour vous aider à passer à l'action

-----

Mais, en fait, c’est quoi webdesigner ?

Au carrefour de la technique, de l’artistique et du commercial, c’est le métier idéal pour ceux qui ont soif d’apprendre chaque jour et qui refusent de s’ennuyer dans leur vie professionnelle. Le métier est coloré, fun et propose tous les jours de nouveaux défis !

Métier purement digital, le webdesigner conçoit et réalise les interfaces graphiques de sites Internet et d’applications mobiles. Il a la charge de veiller à l’esthétique du site mais aussi à son ergonomie, à sa fluidité et à sa capacité à séduire les utilisateurs. Chaque jour, le webdesigner réalise des maquettes, conçoit des interfaces et optimise l’expérience utilisateur des sites.
Et surtout... C’est un métier qui offre une vraie indépendance !

Digital nomad par excellence, le webdesigner peut vivre où il veut, travailler pour qui il veut et quand il veut.
Aujourd’hui, le métier est en plein essor, alors ne ratez pas cette opportunité et formez-vous dès à présent !

Contrairement à certaines idées reçues, être webdesigner ne se limite pas à la manipulation d’un logiciel de création graphique.
En ce sens, nous passerons en revue les différents points clés du métier et nous apprendrons à penser et concevoir des interfaces optimisées en vue de proposer la meilleure expérience utilisateur possible et un rendu esthétique professionnel.

Nous aborderons de nombreuses notions théoriques de base relatives au web design, comme la notion de charte graphique, d’UX ou d’UI, et les démarches inhérentes à toutes réalisations graphiques. Pour une meilleure assimilation, de nombreux exemples viendront illustrer ces théories.

S'en suivra une partie pratique avec la découverte et l’utilisation du logiciel Adobe Photoshop, avec lequel nous réaliserons pas à pas les maquettes d’un site vitrine et où je vous expliquerai en détail chaque étape.
Nous en profiterons pour passer en détail le suivi d’un projet de maquettes, de sa présentation client jusqu’à sa livraison.
Nous finirons par un tour d’horizon des autres demandes qui peuvent également être demandées à un webdesigner.

Tout au long de cette formation, je vous partagerai de nombreuses ressources et astuces pour vous aider dans votre pratique, ainsi que des conseils pratiques pour vous aider à passer à l'action. Des points clés indispensables au métier de webdesigner seront abordés si d’aventure vous êtes désireux de vous professionnaliser dans le domaine.

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
Avant propos
Chapitre 2
Le métier de webdesigner
Chapitre 3
La charte graphique
Chapitre 4
Composer ses interfaces intelligemment
Chapitre 5
Le responsive design
Chapitre 6
Prise en main de Photoshop
Chapitre 7
Exemple concret : création de maquette

Plan détaillé du cours

Chapitre 1 : Avant propos
02m28s
 
Leçon 1Introduction
Chapitre 2 : Le métier de webdesigner
12m20s
 
Leçon 1Webdesigner
Leçon 2UX et UI
Leçon 3Chaine de production
Leçon 4Qualités requises
Leçon 5Equipement
Chapitre 3 : La charte graphique
32m50s
 
Leçon 1Introduction
Leçon 2Couleur
Leçon 3Typographie
Leçon 4Icône
Leçon 5Bouton
Leçon 6Image d'illustration
Chapitre 4 : Composer ses interfaces intelligemment
23m52s
 
Leçon 1Wireframe
Leçon 2Header
Leçon 3Footer
Leçon 4Fil d'Ariane
Leçon 5Formulaire
Leçon 6Hiérarchie de contenu
Chapitre 5 : Le responsive design
12m09s
 
Leçon 1Définition
Leçon 2Breakpoints
Leçon 3Grilles
Leçon 4Spécificités
Chapitre 6 : Prise en main de Photoshop
26m50s
 
Leçon 1Introduction
Leçon 2Espace de travail
Leçon 3Outil texte
Leçon 4Outil forme
Leçon 5Bonnes pratiques
Leçon 6Pour aller plus loin
Chapitre 7 : Exemple concret : création de maquette
38m53s
 
Leçon 1Objectifs & mise en place
Leçon 2Page d'accueil desktop
Leçon 3Page d'accueil mobile
Chapitre 8 : Présentation et livraison
13m49s
 
Leçon 1Export
Leçon 2Mockup
Leçon 3Invision
Leçon 4Assets
Chapitre 9 : Les autres demandes
05m44s
 
Leçon 1Introduction
Leçon 2Logo & charte graphique
Leçon 3Bannière & habillage
Leçon 4Animation commerciale
Chapitre 10 : Pour aller plus loin
08m57s
 
Leçon 1Passer à l'action
Leçon 2Freelancing / Salariat / Argent
Leçon 3Ressources
Leçon 4L'aventure ne fait que commencer !

Avis des apprenants

Détail des avis
6
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Nadia Le Gall
Nadia Le Gall
Publié le 01/11/2022
Clair et agréable à suivre
Romain Sarda
Merci beaucoup pour votre retour. Bonne continuation !
Béatrice Brun
Béatrice Brun
Publié le 03/02/2022
Très clair, discours posé, je recommande.
Romain Sarda
Merci beaucoup de votre retour ! Bonne continuation.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Photoshop CC

Quel est le niveau requis pour suivre ce tuto ?

débutant

Bonjour, peut-on suivre ce tuto Webdesign avec la version CS5.5 de Photoshop ou faut-il absolument CC ?

Bonjour, vous pouvez tout à fait suivre la formation avec Photoshop CS5.5

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données