sizzledraft

CUT 01 / Couleur de marque

13 erreurs de couleur de marque qui donnent un air cheap aux pubs vidéo DIY

Parmi les erreurs de couleur de marque les plus courantes dans les pubs vidéo DIY : prélever une couleur sur une capture d'écran au lieu de la vraie valeur de marque, des sous-titres peu contrastés sur un fond chargé, une interface de plateforme qui jure avec la palette, une palette de template jamais remplacée, une dérive de couleur entre les plans, et des couleurs qui ne tiennent plus une fois la vidéo compressée et regardée en petit format.

SIZZLEDRAFT10 MIN DE LECTURE

La plupart des pubs vidéo DIY qui font cheap n'ont pas un problème d'images, elles ont un problème de couleur : un hex prélevé sur une capture d'écran au lieu du vrai token de marque, des sous-titres trop peu contrastés, la palette laissée par un template, ou des couleurs qui ne tiennent que sur un grand écran d'ordinateur et plus du tout à la taille où un téléphone les affiche réellement. Dans presque tous les cas, la correction est la même : partir des vraies valeurs de la marque, puis vérifier la pub finie sur l'appareil où elle sera regardée, pas sur celui où elle a été montée.

1. Prélever une couleur sur une capture d'écran au lieu d'utiliser la vraie valeur de marque

Prélever une couleur avec une pipette sur une capture d'écran ou une photo introduit des artefacts de compression, l'éclairage et la calibration du moniteur dans une couleur qui devrait être exacte. La vraie couleur d'une marque existe sous forme de valeur définie, un code hex ou un token nommé dans une charte graphique, et cette valeur doit être reprise directement à la source, pas redéduite en prélevant une image de celle-ci. Une couleur prélevée peut dériver de façon visible, surtout dans les tons moyens, et une fois posée en fond ou en couleur de texte à côté du vrai logo, l'écart saute aux yeux. Vérifiez la vraie valeur de couleur de la marque avant de poser quoi que ce soit, et utilisez-la plutôt qu'une approximation tirée d'une image.

2. Poser des sous-titres clairs sur un fond chargé, sans scrim

Un texte de sous-titre blanc ou clair posé directement sur des images à luminosité variable, comme un plan produit en mouvement ou un fond chargé, devient illisible dès que le fond s'éclaircit derrière. Un sous-titre doit rester lisible pendant tout son temps à l'écran, pas seulement sur l'image où il a été placé au départ. La solution est un scrim : une plaque sombre discrète, un dégradé ou un fond de sous-titre plein, dimensionné au texte plutôt qu'à l'image entière, pour que les mots restent lisibles quoi qu'il se passe derrière. Sauter cette étape est l'un des moyens les plus rapides de faire passer un montage par ailleurs correct pour un travail jamais vérifié sur ses propres images.

3. Laisser les éléments d'interface de la plateforme jurer avec la palette de marque

Chaque plateforme superpose sa propre interface sur la vidéo : barres de sous-titres, icône de partage, miniature de profil, parfois un surlignage coloré. Ces éléments ont leurs propres couleurs, et une palette de marque dominée par la même teinte que la couleur d'accent de la plateforme peut se fondre dans l'interface au lieu de s'en détacher. Prévisualisez le montage final dans l'application réelle avant de publier, avec la vraie surcouche visible, pas seulement dans une timeline de montage. Si la couleur principale de la marque est trop proche de la couleur d'interface de la plateforme dans les zones où apparaissent sous-titres et contrôles, ajustez légèrement le poids des couleurs de la pub ou repositionnez le texte pour que les deux n'entrent pas en concurrence sur le même espace visuel.

4. Laisser la palette par défaut d'un template générique en place

Beaucoup de pubs DIY partent d'un template livré avec sa propre palette : un bleu standard, un dégradé orange standard, une couleur de sous-titre par défaut. Si cette palette n'est jamais remplacée par les vraies couleurs de la marque, la pub finit par ressembler à toutes les autres vidéos issues du même template, et un spectateur qui a déjà vu ce template ailleurs le reconnaîtra, ce qui fait partie des signes qu'une pub a été faite avec du contenu générique plutôt qu'à partir d'un vrai site. Avant d'exporter quoi que ce soit, vérifiez chaque couleur du projet par rapport aux vraies valeurs de la marque : fond, sous-titres, boutons, et toute forme d'accent. Une couleur qu'on ne peut pas relier à quelque chose que la marque utilise réellement est un reste de template, pas une décision de marque, et elle doit être remplacée.

