Project

General

Profile

Anomalie #4751

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

Added by erational 👺鬼 9 days ago. Updated 7 days ago.

Status:
Nouveau
Priority:
Normal
Category:
-
Target version:
Start date:
04/29/2021
Due date:
% Done:

0%

Resolution:
Navigateur:

Description

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").

History

#1 Updated by cedric - 9 days ago

J'ai ajouté dans medias les déclinaisons document manquant/distant/vu https://git.spip.net/spip/medias/commit/114d804dba4bb2865e8b3965e8485b7f4f9500ff

#3 Updated by tcharlss 🐽 9 days ago

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 :)

#4 Updated by marcimat 🌻 9 days ago

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 !

#5 Updated by marcimat 🌻 9 days ago

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.

#6 Updated by marcimat 🌻 9 days ago

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

#7 Updated by RastaPopoulos ♥ 9 days ago

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 :)

#8 Updated by erational 👺鬼 8 days ago

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 :)

#9 Updated by marcimat 🌻 8 days ago

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.

#10 Updated by RastaPopoulos ♥ 8 days ago

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

#12 Updated by RastaPopoulos ♥ 7 days ago

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

#13 Updated by erational 👺鬼 7 days ago

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 !

Also available in: Atom PDF