Langage visuel

Pour plus de lisibilité et pour une meilleure cohérence entre les comptes liés à l'université, les noms de comptes des services, directions, missions, composantes et laboratoires doivent suivre une nomenclature précise :

- Nom d'utilisateur (@) : chaque entité doit décrire la fonction principale de son entité en un mot, puis y ajouter la mention « _unistra ».
À noter : pour respecter la limite de caractères, la fonction de l'entité peut être abrégée. Exemple : @bu_unistra

- Nom du compte : chaque entité doit dérouler son nom complet, en débutant chaque nom par une majuscule. Ajouter l'acronyme à la fin de l'intitulé, séparé d'une barre verticale (Shift+Option+L sous Mac ou Alt gr+6 sous PC). Exemple : Service des bibliothèques | BU de l'Université de Strasbourg

- Description : elle doit confirmer le caractère officiel du compte. Si c'est pertinent, il est possible d'y ajouter une phrase pour définir le rôle du compte, et le cas échéant une mention du compte principal dont dépend l'administration.

Attention : le nombre de caractères dépend de chaque réseau social, il conviendra d'appliquer au mieux ces recommandations.

La taille de l'image de profil est universelle car elle est compatible avec tous les réseaux sociaux. 
De plus, la qualité n'est pas altérée même après compression et l'image peut être recadrée facilement.

Taille universelle (pour tous les réseaux sociaux) :
- 1080 × 1080 px
- Ratio 1:1
- Format carré (affichage en cercle)

L'usage de la signature (logo) est à proscrire car le rendu en miniature est illisible.

Pour les services, directions et missions

Des visuels ont été créés pour les services, directions et missions avec les pictogrammes et la couleur présents dans leur signature.

Les services et directions ayant une signature sans pictogrammes peuvent utiliser le modèle disponible pour les composantes et les laboratoires.

L'équipe du langage visuel va prochainement transmettre les visuels en interne aux entités concernées.

Pour les composantes et les laboratoires

Télécharger le modèle sous PowerPoint

Télécharger le modèle sous Adobe et Affinity

Le modèle permet de mettre soit un fond coloré, soit une illustration, soit une image représentant l'entité.
Il est nécessaire de conserver les encadrés vides blancs au centre de l'image qui constituent un marqueur graphique fort.

Astuces design :
- Éviter les plans trop larges.
- Mettre un fond simple et le sujet bien détaché.
- Tester en petit format (miniature).
- Veiller à la cohérence : avoir le même style sur tous les réseaux sociaux pour une reconnaissance immédiate.

Erreurs à éviter :
- Placer le sujet trop proche du bord.
- Mettre trop de détails.
- Mettre un fond chargé.

Export recommandé : JPG ou PNG.

Télécharger le modèle sous PowerPoint

Télécharger le modèle sous Adobe et Affinity

Télécharger les visuels génériques

Les stories à la Une sont affichées dans un cercle. Il faut donc concevoir la vignette en pensant au recadrage circulaire.

L'usage des visuels génériques proposés est conseillé afin d'avoir la même organisation sur l'ensemble des comptes Instagram de l'université.

Taille du visuel : 1080 × 1920 px

Astuces design :
- Veiller au contraste : mettre un pictogramme en blanc et une couleur de fond (les vignettes étant très petites).
- Uniformiser la collection : utiliser la même palette de couleurs et les mêmes pictogrammes.

Erreurs à éviter :
- Mettre du texte car il est souvent illisible.
- Placer le pictogramme trop proche du bord.

L'usage de la signature (logo) est à proscrire car le rendu en miniature est illisible.

Export recommandé : PNG.

Pour LinkedIn (profil entreprise)

Télécharger le modèle sous PowerPoint

Télécharger le modèle sous Adobe et Affinity

Taille du visuel : 1128 × 191 px

Astuces design :
- Opter pour un design minimal : éviter la surcharge.
- Penser à la lisibilité sur mobile : tester le visuel sur petit écran.

Erreurs à éviter :
- Placer du contenu derrière l'image de profil.
- Mettre trop d'informations.
- Avoir un mauvais contraste.

Export recommandé : JPG ou PNG.

Pour LinkedIn (profil personnel)

Télécharger le modèle sous PowerPoint

Télécharger le modèle sous Adobe et Affinity

Télécharger les visuels génériques de l'université

Taille du visuel :
- 1584 × 396 px
- Ratio 4:1

Astuces design :
- Opter pour un design minimal : éviter la surcharge.
- Penser à la lisibilité sur mobile : tester le visuel sur petit écran.

Erreurs à éviter :
- Placer du contenu derrière l'image de profil.
- Mettre trop d'informations.
- Avoir un mauvais contraste.

Export recommandé : JPG ou PNG.

Pour Facebook (page)

Télécharger le modèle sous PowerPoint

Télécharger le modèle sous Adobe et Affinity

Attention : la taille des photos de couverture est différente pour les pages desktop et mobile.
C'est également le cas pour les couvertures de groupe ou les événements.

Taille du visuel :
- 820 × 312 px (desktop)
- 640 × 360 px (mobile) 
- Taille recommandée pour le design : 1640 × 624 px (x 2 pour une meilleure qualité)

Astuces design :
- Placer le texte et la signature (logo) au centre.
- Éviter les bords qui sont souvent coupés sur mobile.
- Tester le visuel : en preview desktop puis sur mobile.

Erreurs à éviter :
- Placer le texte trop proche du bord.
- Mettre un visuel trop chargé.
- Ne pas centrer.

Export recommandé : JPG ou PNG.

Pour Instagram, LinkedIn et Facebook

Télécharger le modèle sous Adobe et Affinity

Le format recommandé est le format vertical.
C'est le format qui maximise la surface d'affichage et le temps d'attention.

Taille du visuel :
- 1080 x 1350 px
- Ratio 4:5

Format de fichier :
- JPG : recommandé pour les photos.
- PNG : pour les visuels graphiques (logos, textes nets).

Télécharger le modèle sous PowerPoint

Pour obtenir toutes les étapes de création du visuel : grille, guides, images, textes, couleurs, exports,
cliquer sur l'onglet Notes (en bas à droite).

Dans le dossier de téléchargement, vous retrouverez également :
- les bonnes pratiques : marges, alignement, message clair, texte court et impactant, visuel simple, contraste élevé
- les erreurs à éviter : texte trop petit, utilisation des majuscules, trop d’éléments, mauvais contraste

Pour LinkedIn, Facebook et YouTube

Télécharger le modèle sous Adobe et Affinity

Taille du visuel :
- 1600 × 900 px
- Ratio 16:9

Format de fichier :
- JPG : recommandé pour les photos.
- PNG : pour les visuels graphiques (logos, textes nets).

Télécharger le modèle sous PowerPoint

Pour obtenir toutes les étapes de création du visuel : grille, guides, images, textes, couleurs, exports,
cliquer sur l'onglet Notes (en bas à droite).

Pour Instagram et Facebook

Télécharger le modèle sous Adobe et Affinity

Taille du visuel :
- 1080 x 1920 px
- Ratio 9:16

Format de fichier :
- JPG : recommandé pour les photos.
- PNG : pour les visuels graphiques (logos, textes nets).

Télécharger le modèle sous PowerPoint

Pour obtenir toutes les étapes de création du visuel : grille, guides, images, textes, couleurs, exports,
cliquer sur l'onglet Notes (en bas à droite).