Dossier : comment apprendre le webdesign en ligne ?

Partages

Apprendre le webdesign en ligne

Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd’hui de nombreuses vocations dans notre monde connecté. Si vous faites vos premiers pas dans le web ou que vous souhaitez vous perfectionner en webdesign grâce à Internet, cet article est fait pour vous.

Depuis l’ouverture du blog, vous avez été nombreux à m’écrire pour en savoir plus sur les possibilités d’apprendre le webdesign. Quelles études suivre ? Quelles sont les meilleures écoles ? Quel est le parcours idéal pour exercer le métier de webdesigner ? Comment apprendre les bases ? Comment se former au webdesign ?

Apprendre sur le web

En tant que professionnel depuis presque 3 ans maintenant et intervenant en IUT, j’ai pu échanger avec de nombreux webdesigners. Leur point commun au-delà de la passion du travail bien fait et du web : ils ont tous un parcours très différent et exercent aujourd’hui la même profession. En agence, en freelance ou chez l’annonceur, mes différents collègues à travers le monde ont tous appris et apprennent chaque jour beaucoup grâce à Internet.

La démocratisation du web a fait naître une génération d’autodidactes. En rendant l’information facile et rapide d’accès, n’importe quelle personne équipée d’une connexion peut apprendre sans presque aucune limite, dans son domaine de prédilection. Sans vouloir mettre à mal les écoles spécialisées dans les formations web, je vais orienter mon article sur les multiples possibilités de se former au métier de webdesigner en ligne.

Que vous soyez étudiant dans le webdesign, en reconversion professionnelle, graphiste, développeur, chef de projet (bref dans la communication), simple curieux ou même webdesigner, vous trouverez ici de quoi vous mettre sous la dent pour en apprendre plus sur ce fabuleux métier. Je n’ai bien évidement pas la prétention de vous présenter les méthodes essentielles et ultimes pour devenir un webdesigner hors paire, mais je vais simplement vous donner mes conseils persos et surtout une bonne dose de liens à connaître, pour partir sur de bonnes bases.

Tels 7 commandements, voilà 7 axes à la fois indépendants et complémentaires sur lesquels vous pouvez vous baser. C’est parti !

1. En suivant des tutoriels

Le webdesigner est un individu qui a la chance de faire partie d’une riche communauté active sur le web, qui n’hésite pas à partager ses connaissances pour en faire profiter le plus grand nombre.

Les tutoriels se trouvent en général sur des sites spécialisés. Souvent gratuits, il vous faudra tout de même parfois débourser quelques euros pour des tutoriels plus poussés. À l’unité ou sous forme d’abonnement, les sites proposent différentes formules en fonction de vos besoins.

On me pose souvent la question : faut-il commencer par apprendre le design ou le code ? D’après moi ce choix doit être personnel en fonction du poste que vous visez et de votre sensibilité. Dans tous les cas restez ouverts, curieux, apprenez le plus possible et mettez-vous à l’anglais ! Voici quelques sites à suivre régulièrement avec des tutoriels Photoshop, de l’HTML, du CSS, de design, de la méthodologie

Living Tuts

Apprendre le webdesign en ligne

AlsacreationS

Apprendre le webdesign en ligne

Webdesign Tuts+

Apprendre le webdesign en ligne

Site du Zero

Apprendre le webdesign en ligne

WKS

Apprendre le webdesign en ligne

Dot Design

Apprendre le webdesign en ligne

Tuto

Apprendre le webdesign en ligne

video2brain

Apprendre le webdesign en ligne

Elephorm

Apprendre le webdesign en ligne

Graphikart

Apprendre le webdesign en ligne

Codrops

Codrops

Design Instruct

Codrops

2. En prenant des cours en ligne

Similaires aux tutoriels, les cours en ligne sont de véritables cours donnés de manières ponctuelles par un intervenant. Vidéo, chat en live, partage d’écran, webcam, les services proposés varient en fonction des sites . La plupart des cours en ligne sont payants mais en contrepartie la qualité est au rendez-vous. Prenez bien le temps de choisir l’intervenant et le sujet du cours. Allez de l’avant, ne perdez pas du temps avec des sujets que vous maîtrisez déjà, expérimentez vous avez tout à y gagner.

Il existe des plates-formes dédiées aux cours en ligne, mais les sociétés du web s’y mettent également de plus en plus, comme en témoigne cette petite sélection :

Lynda

Lynda.com

Learning Shelter

Learning Shelter

The Next Web Academy

