Refonte du jeu d'icônes : retours et commentaires #4751

Closed
opened 6 months ago by erational · 17 comments
Collaborator

SPIP 3.3 dispose d'un backoffice refondu avec un CSS chouette et un support du SVG.

Suite aux discussions, j'ai repris tout le jeu d'icônes au format PNG en SVG.

Voici la ligne de conduite pour cette refonte
https://contrib.spip.net/Quelques-notes-pour-les-icones-SVG-de-SPIP

Ce ticket est pour enregistrer les retours, les oublis, les bugs de ce nouveau jeu.
Merci d'être constructif et précis (évitons les "j'aime" / "j'aime pas").

SPIP 3.3 dispose d'un backoffice refondu avec un CSS chouette et un support du SVG. Suite aux discussions, j'ai repris tout le jeu d'icônes au format PNG en SVG. Voici la ligne de conduite pour cette refonte https://contrib.spip.net/Quelques-notes-pour-les-icones-SVG-de-SPIP Ce ticket est pour enregistrer les retours, les oublis, les bugs de ce nouveau jeu. Merci d'être constructif et précis (évitons les "j'aime" / "j'aime pas").
Owner

J'ai ajouté dans medias les déclinaisons document manquant/distant/vu 114d804dba

J'ai ajouté dans medias les déclinaisons document manquant/distant/vu https://git.spip.net/spip/medias/commit/114d804dba4bb2865e8b3965e8485b7f4f9500ff
Owner
Dans les icones restantes en PNG qui doivent servir un peu quelque part mais bien caché on a encore : - la poubelle https://git.spip.net/spip/spip/src/branch/master/prive/themes/spip/images/poubelle-32.png - le tri croissant/decroissant https://git.spip.net/spip/spip/src/branch/master/prive/themes/spip/images/tri-asc-32.png https://git.spip.net/spip/spip/src/branch/master/prive/themes/spip/images/tri-desc-32.png - un XML https://git.spip.net/spip/spip/src/branch/master/prive/themes/spip/images/xml-24.png (mais qu'on peut peut-être virer ?)
Owner

Merci pour ce super boulot, l'impression générale c'est des icônes plus unifiées, plus sobres et qui captent l'attention juste comme il faut. Et les notes super aussi.

Je n'ai pas de remarque sur telle ou telle icône en particulier, mais plus sur une direction générale possible pour la suite. Dans les derniers ajustements il me semble que ça commence à tendre vers du monochromatique, presque des icônes symboliques, c'est pour ça que j'aborde le sujet.

Moi ma vision d'ensemble c'est ça : à terme il devrait y avoir 2 jeux distincts et complémentaires, utilisés à des fins différentes :

  • D'un côté les icônes des objets éditoriaux : c'est celui dont on dispose actuellement, des icônes de couleurs utilisées en général dans les menus, les entêtes de listes ou de boîtes, etc.

  • Et de l'autre des icônes en rapport avec des actions : ajouter, supprimer, …. Celles-ci seront utilisées dans des boutons, des barres d'outils, etc. Et elles devront être simples, lisibles, et fonctionner quelque soit la couleur du fond.
    C'est le sujet de la proposition du ticket pour ajouter des icônes symboliques : https://core.spip.net/issues/4727.

Donc s'il y a à terme les 2, amha il ne faut pas trop s'empêcher d'utiliser de la couleur pour les icônes actuelles, et des formes un peu plus « compliquées » si ça marche bien.

Bon voilà, mais je répète : excellent boulot :)

