49,00

Tuto L'essentiel du Webdesign en 3h chrono ! (UX & UI Design) avec UX, Photoshop

49,00

  • Une formation vidéo de 2h57m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
L'essentiel du Webdesign en 3h chrono ! (UX & UI Design)

ajouter ce cours aux favoris retirer ce cours des favoris

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 reconnaitre 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
    Etude 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 étapes.
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.

Table des matières de cette formation UX, Photoshop (durée : 2h57m)

  • Avant propos
    • Introduction gratuit 00:02:28
  • Le métier de webdesigner
    • Webdesigner gratuit 00:04:34
    • UX et UI 00:01:47
    • Chaine de production 00:02:30
    • Qualités requises 00:01:11
    • Equipement 00:02:18
  • La charte graphique
    • Introduction 00:04:51
    • Couleur 00:07:43
    • Typographie 00:04:44
    • Icône 00:03:11
    • Bouton 00:07:02
    • Image d'illustration 00:05:19
  • Composer ses interfaces intelligemment
    • Wireframe 00:03:17
    • Header 00:02:23
    • Footer 00:02:49
    • Fil d'Ariane 00:03:28
    • Formulaire 00:05:20
    • Hiérarchie de contenu 00:06:35
  • Le responsive design
    • Définition 00:03:11
    • Breakpoints 00:01:21
    • Grilles 00:02:36
    • Spécificités 00:05:01
  • Prise en main de Photoshop
    • Introduction 00:02:42
    • Espace de travail 00:04:02
    • Outil texte 00:04:07
    • Outil forme 00:03:34
    • Bonnes pratiques 00:05:54
    • Pour aller plus loin 00:06:31
  • Exemple concret : création de maquette
    • Objectifs & mise en place 00:05:42
    • Page d'accueil desktop 00:23:13
    • Page d'accueil mobile 00:09:58
  • Présentation et livraison
    • Export 00:02:35
    • Mockup 00:01:26
    • Invision 00:02:31
    • Assets 00:07:17
  • Les autres demandes
    • Introduction 00:01:07
    • Logo & charte graphique 00:00:52
    • Bannière & habillage 00:01:08
    • Animation commerciale 00:02:37
  • Pour aller plus loin
    • Passer à l'action 00:03:06
    • Freelancing / Salariat / Argent 00:04:21
    • Ressources 00:00:42
    • L'aventure ne fait que commencer ! 00:00:48



Formateur : Romain Sarda

Romain Sarda a publié 2 tutoriels et obtenu une note moyenne de 4,6/5 sur 16 tutoriels vendus. Voir les autres formations de Romain Sarda

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Photoshop CC
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1432 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données