Des icônes et des icônes et des icônes…

Depuis un bon moment je suis focalisée sur les icônes pour la CAA et je vais t’expliquer pourquoi parce que peut-être que, comme d’autres personnes autour de moi, tu ne vas pas comprendre pourquoi je ne suis pas satisfaite avec les bibliothèques d’icônes existantes. Tu vas encore me dire un truc du genre « mais enfin, il y a des choses qui existent, tu veux toujours tout changer »… Je le sens venir alors je vais t’expliquer pourquoi j’ai besoin d’autre chose.

Alors c’est un post incomplet, on pourra dire illustratif parce que je l’ai commencé il y a 6 mois et que je pense qu’il est temps de le finir

Il y en a plein partout des icônes alors pourquoi ?????

Oui, des bibliothèques d’icônes il en existe « plein », des payantes et des gratuites des plus ou moins complètes. Mais comme les mathématiques, elles sont sujettes à des problèmes d’incomplétudes (c’est une blague péteuse) et comme la langue et la mode, et bien elles sont sujettes à des problèmes d’esthétique obsolète.

Donc pour le dire vite : je pense que les outils de communication par icônes doivent utiliser des icônes « à la mode ».. Et en plus elles doivent être ergonomiques ce qui commence par la visibilité quand on les affiche en tout petit et à la qualité quand on les imprime.

Des icônes payantes et des gratuites

Il existes déjà des bibliothèques d’icônes presque complètes (le fait de fermer les ressources ça crée une inévitable incomplétude en CAA et de l’obsolescence programmée…- comme pour ta machine à laver 😉 De plus c’est une aberration de penser qu’une seule boîte peut gérer les picto de com. éternellement et pour le monde entier, je pense que le common creative est bien plus puissant pour le coup…

Des icônes payantes

Donc, il existe des bibliothèques payantes comme Symbol Stix ou PCS (Pictures Communication Symbol) qui je pense on peut le dire dominent le marché. Je préfère Symbol Stix car je les trouve plus modernes. Ça c’est dit. Bon ok ils ont aussi fait de nouveaux PCS plus modernes

Exemple de PCS
Exemple de SymbolStix

On retrouve les SymbolStix dans des logiciels comme AVAZ ou PROLOQUO2GO, SIMPODD (the lovely SymbolStic symbol pour citer Gayle Porter relookée pour l’introduction SIMPODD sur le site d’Assistiware ;-)),…. et PCS dans SNAP, le PODD ou tout ce qui est lié à Bordmaker.

Mais qui dit payant dit fermé. Alors autant dire que quand on fait des outils de communication, non seulement ça prend la tête et on se demande pourquoi, mais pourquoi, mais pourquoi donc, mais c’est aussi un « non-sens ». Bien sur, tu vas encore me dire que oui mais : les icônes ça demande du temps. A qui le dis-tu ! Mais c’est comme ça : on ne peut pas demander aux gens de payer pour communiquer au quotidien et il va falloir s’y faire. Je peux te dire que les étudiants qui arrivent aujourd’hui ne sont pas prêts à payer quoique ce soit pour communiquer… à part leur abonnement de téléphone… et leur téléphone ;-).

Et puis surtout : on est dans le monde de la création et du développement collaboratif et c’est le seul moyen de maintenir et de faire évoluer les choses : de les rendre libres….

Par contre quand même : ce sont de super bases, très complètes. Mais on paie les png alors pour avoir les svg HAHAHAH (cf plus bas pour savoir ce que c’est svg)

A ma connaissance seul PCS propose des icônes à haute saturation, payantes et je pense pour Board Maker.

https://ca.tobiidynavox.com/products/picture-communication-symbols-pcs?lang=fr

Makaton

Je connais mal ces pictos.

Ils sont aussi conçus pour être dessinés, je ne sais pas combien ils coutent non plus, j’ai eu la flemme de chercher 😉