Apprendre le webdesign en ligne

Team Tree House

Apprendre le webdesign en ligne

Zurb Expo

Apprendre le webdesign en ligne

Codecademy

Apprendre le webdesign en ligne

Developpers Google University

Apprendre le webdesign en ligne

Train Simple

Train Simple

Designer School

Designer School

3. En suivant l’actu du web

Suivre l’actualité de votre futur domaine de prédilection coule de source… Cela est d’autant plus vrai dans les métiers du web où tout va très vite, une veille efficace et constante est nécessaire. Pour arriver à suivre l’actualité, aucun soucis sur le web vous êtes servi, le nombre d’outils à votre disposition est considérable. Commencez par Twitter en suivant des personnes influentes du domaine. Quelques articles pour vous aider :

Ces designers influents possèdent également presque tous des blogs où ils partagent des ressources. Utilisez Flipboard par exemple sur votre mobile ou tablette pour rassembler tous vos contenus. Les sites iceber.gs ou encore Pinterest peuvent vous aider dans votre veille. Jetez un œil à la blogoliste et rendez visite à mes partenaires blogueurs.

Si vous lisez déjà régulièrement les sites présentés ci-dessous, c’est que vous êtes bien parti ! Il s’agit ici des sites parmi les plus influents, mais il existe bien entendu des milliers de sites de ressources en tout genre. Explorez le web pour trouver votre perle rare.

Smashing Magazine

Apprendre le webdesign en ligne

Abduzeedo

Apprendre le webdesign en ligne

Noupe

Apprendre le webdesign en ligne

Vandelaydesign

Apprendre le webdesign en ligne

Webdesigner Wall

Apprendre le webdesign en ligne

Six Revisions

Apprendre le webdesign en ligne

Instant Shift

Apprendre le webdesign en ligne

Line 25

Apprendre le webdesign en ligne

Speckyboy

Apprendre le webdesign en ligne

Webdesigner Depot

Apprendre le webdesign en ligne

4. En s’inspirant des pros

Le web permet de rapprocher les créatifs. Pour se vendre et se faire remarquer, les webdesigners exposent leurs créations sur leur portfolio et sur des sites spécialisés. Visitez le plus possible les galeries de design pour voir de plus prêt quels sont les dernières techniques à la mode. Mais attention, s’inspirer n’est pas copier ! Je peux vous conseiller les sites suivants :

Behance

Webdesign en ligne

Webdesign Served

Webdesign en ligne

Carbonmade

Apprendre le webdesign en ligne

Awwwards

Apprendre le webdesign en ligne

HTML Inspiration

Apprendre le webdesign en ligne

The FWA

Apprendre le webdesign en ligne

5. En assistant à des conférences et des rencontres de professionnels

S’inspirer des pros en ligne, c’est bien, mais échanger dans la vraie vie c’est mieux ! Si vous pouvez, participez aux conférences web prêt de chez vous. Vous apprendrez une quantité de choses et vous en ressortirez grandi. Les conférences sont souvent coûteuses, si vous ne pouvez pas vous y déplacer, visionnez les vidéos sur les sites des événements.

Par ailleurs, les présentations des conférences se retrouvent souvent sur le site Slidershare par exemple. Toujours pour apprendre le webdesign en ligne, les sites Pixeltalks et Videry rassemblent les meilleures présentations en vidéo.

Webdesign en ligne

Videry

6. En lisant des e-books

Pour exprimer leurs idées au delà de leurs blogs, les pros se lancent de plus en plus dans l’écriture d’e-books. En supprimant les états d’impression et de distribution, l’écriture d’un livre est devenu beaucoup plus accessible. Le web regorge d’e-book gratuits de qualité, cependant, sélectionnez bien votre livre avant de perdre du temps avec un livre au contenu douteux et inutile. Pour vous donner quelques pistes :

7. En créant des projets personnels et en recevant du feedback

La pratique est une des meilleures façon d’apprendre le métier. Réfléchissez à des idées et développez des projets personnels. Amusez-vous en expérimentant de nouvelles techniques. Relevez des défis, faites des sites en une journée, intégrez une page en 4h, créez une mini-boutique en ligne, etc. Soyez partisant du « Done is better than perfect » en multipliant les projets pour apprendre un maximum.

Tout au long de votre process de création, interrogez la communauté pour avoir des avis sur vos travaux. Avec des critiques constructives vous ne pourrez qu’avancer et vous améliorer. Il existes des forums et des sites spécialisés pour récolter des avis sur vos webdesign comme Deviant Art, Dribbble ou Layrr par exemple.

