Le design WEB pour les nuls de chez nuls
Bon je vais être honnête avec vous, je n’y connais rien en design de site web. Enfin rien, quasi rien: un peu de HTML, quelques notions de CSS, l’expérience de quelques adaptations de thèmes Wordpress ou Joomla, mais à part ça rien. Je ne suis pas dessinateur, encore moins graphiste, je n’ai même jamais réalisé de site web de A à Z. Et pourtant quand il a fallu que quelqu’un se propose pour s’occuper du design du site, un réflexe nerveux consécutif à un trop long assoupissement m’a poussé à lever le doigt! Allez comprendre …
Me voilà donc au pied du mur, sans trop savoir par où démarrer. J’ai beau chercher sur la toile, pas moyen de trouver un vrai tutorial dans le genre “le design Web pour les nuls de chez nuls”. Tout ce que je trouve est trop pointu, trop technique. Je cherche des grandes règles de design, quelle largeur, quelle hauteur, largeur fixe … ou pas, coins ronds ou carrés, quelles couleurs, …Rien de tout ça, tant pis, je me débrouillerai tout seul ….
Première chose, il me faut des sources d’inspiration, des sites qui me plaisent, des exemples. En vrac, j’aime bien les sites colorés, en rondeur, originaux sans être m’as-tu vu, je n’aime pas les sites sombres, trop chargés, trop tous pareils, …
Deuxième chose, il me faut imaginer à quoi ressemblera le site, quelle sera sa mise en page, comment seront placés les différents modules. Pour ça, rien de mieux qu’un crayon et un bout de papier, ça permet de mettre facilement en place des éléments, de gommer, de raturer, de noter des idées à côté. C’est sommaire, spartiate, rustique, mais ça se trimballe partout! Il faut aussi trouver un concept, un discours en accord avec le thème principal du site, sans tomber dans l’illustration ringarde et désuète. Il faut enfin réléchir à l’ergonomie du site, concevoir une interface intuitive et facile à prendre en main.
Troisième chose, il faut maintenant matérialiser ces idées sur ordinateur. Il semble que l’outil le plus adapté pour cela soit un logiciel de dessin vectoriel, comme Adobe Illustrator, plutôt qu’on logiciel de retouche photo genre Photoshop. Compte-tenu du caractère auto-financé du projet, j’ai préféré m’orienter vers un outil gratuit et libre, Inkscape, qui semble jouir d’une petite notoriété dans le milieu des graphistes. Relativement puissant, facile à apprendre et à utiliser, bien documenté, riche en tutoriaux, il répond largement à mes besoins et je ne regrette pas ce choix.
Quatrième et dernière chose à faire, transformer tout ça en HTML et CSS. On n’y est pas encore, mais je m’orienterai sans doute vers ce bon vieux Gimp pour extraire les différentes images du design et vers Nvu qui semble être une bonne alternative libre à Dreamweaver pour la création de sites.
Voilà ma feuille de route tracée, reste plus qu’ à se mettre au travail. La suite au prochain numéro!