Comment définir le design d'un site?

Définitions :

Le design graphique est l'ensemble des dispositions esthétiques et techniques qui composent l'identité visuelle du site.
Les éléments qui composent l'identité visuelle et les illustrations possibles sont regroupés dans la charte graphique.
Les éléments pris en compte dans le design graphique sont généralement:
- Le gabarit général des pages
- Le design de la navigation (texte, boutons,...)
- Les couleurs (fond, texte)
- Les typos et tailles de caractère
- Les illustrations, animations
- Le logo, la base line...

Les fondamentaux

Une charte graphique est toujours subjective. C'est pourquoi la vraie question à se poser n'est pas:

Est ce que mon site est beau ?

Mais plutôt :

Est-ce que le design de mon site sert ma stratégie ?

Pour répondre il faut respecter un certain nombre de règles de base :
Le gabarit général de la page ou css-template ou layout-zoning

* Il doit être adapté au type de site
* Il doit être simple à modifier
* Identifier les éléments invariables (identiques sur toutes les pages) ou en tête.

le design de la navigation (texte, boutons,...)

* Il faut rester très light (liens texte)
* trio de couleur associant le blanc

Quel que soit le choix des couleurs, il est recommandé d'établir une couleur prédominante, représentant la majeure partie de la page web, et une ou plusieurs couleurs secondaires plus dynamiques (plus vives), en moindres proportions, afin de mettre des éléments en exergue.

* préférer les aplats de couleurs (façon post-it) plutôt qu'un background (+lisible)
* respecter la signification des couleurs (voir http://trinity-advise.com/choix-de-couleurs-pour-communiquer-sur-le-web/#Combinaisonet%contrastes)

Les couleurs (tonalité graphique)

* Savoir utiliser le cercle chromatique
* Des éléments de couleurs chaudes apparaissent plus grands que ceux de couleurs froides

Les typos/polices

* Pas plus de deux différentes
* Polices reconnues dans tous les environnements : verdana, arial, helvetica
* Polices non standards (pour les titres par exemple) : créer une image transparente comportant le texte

Le logo, la base line

* Logo facilement déclinable (newsletter, bandeaux pub, com papier, ...)
* logo qui reprend l'esprit du nom de domaine

Les images et visuels

* Les utiliser avec parcimonie et seulement si elles apportent quelque chose à l'internaute, car :
- les images allongent le temps de téléchargement de la page
- trop d'images peut nuire au contenu

* Utiliser des images libres de droit, c'est à dire vous la payez une seule fois et pouvez l'utiliser sur plusieurs projets (site web, plaquette, newsletter,...) et pour une durée illimité.
Libre de droit ne veut pas dire gratuit ! L’inconvénient est que vos images peuvent être utilisés par des concurrents, des amateurs ou des sites "parasites".

* Utiliser des images de droits gérés, c'est à dire vous réalisez des photos pour votre site par un photographe professionnel, vous ne pourrez les utiliser que pour votre projet et vous devez payer à nouveau pour les utiliser dans le cadre d'une newsletter par exemple, mais vous serez le seul à pouvoir utiliser cette image et l'associer à votre marque.
Attention aux banques d'images qui fournissent des images en droits gérés non exclusif !