Erratum : « our Makaton quand on a fait la formation on a le droit d’utiliser leurs pictos. C’est vraiment super de pouvoir les dessiner à la main, par contre il y en a pas une infinité, ils ne sont pas créé à la demande et on ne peut pas vraiment partager les supports… » (merci Anne-Laure pour cette première réponse 1

Je pense que la couleur peut-être utile pour certains enfants… Mais je pense que c’est mieux d’en avoir moins que trop… Je pense que ce sont des picto vraiment intéressants.

Des icônes gratuites

Des icônes gratuites il y en a plein.

Je pense qu’ici un petit point connaissance rapide sur les formats d’images et les licences s’impose.

Des formats d’images

Pour le faire rapidement, la plupart des gens ne connaissent que des formats d’images de type « matricielle ». Par exemple, jpg, gif ou png. Ce sont des « mosaïques de pixels ». Plus il y a de pixels dedans plus la résolution est grande. On peut les ouvrir avec des logiciels comme Photoshop ou son alter-égo libre : Gimp. C’est le format idéal pour représenter des photos. Quand tu crées une image matricielle, que tu sauves une création au format matricielle, tu perds les composantes de l’image. Par exemple, si tu fait un rond et un carré dans un logiciel de dessin et que tu sauves en png, selon la quantité de pixel que tu as défini dans l’image tu vas avoir ça :

Alors bien sur tu vas me dire : ben y’a qu’à sauver avec plein de pixels. C’est ce qu’on fait pour les photos qu’on veut imprimer par exemple mais du coup ça fait des fichiers ENORMES et ton disque dur fini par pleurer. Et puis surtout si maintenant je veux augmenter la taille de mon rond par rapport à mon carré, lui ajouter un contour etc ben ça va faire un truc encore plus moche parce qu’avec ces formats : on perd la géométrie…

Quand on crée des icônes ou des graphiques ou des graphismes, on n’utilise pas le format matricielle, sauf pour l’export final. Toutes les icônes des bibliothèques d’icônes sont créées en général dans un format vectoriel (.svg, .pdf, .ai etc) où le format de représentation de l’image est géométrique. L’avantage c’est que, pour faire simple, ton carré et ton rond ne sont plus des pixels mais bien un carré et un rond (des coordonnées). Tu peux donc changer leurs couleurs, leurs contours, leurs tailles, leurs positions « comme tu veux ».

Enfin, si tu as le bon logiciel pour le faire. Les logiciels de dessin vectoriel les plus connus sont Adobe Illustrator – mon préféré enfin, un peu comme ton premier petit copain quand ça se passe bien – mais je l’ai abandonné pour Affinity Designer car il est devenu vraiment trop cher (Adobe Illustrator). Complètement gratuit tu peux essayer Inskape mais j’avoue que quand tu as pris l’habitude d’Illustrator : tu pleures et tu demandes pourquoi la vie est si cruelle parfois. Pire : tu commences à douter des logiciels libres et ça c’est très mal. Bon aller, les ronds et les carrés on s’en fiche, je t’explique en images avec le Google Emoji mdr que j’ai modifié avec Affinity Designer :

Ci-dessus l’emoji original. Ce qui ne me va pas avec lui c’est que les contours trop clairs ne ressortent pas bien sur des grilles de CAA et aussi : les dégradés de couleurs ajoutent de la couleur là où il y en a déjà trop.

Mais comme on va le voir ensuite : Google a « ouvert » ses Emoji, du coup on peut les récupérer en format svg et faire ce qu’on veut avec ou presque, il faut quand même attribuer et dire en quoi on a modifié (enfin je crois, c’est une licence Apache https://en.wikipedia.org/wiki/Apache_License).

Ci-dessus, à droite : le Google Emoji que j’ai modifié, au format svg, ouvert dans Affinity Designer : les cadres bleus très fins montrent la sélection des différents éléments géométriques de l’image que je peux ensuite modifier comme je veux : en les déformant (image 3), en changeant l’épaisseur des contours, la couleur, etc SANS PERTE DE RESOLUTION NI DE QUOI QUE CE SOIT. Ensuite je peux sauver l’image dans des formats lisibles par des logiciels comme Proloquo en png 50*50 (image 1): tout pourri ou en 500*500 qui me semble la taille minimale pour avoir des images net dans Proloquo (image 2). Et les svg sont des fichiers « texte », du coup si tu veux changer le jaune de 300 images, il suffit d’une ligne de code… (pour tous les fichiers, au moins en Bash — parce qu’on m’a posé la question, je donne la réponse 😉

ARASAAC

Arasaac c’est un peu « LA » base d’images gratuites pour CAA actuelle en Europe.

On peut télécharger les images en png 500*500 ici :http://www.arasaac.org/descargas.php

Et elle est licence Common Creative avec possibilité de modifier avec attribution (CC4).

Quand je l’ai connue, je me suis vraiment dit : génial.

Et puis j’ai déchanté :

Je n’ai pas trouvé les formats vectoriels. Ils sont où ? Vous les avez ? [en fait « on » leur a demandé et ils n’ont pas le droit de les distribuer, le gouvernement Aragon (et pas Espagnol, merci Didier) ne veut pas de ce que j’ai compris].

OK.

Comment je modifie les images sans les formats vectoriels ?

C’est du Common Creative ça ????

Oui, je sais il y a des sites et des logiciels comme Illustrator qui permettent de vectoriser une image mais (1) ça prend du temps (2) c’est souvent pourri, on ne retrouve pas les objets géométriques de départ. Je l’ai fait plein, j’ai une longue expérience du bidouillage d’images. Et je pense que la licence d’ARASAAC autorise les modifs… mais sans donner le svg… est-ce que j’ai le droit du coup de vectoriser leurs images ou de les redessiner, histoire de gagner du temps (ahaha) hum, je m’y perd.

Et il se trouve que je ne peux pas utiliser les ARASAAC sans les modifier : à l’impression ils sont tout moches du coup à partir d’une certaine taille et surtout, les contours sont trop fins, les images trop détaillées, trop colorées, c’est pas très ergonomique je trouve. Une icône ça doit rester une icône avec trop de détails, on ne voit plus rien sur la grille de com, autant ne pas en mettre.

ATTENTION

Je ne dis pas qu’il ne faut pas utiliser ARASAAC, je réfléchis en terme de conception d’outils. A l’heure actuelle, ARASAAC existe, il y a plein d’images, c’est très bien de les utiliser si vous et votre enfant/personne qui en a besoin n’as pas de problème de vision.

Sclera

Je les aime beaucoup. Ils sont simples et Holistiques mais du coup pas très colorés pour qui voit les couleurs… Ils sont holistiques aussi, donc moins adaptés à certaines logiques de grilles de com.

https://www.sclera.be/fr/vzw/home

Même combat qu’ARASAAC : ils ne donnent pas les svg, enfin je leur ai demandé et je n’ai pas eu de réponse 😦 Peut-être ils sont « morts » ?

Mais c’est un très joli travail…

Mulberry-symbols

La bibliothèque Mulberry est téléchargeable ici https://mulberrysymbols.org. Elle est utilisée dans des logiciels libres comme cboard (https://www.cboard.io).

Elle n’est pas très moderne en terme graphiques mais ils donnent les svg et donc je la préfère à ARASAAC pour ça et aussi pour ses contours plus marqués et une simplicité plus grande du graphisme. Leur mentalité est top cf licence sur leur site.

exemple de picto Mulberry

Des moteurs de recherche

svgrepo.com ou icon-icon.com par exemple.

Je les aimes bien, surtout svgrepo, la plupart des icônes sont en licence CC0, merci 😉

Je te prédis l’avenir : les émoji et l’open source collaboratif

Souvent quand on pense « Emoji » ou Emoticones on pense aux smileys mais ça c’était avant…

Maintenant il y en a bien plus et des vraiment tops, modernes et surtout à la mode car sur les téléphones de tout le monde.

Les émoji c’est l’idée la plus géniale du monde « normal » pour la CAA par image et son avenir.

Chaque image est associée à un code UTF réservé, ça veut dire que du coup, quand tu changes de plateforme, le même code peut être représenté par une autre image et donc imagine demain que Proloquo, Snap et tout les autres soient, pour des raisons éthiques OBLIGES de permettre un export LISIBLES (xml, ou d’importe quoi) des grilles que tu as passé des semaines à faire sans un format lisible et que chaque image soit représentée par un code UTF. Alors si la boite coule ou décide d’arrêter ton logiciel ou que toi tu en as marre, tu pourras exporter ton fichier sur n’importe quel autre outil. Comme les images seront identifiées par un code, le logiciel n’aura aucun mal à remplacer un picto d’une base par celui d’une autre, ou par exemple, donner un fichier SNAP pour Proloquo ou l’inverse… par exemple.

D’ailleurs au passage, les fichiers SNAP sont lisibles, pas ceux de Proloquo qui sont protégés par un P… de mdp et on se demande bien de quel droit : je passe des mois à faire une grille sur le logiciel et je n’ai pas le droit de récupérer ma grille ailleurs ? Je ne te parle pas de récupérer les images etc. mais juste la structure et l’organisation des grilles…

Bref, pour en revenir aux émoji, il existe des wikipedia des Emoji, je m’en sers pas mal pour trouver les Emoji https://emojipedia.org. Les openmoji proposent un vocabulaire plus large bref

Exemple de ce que ça donne quand on sait bidouiller des svg

version modifiée

L’original notoEmoji
version modifiée
Original svgrepo

image créée sur la base d’un mixte Mulberry-Notoemoji

Image que j’ai créé pour un truc que Choupinette a du mal à ne pas faire…

Et des images hautes saturation et haut contraste. Je les ai faites à main mais on pourrait faire ça automatiquement avec du code :

image haute saturation

l’arbre notemoji en haute saturation et contraste

la pomme notemoji en haute saturation et contraste

Question de l’homogénéité

Faut-il des picto tout bien assortis ? C’est un argument pour l’usage des PCS, Symbol-Stick ou ARASAAC…

J’en sais rien. Ce que je pense c’est que si on veut adapter les outils aux compétences visuelles et motrices de chacun il faut pouvoir gérer les couleurs, les contrastes, les contours. Personnellement j’anticipe que le mixage de différentes bibliothèques de picto pourrait aussi permettre de mieux distinguer des champs lexicaux etc. Pour les personnes qui ont besoin de pictogrammes à haute saturation comme c’est le cas des personnes avec des cécités corticales de ce que j’ai pu lire rapidement. Alors je ne vois pas comment ne pas devoir adapter la couleur des pictos à la grille dans laquelle ils se trouvent : pour que les picto soient bien distincts les uns des autres, c’est possible qu’il faille adapter leur couleur à celle des autres… en terme d’ergonomie ça me paraît tout à fait pertinent…

bon je pourrais continuer comme ça longtemps mais je vais arrêter sinon je ne le finirais jamais.

3 commentaires sur “Des icônes et des icônes et des icônes…

  1. PCS: euh, la base payante faite par des pros, qui a besoin d’écrire « candy » en toutes lettres pour qu’on comprenne son dessin qui ressemble a rien, et qui du coup n’est pas international ni minimisable, c’est pas très fort !

    J'aime

    1. Ah ah ! Fafa qui râle de grand matin… Sinon tu peux me dire si tu penses que j’ai le droit de faire ce que je fais avec les notoemoji et de diffuser en disant bien que je les ai utilisés ? Tu dois mieux comprendre que moi la Licence Apache 2, ça fait 50 fois que je les lis et relis les licences et que j’ai peur que Google me mettes en prison 😉 Sinon encore, tu connais pas des fanatiques de Python qui voudrait nous adapter les images automatiquement en terme de couleur et de contours ? Parce que moi dès que j’ai plus de 4 chiffres pour définir un objet géométrique, je panique 😉

      J'aime

      1. Mince alors, je découvre complètement par hasard que j’ai une boite à message dans wordpress (j’espère que pas trop de gens n’étaient en attente de réponse). Ouf, celui ci était récent !

        Licence: j’y connais rien, mais Apache c’est pas des sauvages ( waf waf ) comme le privé, et de toute façon l’avantage du web, c’est que si un jour quelqu’un se plaint très fort bin tu retire l’image et c’est mare.

        Travail gratuit pour fan de Python: euh, ça doit pas manquer de forum où demander ? ( moi mon escl^D^D^D geek de service, faut s’abord qu’il finisse de rédiger sa thèse 😀 ).

        J'aime

Répondre à adorabletoi Annuler la réponse.

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l’aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google

Vous commentez à l’aide de votre compte Google. Déconnexion /  Changer )

Image Twitter

Vous commentez à l’aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l’aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s