Attention La vidéo sur cette page a été enregistrée sur une version antérieure de l'interface ; les écrans que vous voyez ne correspondent donc pas à l'interface actuelle. Les étapes écrites et les principes de conception restent néanmoins valables. Pour l'interface actuelle, suivez les instructions. votre première mise en page et création de mises en page plutôt.
Création de contenu pour panneaux d'affichage numériques avec Piktochart
Avez-vous déjà eu l'impression que la création de contenu était la partie la plus difficile de l'affichage dynamique ? Pourtant, vous en comprenez l'importance. Si vous pensez que seuls les graphistes sont capables de créer du contenu pour votre affichage dynamique, détrompez-vous ! Nous avons trouvé la solution idéale pour vous, et elle est gratuite !
Aucune compétence en graphisme n'est requise pour commencer, juste un ordinateur avec internet et un peu de créativité. Merci à Piktochart Un outil en ligne formidable, tout le monde, vous y compris, peut créer du contenu.
Dans cet exemple, nous allons créer du contenu numérique pour une boulangerie. Après tout, qui n'aime pas le pain et les croissants fraîchement sortis du four ? Ce sera un bon exemple type de mise en page et de contenu. Nous utiliserons des images, des prix, du texte, un arrière-plan, etc., afin de répondre à la plupart des besoins de conception pour un affichage numérique attractif.
- Commencez par un concept de l'agencement
- Ouvrez un compte sur piktochart
- Commencez votre première création de mise en page
- Ajustez le canevas à la résolution de votre écran
- Ajouter une image de fond
- Ajoutez d'autres détails à la mise en page
- Ajoutez votre texte et/ou votre appel à l'action
- Dupliquer la mise en page existante
- Utilisez-le pour ajouter le prix et d'autres appels à l'action
- Continuez jusqu'à ce que tout votre contenu soit créé.
- Exportez votre contenu pour le télécharger sur easyCMS
1. Commencez par un concept de base ou un dessin.
Avant de commencer à créer votre contenu, vous devez d'abord définir votre objectif. S'agit-il d'une promotion ? D'une information ? En définissant le type de message que vous souhaitez transmettre, vous pourrez déjà affiner votre choix de style graphique. Cela vous permettra de visualiser clairement le contenu et l'apparence de votre design.
Concept de base et agencement de notre conception
Pour cela, je vous recommande d'effectuer une recherche sur Google. Vous y trouverez de nombreux exemples de design. Vous pouvez également observer ce que font d'autres entreprises ou institutions reconnues dans votre domaine d'expertise. Il est probable qu'elles aient déjà effectué toutes les recherches nécessaires ; il vous suffit alors de vous inspirer de leur design global. Avec l'expérience, vous développerez votre propre style de contenu, mais pour commencer, assurez-vous qu'il soit visuellement attrayant.
Après avoir effectué des recherches et défini votre idée de design de base, réalisez un croquis simple de la mise en page et de son contenu. Si certaines couleurs représentent votre marque (par exemple, le rouge et le blanc de Coca-Cola), veillez à les intégrer au design.
Une fois ce premier concept établi, rendez-vous à Piktochart.com pour créer votre compte et commencer à créer vos designs à partir de zéro.
2. Ouvrez un compte gratuit sur Piktochart
PiktoChart est un excellent outil pour créer du contenu en ligne, comme des infographies, des flyers, des articles… Sa version gratuite permet de créer jusqu'à 5 visuels, ce qui est suffisant pour la plupart des utilisateurs. Son interface est très simple et intuitive, ce qui en fait un outil idéal pour tous, même pour les débutants en création de contenu.
Cliquez sur le bouton S'inscrire
Pour une expérience optimale, nous vous recommandons d'utiliser Chrome ou Firefox. Pour vous inscrire, cliquez simplement sur le bouton en haut à droite. Nous vous conseillons d'utiliser votre réseau social préféré pour accélérer le processus. Cela prendra moins de deux minutes.
Choisissez votre compte de réseau social préféré pour vous inscrire plus rapidement.
3. Commencez la création de votre première mise en page
Super, vous êtes inscrit ! Comme vous pouvez le constater, l’interface utilisateur est intuitive et très claire. Pour commencer, cliquez simplement sur le bouton « Créer ». Dans la fenêtre qui s’affiche, sélectionnez l’option « Affiche ». Les autres options ne permettent pas de modifier la résolution de la mise en page.
Cliquez sur « Créer un nouveau »
Cliquez sur « Affiche » (cela permet de choisir une résolution personnalisée pour le canevas).
Interface utilisateur
4. Ajuster les paramètres de résolution
Vous avez donc votre première maquette Canva devant vous, et elle est vide. Pas de panique ! Ça commence enfin à devenir intéressant. La création de contenu débute ! Assurez-vous d'avoir votre dessin et votre concept à portée de main, et passons à l'étape suivante. Créer du contenu pour l'affichage dynamique, c'est facile, vous verrez.
Cliquez sur Paramètres pour modifier la résolution
Vous devrez d'abord ajuster la résolution de la mise en page à votre écran. Dans cet exemple, nous utiliserons une résolution Full HD (1920 × 1080 pixels). Cliquez sur la petite roue dentée en bas de la barre latérale (à gauche) et saisissez la résolution. Pour confirmer, cliquez simplement à nouveau sur l'icône de la roue dentée.
Ajustez le niveau de zoom de votre canevas
Une fois cette étape terminée, vous pouvez ajuster le zoom pour afficher l'intégralité de la zone de travail/mise en page à votre écran. Pour ce faire, utilisez le bouton de zoom situé en bas à droite (sous la zone de travail).
5. Ajoutez votre image de fond
Ajoutons notre première image ! Dans le menu de gauche, cliquez sur « Graphisme », puis sur « Photos ». Dans la barre de recherche, tapez « Boulangerie ». De nombreux résultats s'afficheront ; choisissez l'image de fond avec la planche en bois et le pain à droite. Elle sera parfaite comme image de fond. Une fois ajoutée, vous devrez peut-être ajuster sa taille pour qu'elle s'adapte à toute la mise en page.
Sélectionnez une image de fond
Une fois cette étape terminée, retournez dans le menu, allez dans « Graphismes » et sélectionnez « Formes et icônes ». Sélectionnez ensuite le rectangle et faites-le glisser vers la gauche de la mise en page. Ajustez sa taille pour qu'il occupe la majeure partie de l'espace, en laissant un peu d'espace en dessous et sur les côtés pour le mettre en valeur. Ajustez ensuite son opacité en cliquant sur l'icône correspondante dans la barre d'outils située en haut. 40 % est une bonne valeur ; cela permettra de faire ressortir le texte.
Il est essentiel que le texte et les images ne se chevauchent pas. Ils doivent être clairs et parfaitement visibles pour votre public. C'est primordial pour l'affichage dynamique, et bien sûr pour tout autre type de contenu. Consultez notre article de blog sur les conseils de création de contenu pour écrans LED et affichage dynamique. ici .
Ajouter un rectangle de superposition
Ajustez l'opacité de la superposition
6. Ajouter des icônes
Voilà, notre arrière-plan est prêt ! C'est parfait ! Pas si difficile, n'est-ce pas ? Maintenant, donnons vie à votre design et à votre message clé. Commençons donc par ajouter quelques éléments décoratifs. Dans le menu « Formes et icônes », saisissez « pain » dans la barre de recherche. Utilisez les deux premières icônes : « baguettes » et « croissants ». Glissez-déposez chaque icône dans la mise en page et placez-les en haut du rectangle.
Ajouter l'icône Pain et croissant
Ajustez leur taille pour qu'ils ne prennent pas trop de place et changeons leur couleur en blanc. Pour cela, rendez-vous dans la barre d'outils et sélectionnez « Blanc ». Assurez-vous que l'icône est bien sélectionnée.
Changez leur couleur et leur taille
7. Ajoutez du texte et un appel à l'action
Nous allons maintenant ajouter du texte à notre création. Rendez-vous dans le menu principal et sélectionnez « Texte ». Dans la liste, choisissez le titre « Bonjour ». Une fois affiché, changez sa couleur en blanc. Saisissez ensuite votre texte.
Sélectionnez le texte « bonjour »
Changer la couleur du texte
Saisissez votre texte dans la zone prévue à cet effet.
Nous allons ajouter un trait en bas du rectangle. Cela apportera des détails au dessin. Allez dans le menu principal, puis dans « Graphisme », puis dans « Lignes » et faites glisser l'outil de tracé sur la zone de travail. Ajustez la longueur du trait pour qu'il s'adapte au rectangle. Ensuite, dans la barre d'outils, choisissez la couleur et le style. Sélectionnez « Pointillé ». Vous pouvez également agrandir les points.
Ajoutez une ligne en bas
Notre première page de conception est prête ! C’est super, le résultat est incroyable, passons à la suite et créons la deuxième page de notre maquette.
Notre conception exportée
8. Dupliquez maintenant le canevas.
Nous allons maintenant utiliser l'élément créé pour dupliquer l'arrière-plan et créer un nouveau design. Cela permettra de conserver un style homogène pour nos contenus d'affichage dynamique. Il suffit de cliquer sur le bouton « Cloner le bloc ».
Cliquez sur le bouton de clonage pour dupliquer le canevas existant.
Il suffit maintenant de supprimer le contenu du canevas dupliqué ; nous allons ajouter de nouveaux éléments : une image, du texte et un prix pour promouvoir certains produits.
Supprimer le contenu existant
9. Ajoutez une photo à la mise en page
Une fois cela fait, allez dans le menu « Graphismes », puis dans le sous-menu « Cadre photo ». Sélectionnez ensuite le cadre photo arrondi avec bordure. Faites-le glisser sur la zone de travail et ajustez sa taille pour qu'il corresponde au rectangle. Supprimez le texte existant ; nous utiliserons le titre précédent. Copiez-le simplement depuis la zone de travail supérieure (Ctrl+C) et collez-le sur la zone de travail inférieure (Ctrl+V).
Ajoutez le cadre photo arrondi à la zone de travail et ajustez sa taille. Supprimez le texte à l'intérieur.
Copiez-collez le texte depuis la zone de dessin supérieure et ajustez sa taille.
10. Ajoutons un prix à la mise en page
Ajoutons maintenant un prix au produit. Rendez-vous dans le menu « Formes et icônes », puis dans le sous-menu « Formes ». Sélectionnez l'icône de cercle et ajoutez-la à la zone de dessin.
Sélectionnez l'étiquette circulaire pour connaître le prix.
Ajustez sa taille et sa couleur depuis la barre d'outils. Placez-la ensuite derrière l'image principale (voir la capture d'écran). Le menu supérieur propose une option pour modifier l'ordre des calques par rapport aux autres.
Changez la couleur de l'étiquette en orange.
Placez l'étiquette derrière le cadre photo.
Ajoutons le prix du produit en y insérant du texte. Sélectionnez le menu « Texte » et ajoutez le titre à la zone de travail. Ajustez sa taille, sa police et sa couleur. Assurez-vous qu'il soit assez grand ; ici, j'ai utilisé une taille de police de 60 px, la couleur blanche et la police Alfa Slab. Cela s'intègre bien à notre design actuel.
Ajustez la taille et la police du prix pour le mettre en valeur.
Super, notre deuxième maquette est terminée et elle est parfaite ! Il ne nous reste plus qu'à l'exporter pour l'importer dans easyCMS et la programmer sur notre écran.
Exportez votre création
Pour exporter tous vos designs, rendez-vous dans le menu en haut à droite et cliquez sur « Télécharger ». Dans la fenêtre qui s'affiche, conservez les paramètres par défaut et assurez-vous que l'option « Télécharger par blocs » est sélectionnée. Vous obtiendrez alors un fichier ZIP contenant tous vos designs. Une fois téléchargé, décompressez-le et importez-le dans easyCMS.
