Affinity-web`Blog

Faire un site web c'est avant tout concevoir une charte graphique, un webdesign. Loin d'être réservée aux graphistes, cette pratique devient de plus en plus populaire que ce soit pour un développeur qui veut monter son site sans devoir payer un webdesign ou pour les particuliers qui apprennent par passion.

Voici une liste de 13 conseils pour bien débuter le Webdesign :

1 - Choisir ses logiciels

La première chose à faire est de choisir le logiciel pour réaliser son webdesign. Cette étape est sans doute la plus facile, étant donné le faible nombre de logiciels performants dans ce domaine.

Il existe deux solutions :

- Adobe Photoshop (CS, CS2, CS3), ultime référence, il est le meilleur logiciel pour réaliser des travaux graphiques sur ordinateur. Logiciel professionnel, son tarif est élevé pour des particuliers mais on peut trouver des licences d'anciennes versions ou des tests d'un mois gratuit. Attention à ne pas confondre avec Photoshop element, version "light" pour le grand public mais ayant peu d'intéret.

- Gimp est un logiciel libre et gratuit, il est la meilleur alternative à Photoshop. Cela peut etre un très bon logiciel pour faire du webdesign.

2 - Faire des tutoriaux

Une fois le logiciel choisi, il va falloir le prendre en main. La première ouverture peut être déroutante, il s'agit de logiciels professionels ayant de nombreuses fonctions. C'est là que les tutoriaux sont intéressants. Avant de faire du webdesign, mieux vaut commencer par prendre en main le logiciel en réalisant d'autres sortes de créations.

Il existe de nombreux sites de tutoriaux sur Internet, à travers ces exemples (modifier une photo, faire des formes, effets..) vous découvrirez les outils et comment s'en servir.

Il ne faut pas négliger cette étape, rien ne sert de faire du design web sans connaissance de l'outils. Passez un bon mois à faire des tutoriaux et améliorer votre technique.

Faire partie d'une communautée graphique est très intéressant pour découvrir des tutos, partager ses connaissances et progresser plus vite.

Voici quelques liens utiles :

• kloobik.org/
• infetech.com/
• total-graphik.com
• rootsarts.net

3 - Commencer en douceur

Trop souvent on me montre des designs alors qu'on voit très bien que la personne est plus que débutante. Il n'y a aucun mal à être débutant, on l'a tous été un jour mais il faut d'abord bien maitriser le logiciel.

Vous pouvez commencer par réaliser des bannières, signatures pour forum qui vous permettront de mettre en pratique vos connaissances et de débuter par palier.

Vous progresserez plus vite sur des bannières que sur un webdesign.

4 - Dessiner un croquis

Un croquis permet de clarifier ses idées. Après avoir fait une liste des éléments qui devront apparaître, l'idéal est de réaliser un croquis pour faire des tests et voir comment placer ses blocks. Inutile de faire une oeuvre d'art et donc de savoir dessiner. Le but est de concevoir son futur webdesign.

Cette étape vous fera gagner du temps, et vous évitera la page blanche sur laquelle on ne sait pas où commencer.

5 - Sélectionner ses couleurs

Après avoir fait votre croquis, vous devriez commencer à voir le webdesign dans votre tête. C'est le moment de choisir un code de couleurs.

On choisit d'abord si son site sera sur fond blanc ou sombre puis quelles couleurs utiliser. Un choix de 2/3 couleurs est raisonnable plus de 3couleurs sera excessif sauf exception.

On peut très bien se limiter à une couleur en plus du fond.

Si vous n'avez pas d'idées, sachez qu'il existe des sites pour choisir ses couleurs. Voici selon moi l'un des meilleurs : Colourlovers.com

6 - Visiter des galeries de sites

Il est également intéressant de visiter des sites de galeries de webdesign. Vous pourrez voir les différentes modes et tendances et apprendre à reconnaitre le bon du moins bon.

Le but n'est pas de "repomper" les designs, celà ne présente aucun intérêt car celà ne fera jamais de vous un webdesigner. Mais connaître ce qui se fait est important.

Voici une liste de galeries :

• cssremix.com
• mostinspired.com
• webcreme.com

7 - Choisir la taille et la résolution de ses webdesigns

Quelle taille choisir est une question qui revient souvent. La longueur importe peu, elle dépendra de votre contenu mais le choix de la largeur est décisif.

Bien que le standard des écrans vendus actuellement est de 1200, il reste encore de nombreuses personnes en résolution de 1024 (50% environ). Il est désagréable de naviguer sur un site présentant une scrollbar horizontale.

Les résolutions inférieures (800*600) ont quasiment disparu . On peut donc aujourd'hui travailler sur un espace de 1000 pixels ce qui laissera de la place à la scrollbar verticale.

Lorsque vous créez un nouveau document on vous demandera la résolution de celui-ci. La résolution est de 72 dpi pour le web et de 300 pour le print. Choisissez donc 72 (valeur par défaut normalement).

8 - Prendre son temps

Tout comme il faut prendre son temps pour faire des tutoriaux, il faut le prendre pour réaliser son webdesign. Inutile de faire un bloc et de le cloner x fois.

Selon la complexité, on peut considérer le temps de réalisation brute (c'est à dire sans compter le croquis et le choix des couleurs) de 2 à 10 heures, voire plus pour des travaux complexes. C'est une fourchette moyenne personnelle.

Donc prenez votre temps, quitte à arrêter et reprendre par la suite si vous n'arrivez pa à faire ce que vous voulez.

9 - Demander des avis

Notre avis n'est pas toujours objectif sur nos travaux. C'est pourquoi des travaux peuvent paraître à nos yeux bien mieux qu'ils ne le sont réellement surtout lorsqu'on débute.

Il est intéressant de poster sur des communautés graphiques pour avoir des avis extérieurs. Méfiez vous tout de meme des éternels raleurs insatisfaits et replacez bien votre travail dans son contexte. On ne demande pas la même chose à un débutant qu'à un pro.

Evitez de vous fier à l'avis de personnes qui n'y connaissent rien. Il n'est pas rare qu'ils aient des goûts de chiotte et leur avis ne servira pas à vous améliorer.

10 - Eviter l'effet de "mode"

Ne tombez pas dans la facilité de l'effet de mode et du clonage de sites. C'est encore plus vrai aujourd'hui avec les designs "web 2.0" où n'importe qui peut se dire webdesigner en utilisant deux dégradés et un reflet. En plus d'être ridicule, cela n'éblouira qu'un temps. De trop nombreux sites se ressemblent et n'ont aucun charme à cause de cette facilité.

11 - Avoir la fibre créative

Certains n'y arriveront jamais. Le webdesign est avant tout une activité créative et artistique. Même si elle ne nécessite pas de connaissances en dessin il faut avoir un minimum de goût et d'idées.

La visite de galeries de sites web peut palier ce problème mais dans ce cas, trop souvent les webdesigns ne seront que des copies.

12 - Penser à l'ergonomie

Une fois que vous maitriserez votre sujet, il ne faut pas oublier qu'un design n'est pas fait pour etre regardé mais bien découpé et codé pour devenir un site web. Mettez en évidence le contenu important. Le webdesign doit etre clair et lisible. Deux à trois clicks doivent suffir pour accéder au contenu.

13 - Faire un logo

Un bon design c'est également un logo permettant d'identifier le site. Il est réellement difficile de faire des logos sans être graphiste car cette pratique est loin d'être facile. Mais vous pouvez toujours essayer..

Nous sommes arrivés à la fin des conseils que je peux vous donner.

Si vous souhaitez compléter cette liste, n'hésitez pas à poster un commentaire. Sachez que j'ai réalisé cette liste car j'ai appris en autodidacte le webdesign et qu'on m'a de nombreuses fois demandé de juger des webdesigns. J'ai pu me rendre compte des erreurs à éviter. J'espère que cette liste vous aidera.

Bonne pratique!!

Les derniers articles de la catégorie : Webdesign

• Design d'interface, la confiance aux tests ?
• Concours : Very Nice Blog #1
• Webdesign : le 1000 s'accroche
• Webdesign, emplacement du menu
• Webdesigner
• Coup de coeur : Volll site web
• Gagnant du concours des CSS de blogs Fr