Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Iconographie #570

Merged
merged 35 commits into from Sep 6, 2022
Merged

Iconographie #570

merged 35 commits into from Sep 6, 2022

Conversation

laem
Copy link
Contributor

@laem laem commented Jun 28, 2022

https://iconographie--nosgestesclimat.netlify.app

  • couvrir tous les icônes : tester tous les personas <- c'est à peu près fait
  • pour les icônes qui restent non couverts, pas dans les personas, mettre un icône par défaut ? C'est possible ?
  • tester un style avec marge, carré bords arrondis mais très faiblement ?
  • faire une grille parfaite, de lignes complètes. C'est dur 😅
  • hauteur du bloc vert 2 tonnes à ajuster avec la nouvelle marge ?
  • réparer l'affichage des emojis twemoji de remplacement
  • réparer le bug des mauvaises sous-cat affichés pendant le test, cf bug Johan
  • afficher un message pour les profils pour lesquels l'affichage de la grille verte est impossible
  • ajouter un persona 20 tonnes "super riche" notamment pour tester 🆙

pour la suite :

  • les petits dej ne seront plus affichées, car niveau 3, à corriger c'est important comme distinction je pense
  • faire un algo récursif

Note à garder en issue : je pars des icônes openmoji. Je les modifie pour qu'ils s'affichent bien à moindre efforts via le filtre CSS de blanchissement grayscale + invert. Du coup, ils sont souvent.
Peut-être faut-il plutôt designer des versions blanches des icônes + des versions colorées qui resteraient openmoji au mieux. Mais c'est couteux.
Peut-être que j'ai pas assez joué avec les filtres, notamment brightness ?
Je pense aussi qu'il faut qu'on passe à openmoji entièrement. C'est ce qui nous permet de facilement designer de nouveaux icônes tout en ayant accès à une super banque d'images pour tout ce qui n'est pas personnalisé. Pour harmoniser tout sur le site.

Aperçu

image
image

@laem
Copy link
Contributor Author

laem commented Aug 24, 2022

Il y a plein de variations possibles à tester.

image

image

image

image

@florianpanchout n'hésite pas si tu as des idées

@Clem-mrtn
Copy link
Contributor

Clem-mrtn commented Aug 29, 2022

Je trouve ça chouette ! ça permet effectivement de mieux définir toutes les sous-catégories

Quelques petites questions :

  • Quid des autres emojis sur le site ? Puisque là par exemple on a un certain style d'emojis sur les slides 1 & 2 mais pas sur la 3 quand on a la liste des actions, et c'est un peu bizarre l'ambivalence des deux styles
  • Qu'est ce qui se cache derrière l'incône "..." (=autres produits) ?
  • Le rectangle "2 tonnes" a t-il été reproportionné avec les icônes qui sont + gros maintenant ? Parce que là il coupe un peu les carrés à chaque fois

@Clem-mrtn
Copy link
Contributor

Clem-mrtn commented Sep 5, 2022

Petit bug d'affichage sur les pictos (cf. icône cartons)
image

@laem laem merged commit e2c8646 into master Sep 6, 2022
@laem laem deleted the iconographie branch September 6, 2022 12:53
@Clem-mrtn
Copy link
Contributor

#639

@Clem-mrtn Clem-mrtn moved this from En cours to Fermé in Kanban Site Sep 12, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development

Successfully merging this pull request may close these issues.

None yet

2 participants