Ça y est ? Enfin un maître du webdesign ?

Apprendre le webdesign grâce au web est une bonne solution pour être baigné constamment dans ce milieu où tout va très vite. Captain Obvious a dit un jour : »Si vous débutez, vous ne pourrez évidement par être un maître du webdesign du jour au lendemain« . Plus sérieusement, j’espère sincèrement que les clés et les sites donnés dans cet article vous ont donné l’envie d’en apprendre plus et vous permettront de vous lancer dans le métier.

Je souhaite terminer cet article en élargissant un peu plus le sujet. L’apprentissage du métier uniquement en ligne n’est pas une fin en soit. Selon votre profil, vous aurez peut-être besoin d’autres leviers pour avoir un déclic et apprendre de la manière qui vous convient le mieux.

Quels sont les alternatives à l’apprentissage en ligne ?

Tout est une question de méthodologie. Les styles d’apprentissage diffèrent selon les profils : mémoire visuelle, lecture, par la pratique etc. Se former au webdesign nécessite de trouver sa voie.

Apprendre à 100% sur le web n’est pas une solution recommandable au plus grand nombre. Internet représente une voie d’apprentissage hors paire en parallèle d’une formation scolaire orientée webdesign par exemple. Les sites présentés au-dessus permettent de pousser vos cours beaucoup plus loin et vous permettent d’acquérir des méthodes professionnelles.

Formez-vous également grâce au nombreuses publications spécialisées qui sortent très régulièrement chez des éditeurs comme A Book Appart ou Eyrolles pour ne citer qu’eux. Si vous le pouvez, suivez des formations avec des professionnels sur le terrain et faites des stages. Quelle que soit votre méthode d’apprentissage, je pense que le web restera quoi qu’il arrive une référence implacable en webdesign.

Derniers conseils : pratiquez autant que vous le pouvez, intéressez-vous, soyez confiant, travaillez et surtout soyez patient et passionné !

Réagissez à l’article, partagez vos ressources et expériences en commentant cet article !

Partages

