Forum FFL-ASL

Le reste... => Côte 1664 - Asl.histofig - Le forum FFL-ASL => Discussion démarrée par: benj le 19 Juillet 2008, 15:44

Titre: Propale de charte graphique
Posté par: benj le 19 Juillet 2008, 15:44
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.
Titre: Re : Propale de charte graphique
Posté par: Memenne le 19 Juillet 2008, 20:24
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
Titre: Re : Propale de charte graphique
Posté par: Bert le 21 Juillet 2008, 06:34
Oui, garder le bandeau en haut me semble une bonne idée. 8)

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"

 8)


Titre: Re : Propale de charte graphique
Posté par: Garbad le 22 Juillet 2008, 22:59
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 :-$
Titre: Re : Propale de charte graphique
Posté par: benj le 22 Août 2008, 20:12
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é  8:'

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.
Titre: Re : Re : Propale de charte graphique
Posté par: Hellgie le 23 Août 2008, 11:13

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é  8:'


je vais jeter un oeil
Titre: Re : Propale de charte graphique
Posté par: Memenne le 23 Août 2008, 12:06
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
Titre: Re : Propale de charte graphique
Posté par: jlb le 04 Septembre 2008, 10:34
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.

Titre: Re : Propale de charte graphique
Posté par: Bert le 04 Septembre 2008, 12:21
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. 8)
Titre: Re : Propale de charte graphique
Posté par: benj le 02 Octobre 2008, 15:51
Comme personne ne proteste, j'ai mis à jour la charte graphique du web.  C'est tout à fait modifiable en cas de besoin évidemment.
Titre: Re : Propale de charte graphique
Posté par: Memenne le 02 Octobre 2008, 16:43
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
Titre: Re : Propale de charte graphique
Posté par: benj le 02 Octobre 2008, 17:09
Ah j'avions mal compris et compris « ancien site » plutôt que « forum »

Et en effet « Accueil » est mieux que « Articles »
Titre: Re : Propale de charte graphique
Posté par: jlb le 02 Octobre 2008, 17:49
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 ?

Titre: Re : Propale de charte graphique
Posté par: benj le 02 Octobre 2008, 21:24
Intéressant !  Je veux bien tester ça.  :-)
Titre: Re : Propale de charte graphique
Posté par: Hill621 le 03 Octobre 2008, 08:44
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 :love:
Titre: Re : Propale de charte graphique
Posté par: Jeanfi le 06 Octobre 2008, 16:01
Je l'ai pas vu moi encore :( il a explosé en vol ou bien ?

Y'a plus rien d'accessible.
Titre: Re : Propale de charte graphique
Posté par: benj le 06 Octobre 2008, 16:21
Ah apparemment l'hebergeur a des soucis aujourd'hui.  Pas de chance !