# 🖼️ Visuels pour les Réseaux Sociaux

###### 🔰  Ce sujet est issu de la [Charte des Réseaux Sociaux - Guide des pratiques](https://wiki.extinctionrebellion.fr/books/charte-des-reseaux-sociaux) et vise à mettre en avant les éléments essentiels pour créer des visuels sur les ***Réseaux Sociaux*** (***RS***).

[![Tuto Visuels RS.jpg](https://wiki.extinctionrebellion.fr/uploads/images/gallery/2023-08/scaled-1680-/tVna5ba7EkbdEnZ3-tuto-visuels-rs.jpg)](https://wiki.extinctionrebellion.fr/uploads/images/gallery/2023-08/tVna5ba7EkbdEnZ3-tuto-visuels-rs.jpg)


---

🖼️  Chaque publication sur un réseau social est en général accompagnée d'un visuel (image ou vidéo).
Dans ce sujet, il est proposé de voir les bases pour créer des "**visuels / affiches**" (pas des photos quoi) adaptés pour ces supports 🌐  

---


## 🧰  Supports de travail

#### 🛠️  Outils

- [L'indispensable outil en ligne **Aktivisda**](https://extinctionrebellion.aktivisda.earth/fr/) (anc. "Vizgen") si vous n'avez aucun logiciel chez vous



- Outil de redimensionnement d'images en ligne (taille et poids) 👉  [https://squoosh.app/editor](https://squoosh.app/editor)

- Quelques logiciels gratuits si vous préférez faire à la main
   - [Photo Filtre](https://www.photofiltre-studio.com/pf7.htm) (léger pour traitement d'images raster - en pixel quoi, .jpg, .png ...)
   - [Gimp](https://www.gimp.org/downloads/) (complet pour traitement d'images raster)
   - [Inkscape](https://inkscape.org/fr/)  (complet pour traitement d'images vecteur - .eps .svg ...)
   - *liste non exhaustive à compléter*



#### 📑  Modèles de visuels

Les réseaux sociaux ce sont parfois des formats un peu particuliers (qui peuvent évoluer). Pour celleux qui préfèrent retravailler chez elleux sans connexion il y a :
- [Les modèles des formats pour Réseaux Sociaux](https://rdv.extinctionrebellion.fr/index.php/s/bJSNmGS9TYeqapL) (dont le spécifique aux "Event" Facebook)
- Le [document PDF de la charte graphique de XR](https://rdv.extinctionrebellion.fr/index.php/s/fbFxsGa9CWiCjCX) pour extraire des éléments graphiques / des couleurs
- Le [dossier RDV](https://rdv.extinctionrebellion.fr/index.php/apps/files/?dir=/%5BTh%C3%A9matique%5D%20Artivisme/0.%20Charte%20Graphique%20et%20outils%20cr%C3%A9atifs&fileid=341438) pour énormément de ressources (ex. [Logos](https://rdv.extinctionrebellion.fr/index.php/s/MrBxSSJr2HLsxGQ))
- [Les polices d'écriture utilisées chez XR](https://extinctionrebellion.aktivisda.earth/fr/fonts)




---

## 📋  Quelques conseils

#### 🔳  Sur la forme 

Pour améliorer les lisibilités de votre visuel : 
- Pensez à **ne pas trop coller les bords du visuels** quelque soit sa taille (si c'est un évent Facebook, c'est même à proscrire - Cf. [modèles](https://rdv.extinctionrebellion.fr/index.php/s/bJSNmGS9TYeqapL))
- **Appliquer la "règles des 3"** pour la tailles des polices (pas plus de 3 quoi), voire pour les couleurs mais c'est plus dur
- **Éviter de surcharger le visuel**, si il contient un texte, il doit être repérable de suite
- **Demandez vous** si mettre un lien hypertexte dans le visuel (donc qu'il faudra "retaper à la main" par vos followers) est vraiment crucial (d'ailleurs, sur Instagram, les visuels carrés peuvent contenir la mention "Lien En Bio" pour indiqué qu'un lien hypertexte s'y trouve)
- **Choisir les bon contrastes de couleurs** ([attention aux rapports critiques - Cf. Color Review](https://color.review/)), et notamment pour faire ressortir le texte avec des couleurs complémentaires - voir [théorie des couleurs](https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory/) et ci dessous ⤵️ 

[![Tuto Visuels RS - Théorie des couleurs.jpeg](https://wiki.extinctionrebellion.fr/uploads/images/gallery/2023-08/scaled-1680-/I9R120SCPyLNOI2E-tuto-visuels-rs-theorie-des-couleurs.jpeg)](https://wiki.extinctionrebellion.fr/uploads/images/gallery/2023-08/I9R120SCPyLNOI2E-tuto-visuels-rs-theorie-des-couleurs.jpeg)


#### 🕳️  Sur le fond

Pour que les "followers" soient orienté·e·s sur les éléments essentiels au premier coup d’œil :
- **Placez le nom et la nature** de votre action, événement (Accueil, Formation, etc.), voire le "[Call To Action](https://en.wikipedia.org/wiki/Call_to_action_(marketing))" ;
- **Indiquez la date voire l'horaire** de l'action / événement (si non confidentiel) 
- **Précisez le lieu (si non confidentiel) et/ou mettez en avant le logo de votre GL avec le nom de la ville** car une fois vos visuels repartagés ça sera plus clair pour celleux qui tombent dessus
- Ayez un message impactant, clair et concis peu chargé (facile à dire pas vrai ?)



---

##### 👉  Pour toute création de visuel, posez vous la question de "À QUI vous vous adressez" 🤔  Mettez vous à la place de cette personne qui découvre un visuel : Il faut que ça soit parlant, clair et engageant pour ELLE ... et pas forcement pour vous, vous êtes déjà convaincu·e 😏