5. Laisser la couleur de fond ou d'accent dériver d'un plan à l'autre

De petits écarts de couleur entre les plans, un fond légèrement plus chaud sur un plan et plus froid sur le suivant, sont faciles à manquer pendant le montage mais deviennent évidents une fois la pub lancée à vitesse normale. Cela vient généralement de captures d'écran source prises dans des conditions d'éclairage ou de rendu navigateur différentes, ou d'une couleur réglée manuellement scène par scène plutôt qu'à partir d'une seule valeur cohérente. Vérifiez le même échantillon de couleur sur chaque scène de la timeline, pas seulement la première et la dernière. Si une couleur de fond ou d'accent doit rester stable sur toute la pub, définissez-la une fois comme valeur partagée et appliquez-la partout, plutôt que de l'approximer à nouveau à chaque scène.

6. Ne pas vérifier comment la couleur se compresse et dérive à l'export

Une couleur qui paraît correcte dans l'aperçu de montage peut dériver une fois la vidéo compressée pour la livraison. L'encodage h264 peut introduire du banding dans les dégradés doux et modifier légèrement les tons moyens, surtout dans les zones sombres de l'image. Un discret dégradé de fond à deux tons qui paraissait propre dans l'éditeur peut montrer des marches visibles une fois exporté et lu sur un téléphone. Exportez une version test tôt, regardez-la sur un vrai écran de téléphone plutôt que sur le moniteur de montage, et vérifiez en particulier les dégradés et les fonds sombres, puisque c'est là que les artefacts de compression apparaissent en premier. Si du banding apparaît, simplifiez le dégradé ou décalez-le légèrement plutôt que de compter sur une subtilité qui ne survivra pas à l'encodage.

7. Choisir des couleurs qui ne fonctionnent qu'en plein format, pas à taille téléphone

Une combinaison de couleurs qui se lit clairement sur un grand moniteur peut perdre son contraste une fois vue à la taille où un téléphone l'affiche réellement, plus petite et souvent sous une lumière ambiante forte. Cela touche particulièrement le texte fin, les dégradés subtils et les couleurs proches en valeur mais distinguées surtout par la teinte. Testez toute association de couleurs en petit format et hors d'un environnement de montage contrôlé : dehors, sur un téléphone, à luminosité d'écran normale plutôt que maximale. Si un sous-titre ou un bouton devient difficile à distinguer de son fond dans ces conditions, l'association a besoin de plus de contraste, pas seulement d'une teinte différente. Le cadrage vertical demande déjà beaucoup à un petit écran ; la couleur ne devrait pas ajouter à cette difficulté.

8. Appliquer un filtre de couleur unique sur tout le montage, captures d'écran comprises

Un étalonnage chaud ou froid unique appliqué sur toute la timeline peut paraître voulu jusqu'à ce qu'il soit appliqué sur une capture d'écran produit, moment où il commence à modifier la vraie couleur de l'interface montrée. Une couleur de marque décalée dans une capture d'écran produit n'est pas un choix stylistique, c'est une représentation inexacte du produit. Si un traitement colorimétrique vaut la peine d'être utilisé, appliquez-le aux images d'appui et aux graphismes, et excluez les écrans produit capturés de l'étalonnage, ou appliquez-leur une version bien plus légère. Garder le matériel d'interface capturé fidèle fait partie de ce qui rend une pub basée sur des captures d'écran crédible dès le départ.

9. Choisir une couleur de sous-titre trop peu contrastée avec son propre fond

Une couleur de sous-titre choisie parce qu'elle correspond à la couleur d'accent de la marque peut quand même échouer si elle n'a pas assez de contraste avec les fonds sur lesquels elle apparaît réellement. Un jaune de marque sur un fond clair, ou un bleu de marque moyen sur une photo chargée, peut paraître correct isolément et devenir presque illisible en contexte. Vérifiez le contraste sur chaque fond où le sous-titre se posera réellement dans le montage final, pas seulement sur un aplat de couleur. Si la couleur d'accent de la marque n'a pas assez de contraste pour être utilisée directement en texte, réservez-la à un soulignement, une petite forme d'accent ou une pastille de fond, et gardez le texte du sous-titre lui-même dans une couleur qui se lit clairement partout où il apparaît.

