Formation Webdesigner

Avant de se poser la question de la formation Webdesigner qu’il vous faut, il faut parler un peu du métier de Webdesigner.


tuto webdesigner

Qu’est-ce qu’un webdesigner ?

Le webdesigner est la personne en charge de créer les interfaces graphiques d’un site ou service web. Le webdesign est un métier qui nécessite la maîtrise de plusieurs pratique : l’ergonomie, l’accessibilité et le design d’éléments graphiques adaptés aux interfaces web en soit : le webdesigner est un créatif en puissance.

La principale difficulté réside dans le fait qu’aujourd’hui un webdesigner n’est plus qu’un “simple” créateur d’interface web. Il doit également penser son travail graphique et ergonomique dans une approche multi-support, souvent Mobile First (avec laquelle, la conception est d’abord pensée pour une interface Mobile, puis tablette, puis desktop) et donc apprendre à travailler en accord avec une grille fluide, élément essentiel du Responsive Web Design.

Ces nouveaux support répondent eux-mêmes des règles et problématiques bien précises. La gestuelle par exemple n’est pas la même que l’on soit sur un ordinateur portable ou bien un tablette (les effets de survol n’existent par exemple pas sur tablettes, et à contrario, le multi-touch n’existe pas sur un ordinateur de bureau traditionnel). Ainsi, lorsque le webdesigner pense à son interface, il se doit aujourd’hui de penser aux différentes déclinaisons et problématiques que cela va entraîner. Plus que des tuto, qui vous donneront les bases, c’est alors l’expérience (comme bien souvent) qui prime et qui fera de vous un excellent webdesigner.

Certains webdesigners peuvent également être des UX designers (bien qu’il s’agisse de deux métiers distincts). l’UX Designer puise sont essence dans la conception et l’expérience utilisateur (on pourrait également parler du très en vogue design émotionnel). Il doit donc connaître l’utilisateur final et son contexte d’utilisation. Son rôle se situe en amont. C’est en général le fruit de son travail que le webdesigner va concrétiser.

Il est également intéressant pour un Webdesigner d’avoir des connaissances de base avec les langages Web comme le HTML et le CSS. Les connaitre vous permette de contourner à la source certaines difficultés qui pourraient intervenir lors de l’intégration de vos webdesigns, ce qui ravira vos amis intégrateurs web !

Les outils du Webdesigner

  • Photoshop

    Photoshop reste le meilleur ami du Webdesign, notamment depuis l’arrête de Fireworks (ancien produit de la suite Adobe qui été fait spécialement pour le webdesign). Photoshop permettra au webdesigner de créer touts les éléments de l’interface : bouton, menus, carrousel, header, footer, bannières. C’est également dans Photoshop que vous pourrez travailler votre texte.
    Depuis quelques temps Photoshop propose des outils spécifiques pour les Webdesigner (comme vous pourrez le constater dans ce tuto Photoshop gratuit pour les webdesigners, conçu par Michael Chaize de chez Adobe France) : objets dynamiques liés, compositions de calques, repères commentés, accès à la librairie de Typkit, export CSS d’un calque, génération d’image automatique en Retina…  
  • Sketch

    Sketch c’est l’outil Webdesign à la mode. Ce logiciel surfe sur un défaut de Photoshop : être multitâche. Là où Photoshop s’adresse aux photographes, graphistes, webdesigners, et même un peu à la 3D, Sketch ne cible que les webdesigners. L’outil se veut intuitif, regorge de fonctionnalités que les webdesigners adorent utiliser et est très bon avec le vectoriel (chose importante à une époque où nous la taille de nos écrans et leur densité se multiplient comme des petits pains).

    Nous vous recommandons cette interview de Jean-Charles qui est allé interrogés 3 webdesigners professionnels (dont 2 de chez Google) et qui vous donnera peut-être envie de tester le produit ou de partir sur cette formation Sketch de Philippe Hong
     
  • La typographie

    Comme tout bon webdesigner qui se respecte, vous allez être amené à travailler avec des typos. Il vous faudra donc également vous former à la typograhie, afin de savoir quelle police utiliser dans vos webdesigns et également apprendre à conjuguer avec les webfonts. Le choix de vos typographies feront à coup sur, la différence !
     

Formation Webdesigner

Vous trouverez sur tuto.com plein de tuto Webdesigner et autres formations en vidéo pour devenir un webdesigner (avec de la pratique, bien entendu). Vous pourrez ainsi vous former sur Photoshop, avec des tuto Webdesign, mais également découvrir Sketch qui, comme nous l'avons vu précédemment est totalement pensé pour le webdesign.

Si vous souhaitez aller plus loin et acquérir une connaissance assez globale de l’intégration (ce qui pourra vous aider en conception) voici des tuto HTML et CSS. On vous recommande également de vous former sur Bootstrap, le framework HTML, CSS, Javascript et responsive, par excellence (nous l’utilisons d’ailleurs nous aussi).
 
accédez à plus de 1570 tuto gratuits


non, je ne veux pas me former gratuitement