Merci pour ce super boulot, l'impression générale c'est des icônes plus unifiées, plus sobres et qui captent l'attention juste comme il faut. Et les notes super aussi. Je n'ai pas de remarque sur telle ou telle icône en particulier, mais plus sur une direction générale possible pour la suite. Dans les derniers ajustements il me semble que ça commence à tendre vers du monochromatique, presque des icônes symboliques, c'est pour ça que j'aborde le sujet. Moi ma vision d'ensemble c'est ça : à terme il devrait y avoir 2 jeux distincts et complémentaires, utilisés à des fins différentes : * D'un côté les icônes des objets éditoriaux : c'est celui dont on dispose actuellement, des icônes de couleurs utilisées en général dans les menus, les entêtes de listes ou de boîtes, etc. * Et de l'autre des icônes en rapport avec des actions : ajouter, supprimer, …. Celles-ci seront utilisées dans des boutons, des barres d'outils, etc. Et elles devront être simples, lisibles, et fonctionner quelque soit la couleur du fond. C'est le sujet de la proposition du ticket pour ajouter des icônes symboliques : https://core.spip.net/issues/4727. Donc s'il y a à terme les 2, amha il ne faut pas trop s'empêcher d'utiliser de la couleur pour les icônes actuelles, et des formes un peu plus « compliquées » si ça marche bien. Bon voilà, mais je répète : excellent boulot :)
Owner

C'est un immense et chouette boulot que tu as fait avec toutes ces icones personnalisées !
Et c'est très bien.

J'espère n'énerver personne pour la suite :p
J'ai principalement 2 remarques :

  • la première et principale concerne l'icone de rubrique, qui pour moi ne se détache pas assez du fond (ça dépend du thème aussi et où elle est utilisée). Tu as proposé un contour sympa sur le plugin archiviste. Ce contour, plus un peu de couleur serait probablement intéressant.

  • la seconde concerne l'épaisseur des traits, qui n'est pas toujours identique (plus fin généralement) sur certaines icones. C'est pas dramatique, mais par cohérence si c'était la même taille ça serait cool. Je pense à notamment à

    • "suivi des révisions" ,
      -ou "plan du site" (celui du bandeau du moins)-
    • ou "vider le cache" (qui lui est plus gros)

-une 3è : chez moi l'icone "agenda interne" a un reflet contrairement aux autres (à moins que ce ne soit du au plugin agenda)-

  • une 4è : l'icone "gestion des plugins" est un peu comme la rubrique, jaune sans contour, dans certaines situations elle se détache mal

Le reste des remarques sont des détails et mes préférences, sans drame apparent, à voir selon les humeurs et d'autres avis :

  • certaines icones sont en fond plein (mots par exemple), ça sort un peu de l'apparence filaire des autres
  • une petite touche de couleur sur certaines icones était sympa (article, ou mot, a perdu sa touche de couleur par exemple)
  • le A (français) des icones de langues a le trou du A central à peine visible en petit. Il semble très légèrement trop épais quoi
  • «fonctions avancée" : 1 seul outil avec un engrenage ?
  • "identité du site" : je suis pas fan du terminal (je n'avais absolument pas compris l'analogie), mais s'il est conservé, mettre un peu plus de contraste entre les gris ?
  • je n'ai pas vu comment était la boite du compagnon récemment, mais son logo, je ne suis pas sûr de l'intérêt d'avoir son contour plus épais que les autres
  • SVP : je ne comprends toujours pas l'analogie (tu as repris la même qu'avant donc… bon…)
  • Plugin "Dev" : chez moi il a une icone différente des autres plugins du core ?
  • le "auteur" (le vert surtout, et jaune aussi) sont pas facile à voir. Peut être qu'augmenter la taille du buste par rapport à la tête aiderait ?

Et sinon, la vue des logos des plugins du core est trop chouette ! C'est magnifique cet ensemble !

