Vos couleurs, dès la toute première image

Chaque scène d'un storyboard PageToVid porte une humeur. C'est une indication de montage, un peu comme une note dans la marge d'un réalisateur : « victoire » pour une conclusion, « problème » pour la difficulté qu'un produit résout. Le moteur de rendu traduit ces humeurs en petits choix visuels.

Pour « problème », le choix était appuyé : un voile rouge sur l'image, un vignettage rouge qui respire lentement sur les bords, et un balancement d'environ un pixel pour suggérer le malaise. Sur une scène dramatique au milieu d'un film, cela peut fonctionner.

Le hic, c'était l'endroit où il tombait. Le planificateur marque l'accroche d'ouverture comme « problème » sur presque chaque film, parce qu'une accroche nomme souvent la difficulté avant de montrer la réponse. Sensée sur le papier, la règle posait le même rouge sur presque chaque ouverture.

En regardant beaucoup d'ouvertures côte à côte, c'était évident. Un en-tête blanc, un tableau de bord bleu, un magasin de vélos or et brun : tous le même bordeaux. Les sous-titres baignaient dedans, ce qui n'aidait pas leur contraste.

Il y a une raison plus profonde de laisser la page de quelqu'un tranquille. Un chef d'entreprise juge d'abord un film à sa ressemblance avec son produit. Un filtre qui change ses couleurs dès la première seconde dit que le film parle de notre effet, pas de sa page. L'effet avait été conçu pour une scène et était devenu, sans bruit, le style de chaque ouverture.

Nous avons gardé l'humeur elle-même. Une accroche reste un temps différent d'une conclusion, et le film doit encore le faire sentir. Nous avons déplacé ce ressenti de l'image vers le montage :

• la surcouche ne peint plus rien pour « problème », et le balancement a disparu ;
• la coupe qui ouvre la scène porte le registre, là où une transition percutante ou un flash peut encore le marquer ;
• l'énergie du mouvement des cartes de la scène le porte aussi, choisie par notre système de motion ;
• la lueur douce et rare de « victoire » ne change pas.

Un style enregistré qui définit une couleur « négative » fonctionne toujours, aucun style ne casse, mais cette couleur n'est plus peinte sur la vidéo. Les consignes du planificateur et nos pages de référence décrivent maintenant ce que fait vraiment l'humeur, et un test la maintient ainsi.

Le même magasin de vélos a soulevé une deuxième question de couleur. Toute sa palette est or et brun foncé, et pourtant ses cartes dessinées sortaient dans l'indigo de notre maison.

La cause tenait à une règle de notre sélecteur de couleurs de marque. En cherchant un second accent, il écartait toute couleur à moins de 18 degrés de teinte du premier, pour que les deux accents se distinguent. Une marque d'une seule teinte n'a rien d'autre à offrir, et le sélecteur prenait alors notre couleur par défaut.

Il garde désormais une couleur de même teinte quand sa luminosité diffère nettement. Une marque d'une seule teinte associe sa propre nuance plus sombre comme second accent, souvent celle-là même qui reste lisible sur un fond clair, là où l'or ne l'est pas. Un site qui offre ses propres couleurs ne reçoit jamais celles d'un autre, les nôtres comprises. Découvrez comment nous lisons une marque sur /features.

Les deux changements viennent de la même idée. Un réglage raisonnable en soi, un effet de tension ou une règle sur des teintes distinctes, peut devenir le style du produit une fois appliqué à chaque film.

Nous jugeons donc ces choix comme le spectateur les rencontre : beaucoup d'ouvertures côte à côte, image par image, sur de vrais sites aux palettes très différentes. Et nous traitons les couleurs d'une marque comme la chose qu'un film doit protéger. Notre travail est de montrer votre page telle qu'elle est, aussi clairement que possible, dès la première image. Essayez avec votre propre site sur /new.