Propale de charte graphique

[benj]

Salut à tous,

on avait évoqué le rafraîchissement de la charte graphique du site web.  Il se trouve que je suis en ce moment en train de bosser pour une association sur son site web et que j'ai donc quelques templates CSS libres sous la main.

Je me suis permis de hacker vite fait une de ces templates pour voir ce qu'elle donnerait sur cote1664, qu'en pensez vous comme base de discussion ?

http://www.drieu.org/design/index.html
http://www.drieu.org/design/merkur.html
http://www.drieu.org/design/aides.html

L'idée sur laquelle je me suis basée est une identité graphique proche de l'ancienne au niveau des couleurs et de la disposition, mais en même temps qui rappelle un journal, car à mon sens, cote1664 est avant tout un journal spécialisé en ligne.

C'est juste une proposition, je ne suis pas graphiste et je ne serais pas vexé si vous trouvez ça moche et je ne veux rien imposer, c'est juste pour faire avancer le schm... smilib... enfin le truc quoi

Vos commentaires, suggestions et modifications sont les bienvenues.

[Memenne]

Salut Benj,

Je trouve ça très bien, plus moderne et plus "design".

J'ai néanmoins quelques commentaires à formuler :
- ne reprendrions-nous pas, dans le haut de la page, le même bandeau que celui du forum, afin de créer une unité ?

- la page d'accueil : elle me semble trop chargée. Voici une proposition : sous l'édito, la présentation d'ASL, plus détaillée, et émaillée d'hyperliens sur lesquels cliquer pour les détails (les hyperliens correspondant à ceux de la partie "navigation"). A droite, la navigation et, en dessous de celle-ci, les nouvelles du front. En fait, cela revient à supprimer la partie "En bref".

- la page Merkur : je retirerais la rubrique "A la une"

- la page Aides de jeu : comme pour la page Merkur, retirer la rubrique "A la une". Ensuite, je dirais de redisposer les aides, peut-être plutôt l'une en dessous de l'autre, car comme c'est là, je trouve que c'est un peu confus.

Voilà, d'autres idées viendront peut-être ultérieurement.

Merci beaucoup, Benj !
 

Manu

[Bert]

Oui, garder le bandeau en haut me semble une bonne idée.

J'ai une préférence avec la première mise en page sauf peut-être l'ordre des catégories et quelques modifs:

Je mettrai dans l'ordre :
- Le bloc bandeau graphique suivit juste en dessous du paragraphe " qu'est ce qu'ASL"  sur toute la largeur.(pas forcement ASL pour les nuls)
- En dessous le bandeau menu.

_______________________________________________________

Puis garder le même configuration (avec le bloc navigation à droite.)
Mais en mettant :
- L'edito en premier
- Puis la rubrique "A la une" (ou " Quoi de neuf ?" par exemple)

Sous le menu navigation :
- "En bref"

 

[Garbad]

C'est super chouette. Quelques remarques: le bandeau à mettre au même graphisme que le forum c'est une bonne idée, changer le sous titre "ASL pour les nuls" par "ASL pour les nuls ...et les autres"

première page je la trouve bien. Dans l'article "permanent" de présentation d'ASL on peut mettre en lien les termes qui correspondent à des rubriques comme "conseils de jeu", "aide jeu" etc

opération Merkur supprimer la rubrique "à la une" qui n'apporte rien à la page, enfin je trouve

aide de jeu: je propose de mettre 2 ou 3 articles en pleine page les uns en dessous des autres mis en page comme le premier en bandeau sur la largeur, supprimer la rubrique "à la une" et à la place mettre les autres articles de la rubrique aide jeu

Mais déjà comme il est il me va très bien, c'est uniquement parce qu'on me demande mon avis que j'ose ici l'exprimer

[benj]

Pour ceux que ça intéresse, j'ai repris les squelettes anciens de cote1664 puis refait de zéro un nouveau squelette bien plus simple et léger (moins de 12k pour toutes les pages) : http://www.cote1664.net/newspip/

Le code généré utilise extensivement CSS, donc je pense qu'on peut obtenir un autre rendu si on en a envie.  Bref, s'il y a un graphiste dans la salle qui voudrait faire son propre CSS, ça ne sera pas compliqué 

Si vous débusquez des bugs, n'hésitez pas à le dire ici.  Idem si vous pensez à des améliorations de mise en page.  J'avoue que malgré vos suggestions pertinentes, je ne sais pas trop comment organiser la première page.

Sinon l'idée c'est de remplacer l'ancien squelette devenu inmaintenable et aussi de passer à une charte peut-être plus au goût du jour, j'aimerais bien en particulier avec l'avis de Jeanfi.

[Hellgie]

Le code généré utilise extensivement CSS, donc je pense qu'on peut obtenir un autre rendu si on en a envie.  Bref, s'il y a un graphiste dans la salle qui voudrait faire son propre CSS, ça ne sera pas compliqué 

je vais jeter un oeil

[Memenne]

Dans l'ensemble, j'aime bien, c'est propre et "design".

Le premier reproche que je ferais c'est qu'à mon sens, il y a trop de texte en cette première page.
Suggestion pour les news : écrire uniquement les titres.
J'ajouterais aussi plus d'illustrations recréant l'ambiance du jeu.

Enfin, je préconise toujours le bandeau identique à celui du forum.

A vous les studios !
Manu

[jlb]

Quelques remarques à mon tour.

J'aime bien. Je ne trouve pas qu'il y ait trop de texte sur la première page.
Dans la colonne de droite, il faudrait segmenter par des lignes horizontales (fines et gris pale) entre les item (dans la même rubrique, À la une). Je verrai mieux une justification à gauche dans cette colonne.
Dans l'affichage des rubriques racines, mettre les articles en colonnes plutôt qu'en ligne car c'est difficile à lire.

[Bert]

Je trouve que le bandeau du site (en haut) n'est pas assez "accrocheur" et devrait gagner en hauteur et en graphisme (genre celui du bandeau du Forum).
Pour le reste je trouve ça bien.

[benj]

Comme personne ne proteste, j'ai mis à jour la charte graphique du web.  C'est tout à fait modifiable en cas de besoin évidemment.

[Memenne]

C'est bô !

Deux remarques/suggestions :

1) on n'avait pas dit de placer le bandeau du forum, pour créer une unité ?
2) sur le bandeau orange (plan du site), je remplacerais "articles" par "accueil"

Allez, hop !
Manu

[benj]

Ah j'avions mal compris et compris « ancien site » plutôt que « forum »

Et en effet « Accueil » est mieux que « Articles »

[jlb]

Benj,

J'ai écrit un filtre en PHP pour SPIP qui permet d'afficher les images avec ligthbox

Un exemple ici : http://trampoline.rts-software.org/spip.php?article44 (clique sur l'image Séquence de traitement d’une interruption). Ça pourrait être sympa car par exemple dans les AAR on voudrait une photo de grande taille sans pour autant qu'elle bouscule la mise en page. Par exemple dans l'AAR de Clément, partie 2, a photo mériterait un zoom mais prendrait alors toute la place.

Qu'en penses-tu ?

[benj]

Intéressant !  Je veux bien tester ça. 

[Hill621]

Oui, tout à fait d'accord ! Je comprends rien au langage informatique (pour moi, un filtre c'est pour faire du café et SPIP doit avoir une relation avec des rapports intimes, non ?), mais le résultat est des plus efficace : dans mon échelle perso d'appréciation d'un site, ce type d'affichage d'images fait partie des +++.

Pour le reste du site, y'a rien à dire : mise en forme, navigation, couleurs et liens emportent ma totale adhésion.
Il est bô le site de Cote1664