C'est un immense et chouette boulot que tu as fait avec toutes ces icones personnalisées ! Et c'est très bien. J'espère n'énerver personne pour la suite :p J'ai principalement 2 remarques : - la première et principale concerne l'icone de rubrique, qui pour moi ne se détache pas assez du fond (ça dépend du thème aussi et où elle est utilisée). Tu as proposé un contour sympa sur le plugin archiviste. Ce contour, plus un peu de couleur serait probablement intéressant. - la seconde concerne l'épaisseur des traits, qui n'est pas toujours identique (plus fin généralement) sur certaines icones. C'est pas dramatique, mais par cohérence si c'était la même taille ça serait cool. Je pense à notamment à - "suivi des révisions" , -ou "plan du site" (celui du bandeau du moins)- - ou "vider le cache" (qui lui est plus gros) -une 3è : chez moi l'icone "agenda interne" a un reflet contrairement aux autres (à moins que ce ne soit du au plugin agenda)- - une 4è : l'icone "gestion des plugins" est un peu comme la rubrique, jaune sans contour, dans certaines situations elle se détache mal Le reste des remarques sont des détails et mes préférences, sans drame apparent, à voir selon les humeurs et d'autres avis : - certaines icones sont en fond plein (mots par exemple), ça sort un peu de l'apparence filaire des autres - une *petite* touche de couleur sur certaines icones était sympa (article, ou mot, a perdu sa touche de couleur par exemple) - le A (français) des icones de langues a le trou du A central à peine visible en petit. Il semble très légèrement trop épais quoi - «fonctions avancée" : 1 seul outil avec un engrenage ? - "identité du site" : je suis pas fan du terminal (je n'avais absolument pas compris l'analogie), mais s'il est conservé, mettre un peu plus de contraste entre les gris ? - je n'ai pas vu comment était la boite du compagnon récemment, mais son logo, je ne suis pas sûr de l'intérêt d'avoir son contour plus épais que les autres - SVP : je ne comprends toujours pas l'analogie (tu as repris la même qu'avant donc… bon…) - Plugin "Dev" : chez moi il a une icone différente des autres plugins du core ? - le "auteur" (le vert surtout, et jaune aussi) sont pas facile à voir. Peut être qu'augmenter la taille du buste par rapport à la tête aiderait ? ----- Et sinon, la vue des logos des plugins du core est trop chouette ! C'est magnifique cet ensemble !
Owner

Je retire "- ou "plan du site" (celui du bandeau du moins)" car je devais pas être a jour, ou c'est charles qui l'a refaite déjà avec le bandeau.

Je retire "- ou "plan du site" (celui du bandeau du moins)" car je devais pas être a jour, ou c'est charles qui l'a refaite déjà avec le bandeau.
Owner

Et l'icone agenda interne, ça venait bien du plugin Agenda, qui a corrigé depuis.

Et l'icone agenda interne, ça venait bien du plugin Agenda, qui a corrigé depuis.

Oui super boulot, merci beaucoup.

Pour l'argumentation, je suis totalement d'accord avec tcharlss : même si d'autres choix pourront être faits plus tard, pour le moment on a deux jeux bien distincts :

  • l'un avec des couleurs, et possiblement parfois plus de détails
  • l'autre pour vraiment du symbolique, pour des actions (assez souvent récurrentes)

Les images liées à une fonctionnalité précise (articles, mots, agenda, etc) seront toujours bien plus nombreuses que celles des actions. Tendant vers l'infini puisqu'on rajoute des plugins régulièrement, et que chacune des fonctionnalités (en dist ou contrib) va utiliser au minimum une ou deux icônes voire plus.

Pour cette raison, je suis pour l'instant partisan que ces images doivent rester avec une touche de couleur + peuvent être un peu plus détaillées, que les actions symboliques. Car vu leur nombre toujours en augmentation, ça va permettre un moyen (couleur et détail) de les distinguer bien plus facilement, que si elles étaient toutes monochromes.

Exemples, en conséquence de cette argumentation, qui devraient avoir de la couleur :

  • l'icône pour Documents (surtout que la métaphore c'est une image, un paysage)
  • pour Boite multimédia
  • pour Langue principale du site (alors que Multilinguisme est en couleur, et du coup, on voit moins Langue principale que Multilinguisme, alors que dans l'ordre c'est plus important)
  • et peut-être d'autres :)