10. Traiter la couleur d'accent unique de la marque comme toute la palette

La plupart des marques ont une couleur principale et un petit ensemble de neutres d'appui, mais un montage DIY peut finir par utiliser la couleur d'accent pour le fond, le texte, les boutons et les transitions, tout à la fois. Quand une seule couleur fait tout le travail, plus rien ne se détache dans l'image, faute de contraste pour créer une hiérarchie. Utilisez les neutres de la marque, en général un ton foncé et un ton clair définis, pour l'essentiel de l'image, et réservez la couleur d'accent aux une ou deux choses qui doivent attirer le regard en premier : un appel à l'action, un chiffre clé, ou le logo. Une palette utilisée ainsi donne du sens à la couleur d'accent au lieu d'en faire du bruit de fond.

11. Utiliser du noir ou du blanc purs alors que les tons de la marque sont plus doux

Recourir à un noir ou un blanc pur générique au lieu des vrais tons foncé et clair de la marque est un raccourci facile qui aplatit un rendu que la marque a peut-être volontairement adouci. Beaucoup de chartes graphiques spécifient un noir cassé ou un blanc cassé précisément parce que les valeurs pures peuvent paraître dures à l'écran, écraser les détails d'ombre, ou cramer les hautes lumières à la lecture. Vérifiez les valeurs neutres définies par la marque avant de vous rabattre sur les extrêmes, et utilisez-les à la place. Cela compte surtout sur les grandes zones de fond et en vidéo sombre, où un noir pur peut cacher des détails qu'un ton foncé légèrement relevé garderait visibles, et où un blanc pur peut paraître criard à côté d'un visuel de marque plus doux.

12. Laisser une transition ou une superposition générique introduire une couleur hors marque

Les packs de transitions gratuits, les superpositions de fuites de lumière et les templates de bandeaux inférieurs génériques portent souvent leur propre couleur intégrée : une flare orange, une lueur bleue, un wipe vert. Insérée dans un montage par ailleurs cohérent avec la marque, cette couleur n'apparaît nulle part ailleurs dans la vidéo et se lit comme un accident plutôt qu'un choix. Vérifiez chaque transition et effet de superposition par rapport à la palette de marque avant de l'utiliser, comme vous le feriez pour un fond ou une couleur de sous-titre. Si la couleur d'un effet peut être ajustée, beaucoup de modes de fusion de superposition permettent un décalage de teinte, alignez-la sur la palette de la marque plutôt que de garder le réglage par défaut. Si elle ne peut pas être ajustée, il est généralement plus sûr d'abandonner l'effet que de laisser une couleur étrangère s'inviter dans le montage.

13. Ne jamais prévisualiser les couleurs finales sur un vrai écran de téléphone

Chaque erreur de cette liste est plus facile à manquer sur un moniteur de montage, calibré, grand, et vu dans un éclairage contrôlé, ce qui ne décrit en rien la façon dont la pub sera réellement regardée. Avant de publier, exportez la vidéo finie, envoyez-la sur un vrai téléphone, et regardez-la à luminosité normale dans une pièce ordinaire. Un montage construit à partir de captures d'écran n'est fiable qu'à hauteur des vérifications qu'on lui fait subir, et la couleur est l'un des détails les plus faciles à valider sur un bon écran et à regretter sur un écran moyen. Cette seule vérification rattrape à elle seule la plupart des erreurs ci-dessus.

Prélever couleurs, polices et captures d'écran directement sur le vrai site, c'est ce que sizzledraft fait par défaut, plutôt que de partir de la palette d'un template, si bien que les couleurs de la vidéo finie correspondent déjà à la marque à laquelle elle appartient. Lancez-en une à partir de votre propre URL et voyez à quel point elle est proche avant de changer quoi que ce soit.

Plus de notes pratiques, zéro remplissage.

VOIR TOUTES LES NOTES →