Forum FFL-ASL
ASL pour les nuls … et les autres !

Propale de charte graphique

Hors ligne benj

  • Silly Squirrel
  • Administrateur
  • 1-4-9
  • *
    • Messages: 3 074
    • +54/-3
  • You missed me, you didn't even touch me !!! (dud)
    • Cote 1664
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.
« Au final, le meilleur fumigène Russe reste le Panzerfaust »


Hors ligne Memenne

  • 1-4-9
  • *
    • Messages: 2 506
    • +50/-1
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
Qui a dit que les hommes ne font jamais l'ASL ?


Hors ligne Bert

  • Modérateur
  • 1-4-9
  • *
    • Messages: 3 996
    • +58/-0
  • Don't stack
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)




Hors ligne Garbad

  • Modérateur
  • 10-3
  • *
    • Messages: 880
    • +11/-0
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 :-$


Hors ligne benj

  • Silly Squirrel
  • Administrateur
  • 1-4-9
  • *
    • Messages: 3 074
    • +54/-3
  • You missed me, you didn't even touch me !!! (dud)
    • Cote 1664
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.
« Au final, le meilleur fumigène Russe reste le Panzerfaust »


Hors ligne Hellgie

  • 10-0
  • *
    • Messages: 405
    • +7/-0
  • You know what ? ............. I am happy

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
Remember A.2...  It's a part of the game.


Hors ligne Memenne

  • 1-4-9
  • *
    • Messages: 2 506
    • +50/-1
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
Qui a dit que les hommes ne font jamais l'ASL ?


Hors ligne jlb

  • 1-4-9
  • *
    • Messages: 2 463
    • +34/-2
  • Nantes Tactique Club
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.

Le Franc-Tireur, le magazine des fanatiques d'ASL!  http://www.lefranctireur.org


Hors ligne Bert

  • Modérateur
  • 1-4-9
  • *
    • Messages: 3 996
    • +58/-0
  • Don't stack
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)


Hors ligne benj

  • Silly Squirrel
  • Administrateur
  • 1-4-9
  • *
    • Messages: 3 074
    • +54/-3
  • You missed me, you didn't even touch me !!! (dud)
    • Cote 1664
Comme personne ne proteste, j'ai mis à jour la charte graphique du web.  C'est tout à fait modifiable en cas de besoin évidemment.
« Au final, le meilleur fumigène Russe reste le Panzerfaust »


Hors ligne Memenne

  • 1-4-9
  • *
    • Messages: 2 506
    • +50/-1
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
Qui a dit que les hommes ne font jamais l'ASL ?


Hors ligne benj

  • Silly Squirrel
  • Administrateur
  • 1-4-9
  • *
    • Messages: 3 074
    • +54/-3
  • You missed me, you didn't even touch me !!! (dud)
    • Cote 1664
Ah j'avions mal compris et compris « ancien site » plutôt que « forum »

Et en effet « Accueil » est mieux que « Articles »
« Au final, le meilleur fumigène Russe reste le Panzerfaust »


Hors ligne jlb

  • 1-4-9
  • *
    • Messages: 2 463
    • +34/-2
  • Nantes Tactique Club
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 ?

Le Franc-Tireur, le magazine des fanatiques d'ASL!  http://www.lefranctireur.org


Hors ligne benj

  • Silly Squirrel
  • Administrateur
  • 1-4-9
  • *
    • Messages: 3 074
    • +54/-3
  • You missed me, you didn't even touch me !!! (dud)
    • Cote 1664
Intéressant !  Je veux bien tester ça.  :-)
« Au final, le meilleur fumigène Russe reste le Panzerfaust »


Hors ligne Hill621

  • Cote 1664 Crew
  • 1-4-9
  • *
    • Messages: 1 916
    • +37/-1
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:
Heiður , Hugrekki , Aga og Hollusta
Honneur, Courage, Discipline et Loyauté


Hors ligne Jeanfi

  • 10-3
  • *
    • Messages: 743
    • +20/-2
    • Cote 1664
Je l'ai pas vu moi encore :( il a explosé en vol ou bien ?

Y'a plus rien d'accessible.
Jeanfi :popov:


Hors ligne benj

  • Silly Squirrel
  • Administrateur
  • 1-4-9
  • *
    • Messages: 3 074
    • +54/-3
  • You missed me, you didn't even touch me !!! (dud)
    • Cote 1664
Ah apparemment l'hebergeur a des soucis aujourd'hui.  Pas de chance !
« Au final, le meilleur fumigène Russe reste le Panzerfaust »