À partir du titre de la rubrique, SPIP fabrique des images en utilisant la police de caractères de notre choix, et applique des effets : en haut, ombre portée ; en bas, effet de reflet sur le sol.
Pour chaque rubrique, sur Paris-Beyrouth, nous avons installé un logo très simple : un aplat de couleur et le titre en blanc.
Automatiquement (selon notre programmation, évidemment), SPIP fabrique une première série de logos, plus petits, en gris, avec un trame de petits losanges.
Une série colorée est également produite, cette fois-ci avec un effet de relief.
Enfin, la couleur du logo est utilisée (là encore, automatiquement) pour fabriquer une déclinaison de notre logo principal : la partie en bas à droite du logo adopte la couleur de la rurbique choisie) ; et les boutons (ici : « Sites », « Nos compétences », « Collaborations ») voient leur couleur calculée à partir du logo.
On voit ici que de nombreux éléments du site sont créés ou modifiées, uniquement en installant un logo très simple. La cohérence graphique du site est assurée par ces automatismes.
Dans notre portfolio :
— les petites icônes sur la gauche sont créées automatiquement ;
— sous chaque image, le pavé adopte une couleur qui en est tirée.
Si la publication et la mise à jour d’un site avec SPIP est généralement très simple, il reste habituellement une difficulté : le respect de la charte graphique, notamment dans l’utilisation des logos.
Une fois que le graphiste a peaufiné ses images pour l’interface générale du site et a choisi ses effets et ses couleurs avec soin, il est difficile par la suite de respecter cette charte lorsqu’on veut installer un nouveau logo.
On constate, de fait, deux situations habituelles :
— le site n’utilise que très peu les logos installés par les utilisateurs et privilégie les listes textuelles ;
— à l’inverse le site affiche beaucoup de logos et d’images, mais l’ensemble perd sa cohérence graphique au fur et à mesure des mises à jour.
Nous profitons des nouvelles possibilités de SPIP pour proposer une solution de graphismes automatisés : à partir d’images installées, SPIP construit (selon nos propres choix graphiques, évidemment), des versions adaptées à l’interface graphique. Par exemple : redimensionnement, recadrage, réflexions, noir et blanc, sépia, transparence, effet de trame...
Nous utilisons aussi la possibilité de créer des « images typographiques » : il s’agit, à partir du titre d’un article (par exemple), de créer une image de ce titre, dans la police de caractères de notre choix. Outre l’utilisation, alors, de n’importe quelle police pour afficher des titres, il est ensuite possible d’appliquer à ce titre divers effets de notre choix (rotation, trame, ombre portée, etc.).