Camille : webdesigner depuis 15 ans
lped.info : Mélanie dev wiki, Camille design du site Internet et charte digitale à la hauteur du LPED haut en couleur
Adapter la charte design pour la communication du LPED : flyer, poster,...
Outil utilisé : CANVA, gratuit ou payant, les possibilités gratuites sont déjà assez large
https://www.canva.com/fr_fr/free/
Template clé en main qu'on peut adapter à une charte graphique ou pas
Au LPED : création d'outils spécifiques qu'on retrouve sur le compte CANVA de Bénédicte, à voir comment on s'organise ensuite pour l'acèès au compte (compte labo ? compte perso ?)
Exemple d'une affiche
Exemple d'un bulletin d'info (lettre d'info envoyée tous les mois ou deux mois à partir des infos du Chaski)
Exemple d'un power point
Exemple d'une vignette
Dans design : les supports
Dans Images : les photos utilisés dans les supports
Pour avoir les couleurs et les typo c'est une version payante pour tout regrouper dans le même dossier mais normalement iul n'y a pas trop besoin
Créer une copie (via les 3 petits points à droite) puis travailler dessus
Espace utilsateur créé par le LPED - Soit chacun a un compte et il y a un dossier partagé (mais limite max d'utilsateur à vérifier) soit on se connecte toustes sur le même compte. Avantage : on a accès à toutes les productions créées par les membres du LPED
Faut il avoir accès à Internet pour accéder au doc ? Oui mais on peut télécharger une fois finalisée.
A vérifier : adresse gamil obligatoire : a priori non
On peut ajouter du texte, mettre des effets, couleur, taille, transparence, ajouter des picto / image
On peut vérouiller un élément une fois qu'on est bon
(en gros c'est les options d'un power point)
Dans importé on a accès à tous les éléments de CANVAS
Qaund on importe une photo, il faut qu'elle soit au format définitif et ne pas l'agrandir ou l'étirer sur son format d'origine.
Question : outil libre ? Non
Le support rédigé par Camille :
CANVA
Présentation
Outil en ligne accessible à cette adresse https://www.canva.com/
Utilisable via la création d’un compte utilisateur
Deux versions existent : gratuite (accès restreint) payante.
Enregistrement automatique
Projet LPED
Création d’un projet pour la communication du LPED.
Différents outils ont été créés : Affiche A4, Bulletin d’information, Présentation power point et vignette Chaski.
Dans le « PROJET LPED » sont répertoriés les DESIGNS et les IMAGES.
Présentation du tableau de bord : TYPE (format), MODIFIÉ (dernière modification), PROPRIÉTAIRE (crée par), menu … (accès à différentes fonctionnalités)
Présentation d’un document – AFFICHE
pour dupliquer un élément, accéder au dossier LPED (projet dans Canva)
Cliquer sur les trois petits points (…) au bout de la ligne, cliquez sur « DUPLIQUER », pour copier le modèle d’affiche et créer la vôtre.
Lors du clic CANVA ouvre automatiquement une autre fenêtre.
L’espace de création s’ouvre.
Menu bleu/violet : menu général CANVA avec retour à l’accueil ; infos et action sur le fichier ouvert, possibilité de retour en arrière ou répéter l’action, nom du fichier, partage avec d’autres personnes de l’équipe, le bouton PARTAGER.
Menu noir : Menu de création CANVA avec ajout de DESIGN (modèles crée par Canva), ÉLÉMENTS (illustrations, gif, formes, issues de Canva) TEXTE (zone de texte, titre, sous-titre), MARQUE (pour les utilisateurs abonnés), IMPORTER ( imamge, illustrations et logos présent dans votre design) DESSIN (outil pour dessiner directement sur le design) APPLIS (modules de création poussée), PROJETS (vue de différents projets) LPED ( détails du dossier LPED)
Fenêtre principale de création
• Menu du haut : N° de la page, Titre de la page, défilement dans les pages, masuqer ou voir la page, verrouiller, dupliquer, poubelle, ajouter une page.
Possibilité d’annoter le document si plusieurs personnes travaille dessus.
• Au clic sur un éléments type images : un menu accès direct s’affiche avec la possibilité de dupliquer ou mettre à la poubelle l’élément, ainsi qu’un autre menu …
Un autre menu est aussi accessible pour travailler sur l’image, la retourner, y ajouter un cadre, l’animer, modifier sa position, sa transparence, copier le style et la verrouiller.
• Au clic sur une zone de texte. Un menu contextuel s’affiche aussi en haut (en blanc) et au-dessus du bloc de texte. Le menu contextuel vous offre la possibilité de choisir la typographie utilisée. La charte graphique du LPED impose du Merriweather pour les titres et du Poppins pour le corps de texte. Vous pouvez aussi agir sur la taille, la couleur, le gras, …. On peut aussi ajouter des effets, et l’animer, définir sa position par rapport au document et aux autres éléments (arrière-plan par exemple).
CHARTE GRAPHIQUE DU LPED
TYPOGRAPHIE
Titre : Merriweather
Corps de texte : Poppins
COULEURS
Violet #6F2752
Jaune #F5E400
Crème #FFFDE5
Une fois le design fini on peut faire différentes actions via le bouton PARTAGER (en haut à droite)
Partager avec d’autres personnes
Envoyer un lien vers le document
Faire une présentation
Télécharger
Partager sur les réseaux sociaux
Imprimez avec canva
Enregister sur un espace de stockage
Téléchargez vers Power Point
Enregistrer dans le bon dossier
…
Lorsque que vous créez un nouveau design il faut bien s’assurer que le document est accessible dans le dossier du LPED.
lped.info : Mélanie dev wiki, Camille design du site Internet et charte digitale à la hauteur du LPED haut en couleur
Adapter la charte design pour la communication du LPED : flyer, poster,...
Outil utilisé : CANVA, gratuit ou payant, les possibilités gratuites sont déjà assez large
https://www.canva.com/fr_fr/free/
Template clé en main qu'on peut adapter à une charte graphique ou pas
Au LPED : création d'outils spécifiques qu'on retrouve sur le compte CANVA de Bénédicte, à voir comment on s'organise ensuite pour l'acèès au compte (compte labo ? compte perso ?)
Exemple d'une affiche
Exemple d'un bulletin d'info (lettre d'info envoyée tous les mois ou deux mois à partir des infos du Chaski)
Exemple d'un power point
Exemple d'une vignette
Dans design : les supports
Dans Images : les photos utilisés dans les supports
Pour avoir les couleurs et les typo c'est une version payante pour tout regrouper dans le même dossier mais normalement iul n'y a pas trop besoin
Créer une copie (via les 3 petits points à droite) puis travailler dessus
Espace utilsateur créé par le LPED - Soit chacun a un compte et il y a un dossier partagé (mais limite max d'utilsateur à vérifier) soit on se connecte toustes sur le même compte. Avantage : on a accès à toutes les productions créées par les membres du LPED
Faut il avoir accès à Internet pour accéder au doc ? Oui mais on peut télécharger une fois finalisée.
A vérifier : adresse gamil obligatoire : a priori non
On peut ajouter du texte, mettre des effets, couleur, taille, transparence, ajouter des picto / image
On peut vérouiller un élément une fois qu'on est bon
(en gros c'est les options d'un power point)
Dans importé on a accès à tous les éléments de CANVAS
Qaund on importe une photo, il faut qu'elle soit au format définitif et ne pas l'agrandir ou l'étirer sur son format d'origine.
Question : outil libre ? Non
Le support rédigé par Camille :
CANVA
Présentation
Outil en ligne accessible à cette adresse https://www.canva.com/
Utilisable via la création d’un compte utilisateur
Deux versions existent : gratuite (accès restreint) payante.
Enregistrement automatique
Projet LPED
Création d’un projet pour la communication du LPED.
Différents outils ont été créés : Affiche A4, Bulletin d’information, Présentation power point et vignette Chaski.
Dans le « PROJET LPED » sont répertoriés les DESIGNS et les IMAGES.
Présentation du tableau de bord : TYPE (format), MODIFIÉ (dernière modification), PROPRIÉTAIRE (crée par), menu … (accès à différentes fonctionnalités)
Présentation d’un document – AFFICHE
pour dupliquer un élément, accéder au dossier LPED (projet dans Canva)
Cliquer sur les trois petits points (…) au bout de la ligne, cliquez sur « DUPLIQUER », pour copier le modèle d’affiche et créer la vôtre.
Lors du clic CANVA ouvre automatiquement une autre fenêtre.
L’espace de création s’ouvre.
Menu bleu/violet : menu général CANVA avec retour à l’accueil ; infos et action sur le fichier ouvert, possibilité de retour en arrière ou répéter l’action, nom du fichier, partage avec d’autres personnes de l’équipe, le bouton PARTAGER.
Menu noir : Menu de création CANVA avec ajout de DESIGN (modèles crée par Canva), ÉLÉMENTS (illustrations, gif, formes, issues de Canva) TEXTE (zone de texte, titre, sous-titre), MARQUE (pour les utilisateurs abonnés), IMPORTER ( imamge, illustrations et logos présent dans votre design) DESSIN (outil pour dessiner directement sur le design) APPLIS (modules de création poussée), PROJETS (vue de différents projets) LPED ( détails du dossier LPED)
Fenêtre principale de création
• Menu du haut : N° de la page, Titre de la page, défilement dans les pages, masuqer ou voir la page, verrouiller, dupliquer, poubelle, ajouter une page.
Possibilité d’annoter le document si plusieurs personnes travaille dessus.
• Au clic sur un éléments type images : un menu accès direct s’affiche avec la possibilité de dupliquer ou mettre à la poubelle l’élément, ainsi qu’un autre menu …
Un autre menu est aussi accessible pour travailler sur l’image, la retourner, y ajouter un cadre, l’animer, modifier sa position, sa transparence, copier le style et la verrouiller.
• Au clic sur une zone de texte. Un menu contextuel s’affiche aussi en haut (en blanc) et au-dessus du bloc de texte. Le menu contextuel vous offre la possibilité de choisir la typographie utilisée. La charte graphique du LPED impose du Merriweather pour les titres et du Poppins pour le corps de texte. Vous pouvez aussi agir sur la taille, la couleur, le gras, …. On peut aussi ajouter des effets, et l’animer, définir sa position par rapport au document et aux autres éléments (arrière-plan par exemple).
CHARTE GRAPHIQUE DU LPED
TYPOGRAPHIE
Titre : Merriweather
Corps de texte : Poppins
COULEURS
Violet #6F2752
Jaune #F5E400
Crème #FFFDE5
Une fois le design fini on peut faire différentes actions via le bouton PARTAGER (en haut à droite)
Partager avec d’autres personnes
Envoyer un lien vers le document
Faire une présentation
Télécharger
Partager sur les réseaux sociaux
Imprimez avec canva
Enregister sur un espace de stockage
Téléchargez vers Power Point
Enregistrer dans le bon dossier
…
Lorsque que vous créez un nouveau design il faut bien s’assurer que le document est accessible dans le dossier du LPED.