[spip-dev] Un coup de peinture

Dev
1

Hello,

j'ai travailé sur l'intégration d'un thème graphique que Jordan (créateur du logo) a imaginé.
On voit une capture écran sur l'article de la préz :
https://contrib.spip.net/Refonte-de-l-identite-graphique
(dernière image de l'article)

Le principe a été de créer un squelette générique utilisable par les sites de la galaxie, et surchargeable pour créer des "thèmes" avec des déclinaisons et des fonctionnalités spécifiques en fonction des sites.

On a travaillé avec marcimat sur le thème de Programmer, et voilà la nouvelle version :
https://programmer.spip.net/

Le squelette et ses premiers thèmes sont maintenant sur la zone :
https://zone.spip.org/trac/spip-zone/changeset/105541

J'ai poussé un peu le travail sur spip.net, et je partage donc une première proposition :
https://spip.alwaysdata.net/spip.net/fr_rubrique91.html

C'est un premier jet, mais je pense que c'est le moment de publier tout ça pour en discuter.

Le but, c'est juste de mettre un coup de peinture à peu de frais, pour avoir un site une peu moderne, dont on n'ait pas trop honte.
Absolument pas de reprendre le contenu, ça fera l'objet d'un travail beaucoup plus profond.

2

PS : la page glossaire ne va pas du tout en l'état.
Je n'y ai pas touché du tout, je suis un peu sec en terme de design / ergonomie, vu le layout de la page.

PPS : en version petits écrans / tactile, il reste à mettre en place une navigation adaptée, et à espacer les liens pour les rendre plus facilement cliquables.

Bref, y'a encore un peu de boulot :slight_smile:

3

Beau thème !

Envoyé de mon iPhone

4

Je commence à noter des choses qui manquent ou à terminer.

Des variantes de squelettes, par exemple :

https://spip.alwaysdata.net/spip.net/fr_rubrique4.html
comparé à
https://spip.net/fr_rubrique4.html

Todo : recenser les variantes de squelettes existantes pour les reproduire ou les adapter.

5

un premier jet [...] pour en discuter.

Voici mes retours mélangés à quelques autres lus sur irc, pour en garder une trace.

On a travaillé avec marcimat sur le thème de Programmer, et voilà la nouvelle version :
https://programmer.spip.net

C'est clair et assez neutre.
J'aime bien le bleu clair sur les <code>
L'italique des titres m'interpelle.
Lorsqu'il est visible, le vert franc du bouton vers la page suivante écrase un peu le contenu de la page, qui mériterait tout de même un peu d'attention avant le passage à la suivante.

Le squelette et ses premiers thèmes sont maintenant sur la zone :
Connexion · GitLab

J'ai poussé un peu le travail sur spip.net, et je partage donc une première proposition :
https://spip.alwaysdata.net/spip.net/fr_rubrique91.html

Le nouveau squelette manque peut être de certaines particularités par rapport à spip.net
https://spip.alwaysdata.net/spip.net/fr_rubrique4.html ne fait pas référence à trad.spip.net
(comme SPIP le fait)

Idem Formats de fichier reconnus par SPIP - SPIP a du spécifique aussi
(et donne actuellement https://spip.alwaysdata.net/spip.net/fr_article4352.html)

Sur une page de rubrique comme https://spip.alwaysdata.net/spip.net/fr_rubrique135.html je pense qu'il ne faudrait pas reprendre le logo de la rubrique pour chaque article qui n'en a pas un lui-même.
On peut mettre un os différent en logo de chaque article (tibia, hanche, côtelette, etc)
mais #LOGO_ARTICLE à la place de #LOGO_ARTICLE_RUBRIQUE irait peut être bien, simplement.

Globalement, j'ai une petite inquiétude à l'idée que tous les sites de la galaxie utilisent le même squelette :
perte de l'histoire et du goûtu de chaque site.
Certes, le squelette est modulable et permettra peut être à chaque site de garder un goûtu particulier.
Le simple changement de la couleur principale suffira t il à cela ? Sinon ça passera par quoi ?
Peut être un défi pour les infographistes à l'oeuvre...

JL

6

Adiou,

Il doit être possible de faire aussi classe que l'existant en utilisant pour dominante du rose vif, mais il y encore du boulot pour y parvenir !
Bon courage !

Philippe

PS. Peux-tu éviter de te poster tes messages en double, stp. Merci.

7

Il doit être possible de faire aussi classe que l'existant en utilisant pour dominante du rose vif, mais il y encore du boulot pour y parvenir !

J'ai pas compris.
Tu trouves l'existant "classe" ?

PS. Peux-tu éviter de te poster tes messages en double, stp. Merci.

Pas compris non plus.

8

Super, mais pourquoi SPIP serait désormais peint en rose ?
:-)k++

9

Il doit être possible de faire aussi classe que l'existant en utilisant pour dominante du rose vif, mais il y encore du boulot pour y parvenir !

J'ai pas compris.
Tu trouves l'existant "classe" ?

Oui,

Je trouve l'aspect actuel du portail spip.net tout à fait classe, eu égard à l'équilibre qu'il présente entre sobriété et coloration.
C'est pourquoi j'y trouverais pour ma part une bonne source d'inspiration pour composer quelque chose de nouveau, recourant notamment au tyrien, mais peut-être en gardant en tête une espèce de compatibilité aux graphismes du polatouche originel (possibilité de l'afficher sans qu'il détonne).
Parce que là, c'est pas un "rafraîchissement", à ce stade, mais plutôt un rough brut, une indication de direction.
La "modernité" n'est pas toujours synonyme d'un mieux-disant, ni la reconnaissance de la valeur d'un travail hérité une marque de conservatisme ou de passéisme.
Donc si j'adhère complètement à l'idée d'un rafraîchissement, mon ressenti des rendus actuels c'est juste qu'ils méritent d'être substantiellement retravaillés dans la durée avant d'être mis en production.

Je comprend que ça fasse assez "inspecteur des travaux fini" eu égard à ma totale indisponibilité pour mettre même une petit peu de mon côté, les mains dans le cambouis.
D'autant que je perçoive que la production nécessaire soit, comme je l'ai exprimé, vraissemblablement lourde et de longue haleine.
Mais pourquoi forcément vouloir à tout prix faire coincider la sortie de SPIP 3.2 et la reconception graphique des portails de référence ?

PS. Peux-tu éviter de te poster tes messages en double, stp. Merci.

Pas compris non plus.

Bah je ne suis abonné qu'à spip-dev a priori et tes messages m'arrivent pour la plupart en double sur la liste avec adressage direct à la liste + copie à la liste.
Pour une fois, ce message-ci n'était pas dédoublé contrairement à ceux que tu aies postés depuis le 23/06/2017. Possible que ça vienne du réglage du reply sur le thunderbird de ton mac...ou de tes préférences dans mailman.

@+

Philippe

10

marcel.dugenoux a écrit :
> Donc si j'adhère complètement à l'idée d'un rafraîchissement, mon
> ressenti des rendus actuels c'est juste qu'ils méritent d'être
> substantiellement retravaillés dans la durée avant d'être mis en
> production.
>
> Je comprend que ça fasse assez "inspecteur des travaux fini" eu égard à
> ma totale indisponibilité pour mettre même une petit peu de mon côté,
> les mains dans le cambouis.
> D'autant que je perçoive que la production nécessaire soit, comme je
> l'ai exprimé, vraissemblablement lourde et de longue haleine.
> Mais pourquoi forcément vouloir à tout prix faire coincider la sortie de
> SPIP 3.2 et la reconception graphique des portails de référence ?

Depuis quelques années maintenant, quel que soit le sujet et la proposition il y a toujours des voix pour exprimer que l'existant est mieux/très bien, et qu'on ne peut pas changer comme ça et (collectivement?) on se retrouve à mettre la barre très haut pour toute évolution.

Tout cela conduit à un découragement généralisé devant l'ampleur de la tâche qui se présente suite à chaque tentative de contribution et à une sclérose du projet qui conduit directement à la nécrose.

Donc oui il aura du monde pour trouver que c'était mieux avant, que la nouvelle version est trop rose, trop ceci et pas assez cela, mais merde quoi :

le truc est figé dans la naphtaline depuis plus de 10 ans, quelqu'un a le courage de prendre le taureau par les cornes, haut les coeurs !

On fonce, on avance, et les défauts de jeunesse se corrigeront si besoin (et peut-être pas parce que le temps montrera que finalement une fois la perturbation du changement absorbée on y gagne)

Et au pire du pire, si ça devait décevoir tant de monde, ça motivera peut-être quelqu'un d'autre pour s'y coller et compléter/améliorer ?

Bref, stop à l'immobilisme (sic), SPIP à besoin de sang neuf, de bienveillance et d'énergies positives, plutôt que du "c'était mieux avant".

Bravo Nicod, gogogo!

11

Hop,

Hello,

j'ai travailé sur l'intégration d'un thème graphique que Jordan (créateur du logo) a imaginé.
On voit une capture écran sur l'article de la préz :
Refonte de l'identité graphique - SPIP-Contrib
(dernière image de l'article)

Le principe a été de créer un squelette générique utilisable par les sites de la galaxie, et surchargeable pour créer des "thèmes" avec des déclinaisons et des fonctionnalités spécifiques en fonction des sites.

Bonne méthode :slight_smile:

On a travaillé avec marcimat sur le thème de Programmer, et voilà la nouvelle version :
https://programmer.spip.net/

Super, juste une micro remarque : je trouve l'espacement entre les trois blocs de contenu un peu trop étroit (fil d'ariane, contenu, statut de l'article). Amha il faut augmenter l'espace ou le supprimer pour que cette zone de contenu apparaisse sur un fond unique.

Le squelette et ses premiers thèmes sont maintenant sur la zone :
Connexion · GitLab

J'ai poussé un peu le travail sur spip.net, et je partage donc une première proposition :
https://spip.alwaysdata.net/spip.net/fr_rubrique91.html

C'est un premier jet, mais je pense que c'est le moment de publier tout ça pour en discuter.

Super aussi, petite remarque une fois de plus, le fond rose des 4 items de la nav à droite les met un peu trop en avant par rapport au reste de la page.

En tout cas, c'est une très bonne base pour la suite, merci pour tout ça :slight_smile:

12

Salut,

Amha la charte graphique est effectivement trop criarde à mon goût avec du bleu, du vert, du rose, de l’orange…
cf. https://programmer.spip.net/Mises-a-jour-et-installation-des

Du travail pour trouver un équilibre et un bon contraste mais la structure du design est cool, et je pense qu’on peut tous proposer son thème.

Concrètement, le code source du logo et du titre existent en svg ?
https://programmer.spip.net/local/cache-vignettes/L229xH50/siteon0-9a4b5.png?1501509351

Dès que j’ai 20 minutes à moi je vais travailler dessus quelques idées,

.Gilles

13

Hop,

L'italique des titres m'interpelle.

Il me semble que c'est un rappel à l'italique utilisé dans le titre du site.

J'ai poussé un peu le travail sur spip.net, et je partage donc une première proposition :
https://spip.alwaysdata.net/spip.net/fr_rubrique91.html

Le nouveau squelette manque peut être de certaines particularités par rapport à spip.net

...

Globalement, j'ai une petite inquiétude à l'idée que tous les sites de la galaxie utilisent le même squelette :
perte de l'histoire et du goûtu de chaque site.

Le goûtu spécifique de certains sites de la galaxie commence à virer au rance vu leur âge :stuck_out_tongue: (party par exemple).

Certes, le squelette est modulable et permettra peut être à chaque site de garder un goûtu particulier.

Amah c'est plutôt une bonne chose car cela permettrait d'avoir une cohérence entre les différents sites de la galaxie en plus de faciliter la maintenance et les évolutions de tous ceux-ci.

14

Non, le but n'est pas de repeindre tout SPIP en rose, ce serait trop uniforme :slight_smile:

Pour le contexte : à la base, c'est la couleur du logo, et donc la couleur principale que Jordan a utilisée pour concevoir le nouveau design de programmer.spip
J'ai intégré ce design dans un squelette, et on y a travaillé avec marcimat jusqu'à la mise en ligne.

Pour spip.net, j'ai juste repris la base du design de Jordan en adaptant un peu la navigation à droite.

Ce rose n'est pas figé, je suis sûr qu'on peut trouver une teinte de mauve qui fonctionne bien, et qui rappellerait le site historique (cf les remarques de Philippe / marcel.dugenoux).

Le squelette que j'ai développé est modulaire et configurable, c'est basé sur du SCSS avec un fichier de variables pour toutes les couleurs.
On peut donc créer des thèmes facilement.

Jordan est en vacances en ce moment, mais on essaiera de travailler à la rentrée sur des déclinaisons de la palette de couleurs pour d'autres sites de la galaxie.

15

Hop,

Bref, stop à l'immobilisme (sic), SPIP à besoin de sang neuf, de bienveillance et d'énergies positives, plutôt que du "c'était mieux avant".

Pas mieux, c'est très bien résumé :slight_smile:

Bravo Nicod, gogogo!

+1, gogogo et des zoubis pour tout le monde !

16

Gilles Vincent a écrit :

Dès que j'ai 20 minutes à moi je vais travailler dessus quelques idées,

Parce que toi t'es super fort : nicod&co rament depuis des jours dessus mais no problemo, en 20min je vais te faire un truc qui tiens la route...

(réplique aussi connue sous la forme "ma stagiaire aurait fait mieux en 5mn")

Arrêtez de dénigrer le boulot des autres bon sang.

Si t'as du temps, fais et reviens avec une proposition, mais ce genre de déclaration en l'air sur le mode "yolo vous allez voir ce que vous allez voir" c'est totalement contre-productif : tout ce que ça peut produire c'est une mise en pause des contributeurs dégoutés du peu de valeur qu'on accorde à la peine qu'ils se sont donnés, sur le mode "puisqu'il est si fort il a qu'a faire lui".

Et encore une fois ça finira aux oubliettes.

17

Hello

Merci pour ce travail.
Juste une petite remarque: pourquoi les titres sont en italique? En script arabe l'italique penchera du mauvais cote (l'italque en arabe est developpe dans la police pour qu'il "penche" du bon cote).

George

Quoting nicod_ <nicolas.dorigny@gmail.com>:

18

se comprend) il est possible de changer la palette graphique uniquement, et
de proposer des alternatives avec d'autres couleurs dominantes. Mon
ambition n'est pas d'aller plus loin, mais de montrer qu'adaptation simple
est facile.

Je reviens dans l'après-midi avec une proposition.

.Gilles

19

Je ne veux pas parler au nom de Jordan, le designer (il est en vacances), mais pour moi l'italique sur les titre rappelle l'italique du logo.
Et je trouve que ça donne une "patte" particulière aux pages, ça donne du rythme (avis personnel).

Pour l'italique en arabe, je le note. Il faudrait peut être le désactiver en fonction de la langue.

20

Salut,

Si quelqu'un se sent de se plonger dans les squelettes de
forum.spip.net, aucun soucis bien sûr pour les décliner en galactic.
J'avais refait le site en 2009, c'est antédiluvien, vous n'avez pas
besoin de mon autorisation pour y toucher mais comme ça c'est dit. Par
contre je pourrai pas aider, donc au pire il faudra repartir de zéro, ce
qui ne serait pas du luxe.

En tout cas svp avant toute chose jetez un oeil à
https://contrib.spip.net/Cahier-des-charges-forum-spip-org

Et j'y vais quand même de mon commentaire dont vous ferez bien ce vous
voulez :slight_smile: Sur la forme je n'ai rien à dire sinon merci et sur le fond
j'ai un peu tiqué sur le principe que les sites se basent sur une sorte
de surcouche de SPIP, mais si le passage en Z pouvait encourager et
faciliter la maintenance collective et l'évolution des différents sites
de la galaxie clairement ce serait tout bénéf.

Fred