Oui super boulot, merci beaucoup. Pour l'argumentation, je suis totalement d'accord avec tcharlss : même si d'autres choix pourront être faits plus tard, *pour le moment* on a deux jeux bien distincts : - l'un avec des couleurs, et possiblement parfois plus de détails - l'autre pour vraiment du symbolique, pour des actions (assez souvent récurrentes) Les images liées à une fonctionnalité précise (articles, mots, agenda, etc) seront toujours bien plus nombreuses que celles des actions. Tendant vers l'infini puisqu'on rajoute des plugins régulièrement, et que chacune des fonctionnalités (en dist ou contrib) va utiliser au minimum une ou deux icônes voire plus. Pour cette raison, je suis pour l'instant partisan que ces images *doivent* rester avec une touche de couleur + peuvent être un peu plus détaillées, que les actions symboliques. Car vu leur nombre toujours en augmentation, ça va permettre un moyen (couleur et détail) de les distinguer bien plus facilement, que si elles étaient toutes monochromes. Exemples, en conséquence de cette argumentation, qui devraient avoir de la couleur : - l'icône pour Documents (surtout que la métaphore c'est une image, un paysage) - pour Boite multimédia - pour Langue principale du site (alors que Multilinguisme est en couleur, et du coup, on voit moins Langue principale que Multilinguisme, alors que dans l'ordre c'est plus important) - et peut-être d'autres :)
Poster
Collaborator

J'ai intégré les demandes de cedric (note 1, note 2)
D'ailleurs cela lève le problème des icônes pour les extensions #4754

Je suis d'accord avec tcharlss sur l'orientation à donner aux icones avec 2 jeu distincts et une touche colorée.

Pour la remarque de marcimat, je m'en charge dès que je peux :)

J'ai intégré les demandes de cedric (note 1, note 2) D'ailleurs cela lève le problème des icônes pour les extensions #4754 Je suis d'accord avec tcharlss sur l'orientation à donner aux icones avec 2 jeu distincts et une touche colorée. Pour la remarque de marcimat, je m'en charge dès que je peux :)
Owner

Ah oui, tiens je repense aussi à "squelettes par rubriques" et je trouve dommage de s'éloigner du # du menu squelettes. La tête de mort est très jolie j'admets ! mais ça aide pas à trouver une iconographie commune pour le terme "squelettes" quoi.

Ah oui, tiens je repense aussi à "squelettes par rubriques" et je trouve dommage de s'éloigner du # du menu squelettes. La tête de mort est très jolie j'admets ! mais ça aide pas à trouver une iconographie commune pour le terme "squelettes" quoi.

Ah tiens, merci de m'y refaire penser, au départ c'était censé être une 3.3 rapide, si c'est une SPIP 4.0 où on annonce des gros changements, je pense que c'est du coup l'occasion de virer cette entrée "Squelettes", qui ne veut RIEN dire sauf pour les 30 personnes qui gravitent autour du projet, mais pas pour les utilisateurices finales.

Il y a un ticket pour ça déjà : https://core.spip.net/issues/4626

Ah tiens, merci de m'y refaire penser, au départ c'était censé être une 3.3 rapide, si c'est une SPIP 4.0 où on annonce des gros changements, je pense que c'est du coup l'occasion de virer cette entrée "Squelettes", qui ne veut RIEN dire sauf pour les 30 personnes qui gravitent autour du projet, mais pas pour les utilisateurices finales. Il y a un ticket pour ça déjà : https://core.spip.net/issues/4626
Poster
Collaborator

note 9 fait par 04ae64161e

note 9 fait par https://git.spip.net/spip/squelettes_par_rubrique/commit/04ae64161e86ac826e2eefb127f865e99367501f

yop ertational,

pour quand il y aura le temps bien sûr, pas forcément pour l'alpha :)

J'ai l'impression qu'au fil de la cohérence sur les épaisseurs (mieux !) il y a une régression sur la distinction avec du symbolique pur : de plus en plus d'icones n'ont plus de touche de couleur. Alors qu'on avait l'air plusieurs à être d'accord là dessus.

