45 posts from 2007

On trouve sur beaucoup de forums de "design" cette question fatidique: "Mais comment fait-on pour créer un design?". Une question délicate, car l'approche dépend de chaque personne, comme en cuisine, il y les chefs qui suivent leur imagination créative et d'autres qui adorent suivre les recettes au pied de la lettre.
La méthode que je vais vous présenter, n'a rien d'absolue, c'en est une parmi tant d'autres. Cependant elle a le mérite d'avoir fait ces preuves pendant 2 ans et sur une multitude de créations de chartes graphiques différentes. Cette "méthode" a été pensée pour laisser la place nécessaire à la créativité tout en guidant l'aventurier graphique dans les méandres des pixels.

Venons-en à la méthode proprement dîtes.

Les ressources.
Pour créer une charte graphique il faut bien évidemment avoir suffisamment de connaissances techniques portant sur quelconque logiciel de retouche d'images (photoshop, photofiltre, the GIMP, ...). Il faut aussi récolter le plus d'informations possibles sur le site internet qui portera la robe graphique dont vous serez le couturier. Par exemple ayez sous la main un résumé rapide du site avec sa définition, son utilité, le public visé, l'équipe déjà présente, des textes, des images ou tout autre contenu capable de donner des informations sur le site à habiller.
Lorsque la récolte est suffisamment fructueuse, vous pouvez commencer à faire un synthèse des données que vous avez récolter. Vous savez donc maintenant dans un sens large le public visé, le thème du site et l'approche.

Les besoins.
Les différents éléments que vous avez réussi à récoltés définiront d'eux même une grande partie de la future charte graphique, si vous connaissez le public visé vous connaissez déjà beaucoup d'éléments pour la style au sens large du design, (pour des enfants, quelque chose de coloré, pour des entreprises, quelque chose de sobre). Le public visé en alliance avec le thème du site vous permettent de définir l' "ambiance" du dit-site. Si vous faite la refonte d'une association d'agriculteurs, vous opterez pour des images plus campagnarde et moins technique, si au contraire une équipe travaillant sur un projet de robotique vous demande de créer une vitrine pour son prochain robot, il vous faudra quelque chose de technique, dans un style légèrement futuriste ou avant-gardiste. Ensuite l'approche définira la complexité de l'habillage, au niveau visuel une campagne publicitaire ne se fait pas de la même façon qu'une thèse portant sur l'amour entre les chats de gouttière et les nains de jardins en plastique.
Les éléments qui définiront le site web doivent être pris en compte: de combien de pages le site est-il composé? Doit-on afficher de mêmes informations sur chaque page? Quel est la longueur (en texte) moyenne d'une page? Ainsi si le site est composé de 4 pages il ne faudra qu'un seul menu, au contraire si le site est composé de plusieurs dizaines de pages il faudra prévoir un agencement dans les menus suffisamment clair pour ne pas se perdre. Si les pages sont en moyenne assez courtes, le design peut avoir une largeur faible pour "remplir" l'écran de l'utilisateur. Au contraire si les pages sont plutôt longues on préférera une largeur plus conséquente.
D'autres besoins sont également présents, ce sont les directives immuables données par le demandeur, celui-ci pourrait par exemple vous demandez de rester dans les tons bleu ou bien de réutiliser le logo de son entreprise dans la charte graphique.
Vous possédez à cet instant toutes les informations nécessaires pour partir à l'assaut de la charte graphique en soit.

Disposition.
L'agencement d'un site web permet de mettre la première couche de peinture qui définira les différentes formes de votre création. Il vous faut maintenant placer les différents éléments qui composent un site web.
Combien de menus différents? Dois-je les placer les uns en dessous des autres? Seront-il verticaux au horizontaux?
A gauche ou à droite? Où est placé le titre du site? Le slogan? Dois-je prévoir un pied de page avec des informations qui sont sur toutes les pages (contact, mentions légales, copyright,...)? Le corps contenant les textes est il placé à droite du menu, à gauche, en dessous, en dessus? Où sera placé le design (centré, sur un côté, ...)?
Il existe bien des dispositions "standards", celle-ci peuvent vous guider dans la recherche de votre propre agencement. Par exemple on retrouve souvent le titre du site en haut, un menu sur un côté, le corps de la page à côté du menu et un pied de page pour délimiter la fin du texte.

Création.
Vous posséder maintenant tout ce dont vous avez besoin pour faire le vêtement de cette nouvelle page Internet.  Je ne vous propose pas d'idées préconçus pour la création, je préfère vous donner quelques petits conseils qui m'ont aidés lors de travaux. Utilisez tous vos sens: pour stimuler la créativité écoutez de la musique, regardez des photos, de tableaux, d'autres sites. Tout vos sens amèneront une idée de ce que représente pour vous le site en question et vous permettront ainsi d'en déduire des idées de créations. Ne faite pas une partie à la fois, commencez par la partie qui vous inspire, mais ne la finissez pas de suite (à moins que votre idée vous semblent parfaite), préférez plutôt toucher à toutes les parties, en les développant ensemble vous aurez plus de chance d'avoir quelque chose d'harmonieux entre les différentes parties qui composent la charte graphique. N'hésitez pas à prendre du recul, laisser les travaux pendant un jour ou deux sans y toucher ni y regarder, vous aurez un regard différent, vous pouvez également demandez conseils à des connaissances pour accélérer les temps d'attentes.

La création d'une charte graphique pour un site web n'est pas un sciences absolue, mais en réfléchissant au public, à l'attente du demandeur et aux besoins vous réussirez à comprendre rapidement ce qui vous attend. Pour la création en elle-même soyez originaux!