Posté le 31. août, 2010 par Bango in Bango, Ma vie est passionnante
Ce mois-ci, j’ai fait quelque chose qui pourrait bien bouleverser le cours de ma vie : j’ai démissionné de mon poste de salarié. Je vous rassure tout de suite, je n’ai pas mis un coup de tête à mon patron parce qu’il m’avait contrarié, et je n’ai pas non plus gagné au Loto. Non, j’ai juste décidé de me lancer en freelance.
Voici un dossier concernant les domaines à maîtriser pour être webdesigner. Ces domaines sont abordés dans nos formations « infographiste multimédia ». Les 20 promotions qui sont sorties de chez Nextformation vous le diront.
Pour pratiquer le métier de webdesigner il faut plusieurs cartes dans son jeu au niveau des connaissances et des domaines à maîtriser. Aujourd’hui on se doit d’être quelqu’un de pluridisciplinaire afin de valoriser au mieux ses compétences et ainsi espérer trouver efficacement un emploi ou de nouveaux clients si vous êtes freelance.
Voici un petit tour des grands domaines que doit prendre en compte le webdesigner pour pouvoir effectuer les différentes tâches auxquelles il devra faire face.
La composition et le cadrage sont des points essentiels pour le travail, lorsque que l’on crée un site web ou une affiche il faut connaître les notions de mise en page, de marges, de blancs tournants afin de créer un équilibre visuel et jouer sur différentes lignes de forces. Dans les métiers de l’image, que ça soit illustrateur, photographe, graphiste on entend souvent la règle du nombre d’or qui est utilisée afin de créer des proportions idéales pour la structure de l’image.
Une très belle vidéo qui illustre bien l’idée du nombre d’or et des formules mathématiques pour la composition d’image.
Nature by Numbers from Cristóbal Vila on Vimeo.
Une autre notion à maîtriser est celle de la Couleur et qui pose le plus de problèmes généralement car lors d’une création on hésite et on peut passer facilement des heures à remettre en question tel ou tel choix colorimétrique. Les couleurs viennent générer un équilibre dans les compositions, elles permettent de créer ou de renforcer une identité et servent également à connoter des valeurs, car derrière chaque couleur se cache un sentiment ou une notion.
Kuler
Un article très complet sur Wikipédia
Une autre règle qui peut aider dans vos réalisations est celle de la couleur complémentaire. Les couleurs qui se trouvent opposées dans le cercle chromatique sont appelées couleurs complémentaires. Selon Goethe et Itten qui étaient de grands chercheurs, artistes et théoriciens sur l’art de la couleur, la combinaison des deux couleurs complémentaires est perçue comme particulièrement harmonieuse.
La typographie est l’élément de base, c’est elle qui est au fondement de notre société et ainsi de notre métier de communication visuelle. Il faut connaître les règles qu’elle comporte afin de l’utiliser de façon réfléchie et efficace afin de transmettre les messages et valeurs souhaités. La typographie est le reflet des tendances des différentes époques de notre société du début du XXeme siècle à nos jours et a connu de multiples formes et styles de caractères.
(+) http://www.typographe.com/
L’animation doit être également prise en compte par le webdesigner car les créations sur le web demandent très souvent un travail de vidéo ou d’animation flash afin de créer des interactions avec l’internaute, des système de survol dynamiques, des bannières publicitaires ou des vidéo de présentation en motion design. Pour cela il doit connaître les différentes techniques d’animations entre celles réalisées sur informatique en passant sur celles faites à la main avec le stop Motion par exemple.
Les technologies sont au coeur de notre métier, en tant que webdesigner nous avons choisi de travailler sur les médias du numérique. Ainsi il faut comprendre et connaître les différents points auxquels nous faisons face (ou ferons face) dans un avenir proche.
En premier lieu, pour se donner la possibilité de réaliser des sites web, il faut d’abord connaître le fonctionnement d’Internet avec les différentes étapes sur la création et la mise en ligne d’un site. Pour cela il faut s’intéresser à des principes très techniques entre les hebérgeurs, les noms de domaines (DNS), les clientq FTP, le fonctionnement des serveurs, … mais je ne m’attarderais pas sur ces différentes parties qui demandes beaucoup de précisions.
(+) http://fr.wikipedia.org/wiki/Internet
Ensuite vient le langage de la création de sites avec le XHTML et le CSS que le webdesigner doit connaître afin d’imaginer des maquettes fonctionnelles et réalisables avec les technologies employées. Je pense qu’il n’est pas inutile de connaitre et savoir utiliser le langage de programmation en PHP et Javascript, même si ces langages spécialisés sont le domaine des webdéveloppeu, il faut les connaitre pour mieux dialoguer et travailler ainsi sur les grands sites.
(+) sur le siteduzero.com Apprenez à créer votre site web
(+) sur le siteduzero.com Concevez votre site web avec php et mysql
Alsacreations.com
Alsacréations permet de trouver une grande quantité d’astuces et de tutoriels pour l’intégrations HTML et CSS, PHP, Javascript,…
Un autre critère important est la question d’accessibilité, on entend généralement par là la possibilité aux personnes à mobilité réduite ou autre handicape de pouvoir accéder facilement à un site. Mais l’accessibilité est un enjeu beaucoup plus large car elle comprend la prise en compte des différentes tailles d’écran afin qu’une personne sur un 13 pouces puisse voir le site aussi bien que sur celui qui possède un écran de 24. Il y a aussi la question des navigateurs où l’on se doit de faire fonctionner le site sous un grand nombre de navigateurs notamment avec la véritable bête noir des intégrateurs qui est IE6 (beaucoup utilisé en entreprises). Depuis ces dernières années la question de l’accessibilité s’est étendue aux mobiles, désormais nous devons prendre en compte la fonctionnalité des sites sur les téléphones.
Les autres notions qui sont intéressantes de connaître sont celles de l’ergonomie et de l’architecture d’informations qui permettent de penser un site sous tous les angles afin de prendre en compte l’utilisateur, sa navigation et ses besoins pour l’amener rapidement à ce qu’il cherche tout en créant un design de qualité. On entre ainsi dans les métiers de conception web.
La culture visuelle et la veille sont essentiels si l’on veut se tenir à jour dans les métiers de la création où tout évolue et change très vite. La créativité, c’est en quelque sorte avoir beaucoup d’inspiration. Pour créer quelque chose d’original il est plus facile de le faire quand on connaît ce qui à déjà était fait.
Il y a plusieurs façons de nourrir sa culture visuelle, entre la lecture de livres, de blogs, naviguer sur les sites de créations comme Behance ou DeviantArt… Mais je pense qu’il est également important de s’intéresser à des univers qui s’éloignent du web afin de trouver l’inspiration et l’originalité. Je pense notamment au domaine de l’art contemporain ou dans le monde du design produit qui permettent une ouverture d’esprit sur les réalisations qui font l’oeuvre d’une véritable réflexion qu’on ne trouve peut être pas assez sur le web car nous restons à la demande d’un client qui veut simplement être sur internet pour communiquer mais ne cherche pas à aller plus loin…
Un webdesigner n’est pas seulement un créatif qui fait de beaux visuels ou des sites tendances, c’est une erreur de dire ça. Un webdesigner requiert avant tout de la réflexion afin de répondre à un problème donné, il met sa créativité au service d’un client. Un bon webdesigner est une personne qui sait s’adapter rapidement et efficacement à l’univers auquel il doit faire face.
Il reste encore tant de choses…
Cet article touche à sa fin pour le moment car je pense qu’il reste encore beaucoup de notions qu’un webdesigner doit connaître afin de réaliser pleinement son travail. J’espère que les différents domaines cités ciblent bien les bases que vous connaissez déjà ou que vous souhaiteriez approfondir.
Prochainement, nous reviendrons plus en détail sur chacun des points cités dans cet article
Dans les formations web, il y a toujours quelques jours dédiés au logiciel fireworks qui permet de résoudre rapidement les questions d’images pour le web sans faire appel au poids lourds du genre (Photoshop etc…)
Formation Adobe Fireworks : Découvrir l’espace de travail de Fireworks CS5 from Nakatomi on Vimeo.
Grâce à Elephorm, Vincent Risacher, par ailleurs formateur à Nextformation vous présente en vidéo les nouveautés de la CSS5. Venez-voir! Merci vincent, et n’oubliez pas les Dvd Elephorm pour l’autoformation
Dans la rubrique 2D une nouvelle page vous présente les travaux réalisés par les promotions Borodine et Ellington, 2 promotions de graphistes qui achèvent la période PAO, prépresse (Photoshop, indesign, illustrator). Catherine Biry, le chef de produits, vous invite à regarder leurs réalisations
La 3D à l’honneur avec Maya et 3DSmax pendant 800h. de cours, qui sont accessibles en CIF pour les CDI mais également disponibles pour les CDD. Le programme est disponible et demandez toutes les informations à Pascale et Natacha
Nous n’y étions pas! du moins comme partenaire… Journée des 20 ans de Photoshop, ce n’était plus comme avant. Nous avons connu des temps plus fastes, des moments partagés, pendant les quels plusieurs centres de formations animaient l’espace. Ce n’est plus le cas aujourd’hui, Adobe s’abandonne au succès de ses suites logiciels. Il y avait beaucoup de monde, une vraie réussite!
Depuis plusieurs années la création numérique accompagne notre vie au quotidien. Illustrations, logos, photomontages, pictos sont présents dans la publicité, l’édition, le cinéma, la presse, les jeux, le packaging… Si le numérique de prime abord, est destiné à nous simplifier la tâche, il n’en reste pas moins que l’exécution graphique reste l’affaire de professionnels et si les techniques progressent à pas de géant, le talent et la maitrise des outils ne s’acquièrent pas en trois clics ou par overdose de didacticiels, cette maitrise passant avant tout par un bon apprentissage des logiciels de création graphique.
La French Touch tant appréciée de nombreuses, sociétés de production étrangères est souvent due à une bonne formation associée la fantaisie qui nous est propre. Dans cet article je citerai certains de ces artistes qui enrichissent de leur talent certains jeux réputés tel « Prince of Persia », (Succès planétaire qui a suscité la réalisation d’une superproduction très prochainement sur la toile,) ou « assassin’s screed ». Thierry Doizon, Patrick Lambert (Spécialiste aussi de speed painting), Bruno Gentile et Patrick Lambert, qui continue à participer activement à la préparation de nouvelles versions, proposent de belles illustrations et même des petites séquences « pas à pas » sur leurs sites.
http://www.barontieri.com/ http://www.maxisland.net/ http://www.hydropix.com/
A ceux qui rêvent de brosses Photoshop, ou de techniques plus proches du traditionnel avec Painter, d’ambiances oniriques, d’environnements 3D, à vos tablettes soyez les bienvenus, nous vous attendons pour vous aider à parcourir un bout du chemin dans l’acquisition de ce savoir faire.
C.B.