tcharlss : Donc s'il y a à terme les 2, amha il ne faut pas trop s'empêcher d'utiliser de la couleur pour les icônes actuelles, et des formes un peu plus « compliquées » si ça marche bien.
marcimat : une petite touche de couleur sur certaines icones était sympa (article, ou mot, a perdu sa touche de couleur par exemple)
moi : je suis pour l'instant partisan que ces images doivent rester avec une touche de couleur + peuvent être un peu plus détaillées, que les actions symboliques
erational : Je suis d'accord avec tcharlss sur l'orientation à donner aux icones avec 2 jeu distincts et une touche colorée.

Pour référence, il semble que les menus "Publication" et "Maintenance" soient de bons exemples.

Actuellement en monochrome, à remettre une petite touche colorée à priori :

  • L'icone de base des auteurs (celle là exceptionnellement pas forcément, pour la raison qu'il y a des variantes déclinées ensuite)
  • Article
  • Mot
  • Documents
  • Boite multimédia
yop ertational, pour quand il y aura le temps bien sûr, pas forcément pour l'alpha :) J'ai l'impression qu'au fil de la cohérence sur les épaisseurs (mieux !) il y a une régression sur la distinction avec du symbolique pur : de plus en plus d'icones n'ont plus de touche de couleur. Alors qu'on avait l'air plusieurs à être d'accord là dessus. > tcharlss : Donc s'il y a à terme les 2, amha il ne faut pas trop s'empêcher d'utiliser de la couleur pour les icônes actuelles, et des formes un peu plus « compliquées » si ça marche bien. > marcimat : une *petite* touche de couleur sur certaines icones était sympa (article, ou mot, a perdu sa touche de couleur par exemple) > moi : je suis pour l'instant partisan que ces images doivent rester avec une touche de couleur + peuvent être un peu plus détaillées, que les actions symboliques > erational : Je suis d'accord avec tcharlss sur l'orientation à donner aux icones avec 2 jeu distincts et une touche colorée. Pour référence, il semble que les menus "Publication" et "Maintenance" soient de bons exemples. Actuellement en monochrome, à remettre une petite touche colorée à priori : - L'icone de base des auteurs (celle là exceptionnellement pas forcément, pour la raison qu'il y a des variantes déclinées ensuite) - Article - Mot - Documents - Boite multimédia
Poster
Collaborator

Hello

Il n'y a pas régression car il n'y avait rien avant :)

Je fais les choses progressivement ...
Je commence par les menus "faciles" puis les objets éditoriaux cruciaux par petites touches.
Tout va venir tranquillement !

Hello Il n'y a pas régression car il n'y avait rien avant :) Je fais les choses progressivement ... Je commence par les menus "faciles" puis les objets éditoriaux cruciaux par petites touches. Tout va venir tranquillement !
Poster
Collaborator

Certains chantiers sont des évolutions.

J'ai intégré quelques retours notamment suite à cet autre fil de fil de discussion
https://discuter.spip.net/t/icones-embarques-dans-le-theme-par-defaut-de-spip/153739/11

Le jeu commence à sembler cohérent pour la sortie de SPIP4.00

Quelqu'un a encore une demande importante ou puis-je fermer le ticket ?

Certains chantiers sont des évolutions. J'ai intégré quelques retours notamment suite à cet autre fil de fil de discussion https://discuter.spip.net/t/icones-embarques-dans-le-theme-par-defaut-de-spip/153739/11 Le jeu commence à sembler cohérent pour la sortie de SPIP4.00 Quelqu'un a encore une demande importante ou puis-je fermer le ticket ?
Owner

On est où avec ce ticket ? On peut le fermer ou il reste des points à traiter ?
Statut changé à En cours

On est où avec ce ticket ? On peut le fermer ou il reste des points à traiter ? **Statut changé à En cours**
Poster
Collaborator

On peut fermer il me semble.

Statut changé à Fermé

On peut fermer il me semble. **Statut changé à Fermé**
Owner
There is no content yet.
Sign in to join this conversation.
No Milestone
No project
No Assignees
6 Participants
Notifications
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
There is no content yet.