36 commentaires

  • Pas de « blogduwebdesign » dans la liste des sites à garder dans ses favoris ? :)

  • @Thomas : Et si, il est présent dans le blogoliste ;) Comme de nombreux autres supers blogs francophones d’ailleurs !

  • Oui c’est ce qu’il y a de génial dans ce milieu : le portfolio a 10 fois plus d’importance que le CV. La passion et l’investissement est toujours récompensé dans le web, contrairement à d’autre secteur où seul le diplôme compte ( surtout en France … ). L’autodidaxie est donc un parcours envisageable, même si ce n’est pas le plus évident.

  • Exactement ce qu’il me fallait tu tombes à pique, j’ai eut quelques mails récents de débutants me demandant où apprendre en ligne. Du coup je veux pouvoir leur envoyer le lien vers ton article, Merci m’sieur :)

  • […] Dossier : comment apprendre le webdesign en ligne ? Code Snippets | CSS-Tricks – (Navigation privée) When starting a brand new UX project it can be tempting to dive in and start writing content or designing right away. But first, it’s important to step back and define business and project goals, understand context, and determine constraints. With that, we can confidently move forward with planning our project. Because without taking the time to really understand the root of the issue – we can’t create an effective solution. <p style="text-align:right;color:#A8A8A8"></p> […]

  • je me permets aussi de parler de podcast!( autopromo ok mais pas que)

    – l’exellent TWW the walking web : http://www.thewalkingweb.fr/

    – Podsource ( autopromo ): http://www.podsource.ch

    – podmydev : http://podmydev.com/

    et là je ne parle que de franquophonne

  • @Damien : Au final, le portfolio compte énormément certes, mais une méthode de travail professionnelle importe beaucoup également. Apprendre par soit même certes, mais se construire en travaillant sur des vrais projets en freelances ou par des stages ou job en agence par exemple.

  • @Stéphanie : Content que l’article puisse te servir et surtout servir aux débutants et étudiants. En même temps c’était le but ;)

    @John : Merci pour le complément, je ne connaissais pas PodMyDev. Les podcasts ouvrent une méthode différente de veille et perso je suis assez fan :)

  • @WDTrends .. effectivement en tout cas je garde ton article bien au chaud pour le prochain episode.

  • Excellent article! Je voulais en écrire un similaire! Ca tombe à pic, j’ai également plein de personnes qui me demandent comment devenir webdesigner! Je vais pouvoir leur envoyer cet article!

  • @Jonathan Path : Merci ! Il faudrait bien entendu encore aller plus loin, mais pour commencer c’est une bonne base je pense ;)

  • Très bon article mon cher, rien à ajouter ! Si ce n’est peut-être que pour progresser réellement il faut quelque soit la méthode de la volonté et vraiment aimer ça. Car aucun cours n’apprendra 100% du métier, il faut comme tu le dis si bien, se débrouiller soi-même et pratiquer.

  • Un article instructif pour ceux qui aimeraient en apprendre davantage tout seul. De bonnes pistes à suivre ! Malgré le fait que l’article porte sur « comment apprendre en ligne », je trouve quand même qu’il est très bénéfique de converser avec d’autres personnes sur le sujet pour apprendre de nouvelles techniques. Apprendre des choses aux autres, et en apprendre grâce aux autres (lorsque l’on a quelques bases solides), il n’y a rien de mieux !

  • Marie

    Bonjour,

    Je viens de lire cet article, lequel je l’avoue m’intéresse assez :).

    Pour ma part je souhaite me réorienter dans les métiers du web ( webdesigner, intégrateur… ) et je dois dire que je suis plus que débutante :s !
    J’ai passé un BTS Design de mode et environnement en 2010 (et une MANAA avant le bts), et une formation en design textile (à distance), j’ai fait des stages mais je souhaite aujourd’hui changer. Concernant Photoshop, Illustrator, InDesign j’ai eu l’habitude de les utiliser donc j’ai déjà de bonnes bases mais ce qui me manque c’est tout ce qui est lié au web ( HTLM, …)
    Je ne vais pas reposer la question du coup vu que cet article répond à ma question mais voilà j’ai 25 ans ( et le temps passe…^^) et donc je voulais un peu me renseigner concernant certaines formations, j’ai déjà regardé mais je ne sais pas trop vers quoi me tourner et par où commencer..

    En tout cas Merci pour cet article ! :)

  • @Jdsign : C’est évidement un point qui mériterai également un article dédié. Il n’y a rien de mieux que les échanges pour apprendre de nouvelles choses dans le domaine.

  • @Marie : 25 ans n’est pas trop tard en tout cas si cela peux te rassurer ;). Tu es issue d’un domaine créatif, cela ne pourra être forcément que bénéfique pour te lancer dans ce nouveau domaine.

    Je n’ai pas spécialement de références au niveau des écoles privées, mais je peux te conseiller une formation niveau licence comme un IUT ATC (Activité et Technique de Communication) par exemple. Attention par contre à bien choisir ton option (webdesign, dév, pub…)

    Comme très souvent, la formation est très large, à toi de t’appuyer sur elle pour développer tes propres projets personnels à côté. Cela te permettra d’être plus « pro » et donc prête pour exercer le métier en freelance ou dans une autre structure. (ce que je veux dire en plus développé par ici : http://webdesign.tutsplus.com/articles/workflow/making-the-most-of-your-student-years/). D’où l’objet de mon article, se former en parallèle sur le web.

    C’est peux-être une piste à explorer ! Bonne chance à toi.

  • Marie

    Merci pour ta réponse, ça encourage encore plus, je reste très motivée ;)
    Oui en effet au niveau de la création j’ai acquis pas mal de compétences. Je vais me renseigner sur les formations que tu viens de citer.

    Merci encore :)

  • Swijah

    Merci pour cet article riche en ressources et tout aussi instructif qu’intéressant.

  • Claire

    Merci pour cet article, j’ajouterai ce site : http://methodandcraft.com/ avec des tutoriels et interviews de pros !

  • Sahandri

    Bravo pour cet article très instructif et qui répond parfairement à la question que je me posais! Je suis informaticienne de formation mais ayant suivi un cursus universitaire (donc très théorique au moins sur les 3 premières années), je n’ai jamais pu exploité mes connaissances sur le plan professionnel. Aujourd’hui, je souhaiterais vraiment apprendre un métier sans revenir sur les banc d’une école ( quand même, avec 10 ans de + que Marie!) …… En tout cas, cet article m’a donné des ailes, je dis encore merci!!

  • […] Dossier : comment apprendre le webdesign en ligne ? […]

  • […] Dossier : comment apprendre le webdesign en ligne ? Home | Design in the browser with web fonts and real content — Typecast Latest Web Design Projects | WDS Web Design & Front-End Development Portfolio of Kyle Kramer Présenter ses créations en ligne n’est pas toujours une mince affaire … Dois-je utiliser une plate-forme ou créer ma propre vitrine ? Nous allons parler ici des designers qui ont choisi la seconde option avec 16 portfolios créatifs pour votre inspiration. « Un designer est souvent son pire client » : 16 portfolios créatifs pour votre inspiration 1302 Top Resources for Designers and Developpers – Agile Designers 2013 Web Design Blog Media Queries Couleur […]

  • […] Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd'hui de nombreuses vocations dans notre monde connecté.  […]

  • […] au maximum les ressources sur le web & soyez présent sur Twitter. Lisez cet article pour apprendre le webdesign en ligne de WebdesignTrends. Pour apprendre HTML & CSS, allez voir un petit site que j’ai […]

  • Merci pour cet article qui éclaircit mes interrogations !

  • […] Dossier : comment apprendre le webdesign en ligne ? Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd’hui de nombreuses vocations dans notre monde connecté. CREA SITES // BLOGS […]

  • […] Design Inspiration Creattica: Your source for design inspiration Online Portfolios on Behance Dossier : comment apprendre le webdesign en ligne ? Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd’hui de nombreuses […]

  • […] – The Curious Side of the Web Online Portfolios on Behance Online Portfolios on Behance Dossier : comment apprendre le webdesign en ligne ? Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd’hui de nombreuses […]

  • […] Dossier : comment apprendre le webdesign en ligne ? Pour cette rentrée nous avons eu l'idée de lancer un nouveau type d'article avec "La bibliothèque du Webdesigner" qui permet de présenter une liste de livres qui sont intéressants à posséder dans son bureau. La bibliothèque du Webdesigner Volume #1 Pour ce premier volume nous allons vous présenter une série de livres autour du métier et des compétences du webdesigner. Nous avons pris l'habitude depuis quelques mois de présenter nos lectures notamment sur la collection des ouvrages de 'Book Apart' édités par Eyrolles qui reste le 'must have' pour sa bibliothèque. Voici une première série de 15 livres à avoir près de soi, si vous avez des livres favoris que vous souhaitez nous faire découvrir n'hésitez pas à nous laisser un commentaire. Nous les intégrerons dans les prochains volumes. La bibliothèque du Webdesigner #1 HTML5 Boilerplate: The web's most popular front-end template Save time. Create with confidence. ★ Analytics, icons, and more A lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icon; and docs covering dozens of extra tips and tricks. ★ Normalize.css and helpers Includes Normalize.css v1 — a modern, HTML5-ready alternative to CSS resets — and further base styles, helpers, media queries, and print styles. Introduction à l’HTML5 Cet article est destiné aux débutants en HTML5, et à tous ceux qui souhaitent en savoir un peu plus sur cette nouvelle technologie qui agite le web et le monde mobile. Si vous vous intéressez aux technologies du web, vous avez probablement déjà entendu parler de l’HTML5 aux cours des dernières années. Cette introduction va vous donner un premier aperçu de ce qui se cache derrière le terme HTML5, vous présentera le contexte dans lequel évolue cette technologie, et nous verrons un bon nombre de nouvelles fonctionnalités qu’il apporte. Sommaire : L’HTML5 c’est quoi ? Le CSS est indiscutablement le roi en matière de styles, et il se bonifie en vieillissant. Le langage évolue à une vitesse phénoménale. Malheureusement, les navigateurs ne suivent pas toujours… Continuer la lecture LIRE L'ARTICLE Tags: 3D, captures d'écran, css, css3, google, grunt, infographie animée, lightbox, masterclass google, menu css, oridomi, photoshop, php, pikock, snap, svg, twitter, WeGL Préparez-vous pour la battle graphique organisée par ARIES à Toulouse le 28 mars 2014 ! […]

  • […] Dossier : comment apprendre le webdesign en ligne ? Banques d'images […]

  • […] dans l’un des meilleurs article sur l’apprentissage du webdesign en ligne ( à lire ici). Pour s’approprier un métier, il est toujours utile de rester au courant de ce qui se fait, […]

  • […] Dossier : comment apprendre le webdesign en ligne ? Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd’hui de nombreuses vocations dans notre monde connecté. […]

  • […] Dans le/les métier(s) que vous exercez aujourd’hui, avez-vous suivi une formation en école ? Un BTS, un DUT ou bien êtes-vous tout simplement autodidacte ? […]

Laisser un commentaire :

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*