feat(montage): make Daryl show rather than label in motion designs
Ban on-screen text that repeats the voice or the image: labels under recognisable images, kickers explaining a relationship ("real name", "before"), titles announcing the composition. Relationships must be carried by motion, with a final pass that checks every text node. The storyboard and its chat describe what is seen, not texts to display.56b25b3 parent: 629b099 modified
backend/studio/modules/projects/montage_tasks.py +18 -1 | @@ -37,7 +37,24 @@ setTimeout, de Date.now(), de Math.random(), de repeat infini. | ||
| 37 | 37 | secondes. Garde 80 px de marge avec les bords. Respecte la place du beat (plein écran, tiers gauche \ |
| 38 | 38 | ou droit, bandeau haut ou bas) : hors plein écran, rien ne passe sur le visage. |
| 39 | 39 | - Pas une pastille de texte : schéma, chiffre qui se construit, liste qui se coche, comparaison, \ |
| 40 | -chronologie… Le texte à l'écran est réécrit pour être lu d'un coup d'œil. | |
| 40 | +chronologie… | |
| 41 | +- Montre, ne dis pas. Le spectateur entend déjà la voix et voit déjà l'image : un texte qui redit l'une \ | |
| 42 | +ou l'autre est du bruit. Il dit « je joue aux jeux vidéo et je regarde des animes » → on voit des jeux \ | |
| 43 | +vidéo puis des animes, sans « Jeux vidéo » écrit dessous. Pas d'étiquette sous une image ou une icône \ | |
| 44 | +qui se reconnaît, pas de titre qui annonce ce que la composition montre, pas de phrase qu'il prononce \ | |
| 45 | +recopiée, pas de légende qui commente. | |
| 46 | +- Pas de sur-titre (.kicker) ni d'étiquette qui explique ce qu'on regarde ou le lien entre deux \ | |
| 47 | +éléments (« Vrai nom », « Avant », « Résultat », « Cause », « Le problème ») : c'est l'aveu que \ | |
| 48 | +l'animation n'a pas montré ce lien. Le lien passe par le mouvement. Voltaire, pseudonyme de \ | |
| 49 | +François-Marie Arouet : le nom « Voltaire » se soulève comme un masque et découvre « François-Marie \ | |
| 50 | +Arouet » dessous ; ces deux noms suffisent, sans « Vrai nom » ni « Pseudonyme ». Un avant / après : \ | |
| 51 | +l'un se transforme en l'autre. Une cause : une flèche, un élément qui en pousse un autre. | |
| 52 | +- Test, pour chaque texte : si on l'enlève, le spectateur, qui entend la voix et voit le reste de \ | |
| 53 | +l'image, perd-il une information ? Sinon, enlève-le. Restent en général : un chiffre ou une date \ | |
| 54 | +(le compteur, c'est le visuel), un nom propre qu'on ne reconnaîtrait pas, ce qu'on ne peut pas \ | |
| 55 | +dessiner. Ce texte-là est court et se lit d'un coup d'œil. | |
| 56 | +- Composition écrite, relis-la texte par texte (chaque nœud qui affiche des mots, y compris \ | |
| 57 | +.kicker, étiquettes, légendes) et applique le test ; supprime ce qui ne le passe pas avant de rendre. | |
| 41 | 58 | - Une idée par composition. Chaque élément apparaît 0,2 s avant le mot qui le nomme. Un mouvement de \ |
| 42 | 59 | caméra ou un changement de focus ARRIVE sur le mot qui nomme sa cible (il part 0,3 à 0,5 s avant, pas \ |
| 43 | 60 | pendant les phrases d'avant) : tant qu'il parle d'autre chose, le cadre reste sur ce dont il parle. La sortie dure \ |
| @@ -37,7 +37,24 @@ setTimeout, de Date.now(), de Math.random(), de repeat infini. | |||
| 37 | secondes. Garde 80 px de marge avec les bords. Respecte la place du beat (plein écran, tiers gauche \ | 37 | secondes. Garde 80 px de marge avec les bords. Respecte la place du beat (plein écran, tiers gauche \ |
| 38 | ou droit, bandeau haut ou bas) : hors plein écran, rien ne passe sur le visage. | 38 | ou droit, bandeau haut ou bas) : hors plein écran, rien ne passe sur le visage. |
| 39 | - Pas une pastille de texte : schéma, chiffre qui se construit, liste qui se coche, comparaison, \ | 39 | - Pas une pastille de texte : schéma, chiffre qui se construit, liste qui se coche, comparaison, \ |
| 40 | -chronologie… Le texte à l'écran est réécrit pour être lu d'un coup d'œil. | 40 | +chronologie… |
| 41 | +- Montre, ne dis pas. Le spectateur entend déjà la voix et voit déjà l'image : un texte qui redit l'une \ | ||
| 42 | +ou l'autre est du bruit. Il dit « je joue aux jeux vidéo et je regarde des animes » → on voit des jeux \ | ||
| 43 | +vidéo puis des animes, sans « Jeux vidéo » écrit dessous. Pas d'étiquette sous une image ou une icône \ | ||
| 44 | +qui se reconnaît, pas de titre qui annonce ce que la composition montre, pas de phrase qu'il prononce \ | ||
| 45 | +recopiée, pas de légende qui commente. | ||
| 46 | +- Pas de sur-titre (.kicker) ni d'étiquette qui explique ce qu'on regarde ou le lien entre deux \ | ||
| 47 | +éléments (« Vrai nom », « Avant », « Résultat », « Cause », « Le problème ») : c'est l'aveu que \ | ||
| 48 | +l'animation n'a pas montré ce lien. Le lien passe par le mouvement. Voltaire, pseudonyme de \ | ||
| 49 | +François-Marie Arouet : le nom « Voltaire » se soulève comme un masque et découvre « François-Marie \ | ||
| 50 | +Arouet » dessous ; ces deux noms suffisent, sans « Vrai nom » ni « Pseudonyme ». Un avant / après : \ | ||
| 51 | +l'un se transforme en l'autre. Une cause : une flèche, un élément qui en pousse un autre. | ||
| 52 | +- Test, pour chaque texte : si on l'enlève, le spectateur, qui entend la voix et voit le reste de \ | ||
| 53 | +l'image, perd-il une information ? Sinon, enlève-le. Restent en général : un chiffre ou une date \ | ||
| 54 | +(le compteur, c'est le visuel), un nom propre qu'on ne reconnaîtrait pas, ce qu'on ne peut pas \ | ||
| 55 | +dessiner. Ce texte-là est court et se lit d'un coup d'œil. | ||
| 56 | +- Composition écrite, relis-la texte par texte (chaque nœud qui affiche des mots, y compris \ | ||
| 57 | +.kicker, étiquettes, légendes) et applique le test ; supprime ce qui ne le passe pas avant de rendre. | ||
| 41 | - Une idée par composition. Chaque élément apparaît 0,2 s avant le mot qui le nomme. Un mouvement de \ | 58 | - Une idée par composition. Chaque élément apparaît 0,2 s avant le mot qui le nomme. Un mouvement de \ |
| 42 | caméra ou un changement de focus ARRIVE sur le mot qui nomme sa cible (il part 0,3 à 0,5 s avant, pas \ | 59 | caméra ou un changement de focus ARRIVE sur le mot qui nomme sa cible (il part 0,3 à 0,5 s avant, pas \ |
| 43 | pendant les phrases d'avant) : tant qu'il parle d'autre chose, le cadre reste sur ce dont il parle. La sortie dure \ | 60 | pendant les phrases d'avant) : tant qu'il parle d'autre chose, le cadre reste sur ce dont il parle. La sortie dure \ |
modified
backend/studio/modules/projects/storyboard.py +11 -4 | @@ -318,14 +318,16 @@ Pour les motions, la seule question, pour chaque passage : « qu'est-ce qu'on MO | ||
| 318 | 318 | - une comparaison, un avant / après → deux colonnes A / B qui se remplissent ; |
| 319 | 319 | - des dates, une histoire → une chronologie qui avance ; |
| 320 | 320 | - un outil, un site, une marque citée → son logo ou une capture ; |
| 321 | -- une énumération → des éléments qui apparaissent et se cochent un à un ; | |
| 322 | -- une citation forte, une définition → la phrase, en grand, mot à mot ; | |
| 321 | +- une énumération de choses concrètes → ces choses, montrées une à une (images, logos, objets), pas \ | |
| 322 | +leurs noms écrits ; une énumération d'idées → des éléments qui apparaissent et se cochent un à un ; | |
| 323 | +- une citation d'un tiers → sa source (le post, l'article), la phrase clé surlignée ; | |
| 323 | 324 | - un lieu → une carte. |
| 324 | -Interdits : la carte-titre statique, le texte qui répète ce qu'il dit, le visuel décoratif sans idée. | |
| 325 | +Interdits : la carte-titre statique, le texte qui répète ce qu'il dit, l'étiquette sous une image qui \ | |
| 326 | +se reconnaît, le visuel décoratif sans idée. | |
| 325 | 327 | |
| 326 | 328 | L'auteur a un kit d'animations type, à sa charte (liste dans le message, avec ce que montre chacune \ |
| 327 | 329 | et quand s'en servir). Pour chaque beat, si une animation du kit porte l'idée, indique-la dans \ |
| 328 | -`anim` et décris dans `show` comment tu l'adaptes (textes, chiffres, nombre d'éléments). Ne force \ | |
| 330 | +`anim` et décris dans `show` comment tu l'adaptes (ce qu'on voit, chiffres, nombre d'éléments). Ne force \ | |
| 329 | 331 | pas : une idée que rien dans le kit ne porte reste sur mesure (`anim` vide). Varie : la même \ |
| 330 | 332 | animation plusieurs fois de suite lasse. |
| 331 | 333 | |
| @@ -467,6 +469,11 @@ sourcé) est le candidat par défaut ; une idée abstraite appelle un motion ; | ||
| 467 | 469 | - un beat apporte ce que la parole n'apporte pas : la preuve (la vraie capture, le vrai document), la \ |
| 468 | 470 | structure (un schéma, une comparaison), l'échelle (un chiffre qui se construit), un lieu, une personne. \ |
| 469 | 471 | Jamais ses mots recopiés à l'écran, ni la liste de ce qu'il vient de dire, ni une carte-titre décorative ; |
| 472 | +- montre, ne dis pas : quand il dit « je joue aux jeux vidéo et je regarde des animes », on voit des jeux \ | |
| 473 | +vidéo puis des animes, sans « Jeux vidéo » écrit dessous. Dans `show`, décris ce qu'on VOIT ; un texte \ | |
| 474 | +n'y figure que s'il apporte ce que ni la voix ni l'image ne donnent (un chiffre, une date, un nom \ | |
| 475 | +propre qu'on ne reconnaîtrait pas). Un lien entre deux éléments se montre par le mouvement, pas par une \ | |
| 476 | +étiquette : « Voltaire » se soulève comme un masque sur « François-Marie Arouet », sans « Vrai nom » écrit ; | |
| 470 | 477 | - un média n'entre que si ce qu'il MONTRE correspond à ce qu'il dit à ce moment-là (d'après sa \ |
| 471 | 478 | description, ou ce que tu en vois) ; un nom de fichier qui partage un mot avec le passage ne suffit pas. \ |
| 472 | 479 | Les médias de la liste sont une réserve, pas une liste à placer : n'essaie jamais de tous les utiliser ; |
| @@ -318,14 +318,16 @@ Pour les motions, la seule question, pour chaque passage : « qu'est-ce qu'on MO | |||
| 318 | - une comparaison, un avant / après → deux colonnes A / B qui se remplissent ; | 318 | - une comparaison, un avant / après → deux colonnes A / B qui se remplissent ; |
| 319 | - des dates, une histoire → une chronologie qui avance ; | 319 | - des dates, une histoire → une chronologie qui avance ; |
| 320 | - un outil, un site, une marque citée → son logo ou une capture ; | 320 | - un outil, un site, une marque citée → son logo ou une capture ; |
| 321 | -- une énumération → des éléments qui apparaissent et se cochent un à un ; | 321 | +- une énumération de choses concrètes → ces choses, montrées une à une (images, logos, objets), pas \ |
| 322 | -- une citation forte, une définition → la phrase, en grand, mot à mot ; | 322 | +leurs noms écrits ; une énumération d'idées → des éléments qui apparaissent et se cochent un à un ; |
| 323 | +- une citation d'un tiers → sa source (le post, l'article), la phrase clé surlignée ; | ||
| 323 | - un lieu → une carte. | 324 | - un lieu → une carte. |
| 324 | -Interdits : la carte-titre statique, le texte qui répète ce qu'il dit, le visuel décoratif sans idée. | 325 | +Interdits : la carte-titre statique, le texte qui répète ce qu'il dit, l'étiquette sous une image qui \ |
| 326 | +se reconnaît, le visuel décoratif sans idée. | ||
| 325 | 327 | ||
| 326 | L'auteur a un kit d'animations type, à sa charte (liste dans le message, avec ce que montre chacune \ | 328 | L'auteur a un kit d'animations type, à sa charte (liste dans le message, avec ce que montre chacune \ |
| 327 | et quand s'en servir). Pour chaque beat, si une animation du kit porte l'idée, indique-la dans \ | 329 | et quand s'en servir). Pour chaque beat, si une animation du kit porte l'idée, indique-la dans \ |
| 328 | -`anim` et décris dans `show` comment tu l'adaptes (textes, chiffres, nombre d'éléments). Ne force \ | 330 | +`anim` et décris dans `show` comment tu l'adaptes (ce qu'on voit, chiffres, nombre d'éléments). Ne force \ |
| 329 | pas : une idée que rien dans le kit ne porte reste sur mesure (`anim` vide). Varie : la même \ | 331 | pas : une idée que rien dans le kit ne porte reste sur mesure (`anim` vide). Varie : la même \ |
| 330 | animation plusieurs fois de suite lasse. | 332 | animation plusieurs fois de suite lasse. |
| 331 | 333 | ||
| @@ -467,6 +469,11 @@ sourcé) est le candidat par défaut ; une idée abstraite appelle un motion ; | |||
| 467 | - un beat apporte ce que la parole n'apporte pas : la preuve (la vraie capture, le vrai document), la \ | 469 | - un beat apporte ce que la parole n'apporte pas : la preuve (la vraie capture, le vrai document), la \ |
| 468 | structure (un schéma, une comparaison), l'échelle (un chiffre qui se construit), un lieu, une personne. \ | 470 | structure (un schéma, une comparaison), l'échelle (un chiffre qui se construit), un lieu, une personne. \ |
| 469 | Jamais ses mots recopiés à l'écran, ni la liste de ce qu'il vient de dire, ni une carte-titre décorative ; | 471 | Jamais ses mots recopiés à l'écran, ni la liste de ce qu'il vient de dire, ni une carte-titre décorative ; |
| 472 | +- montre, ne dis pas : quand il dit « je joue aux jeux vidéo et je regarde des animes », on voit des jeux \ | ||
| 473 | +vidéo puis des animes, sans « Jeux vidéo » écrit dessous. Dans `show`, décris ce qu'on VOIT ; un texte \ | ||
| 474 | +n'y figure que s'il apporte ce que ni la voix ni l'image ne donnent (un chiffre, une date, un nom \ | ||
| 475 | +propre qu'on ne reconnaîtrait pas). Un lien entre deux éléments se montre par le mouvement, pas par une \ | ||
| 476 | +étiquette : « Voltaire » se soulève comme un masque sur « François-Marie Arouet », sans « Vrai nom » écrit ; | ||
| 470 | - un média n'entre que si ce qu'il MONTRE correspond à ce qu'il dit à ce moment-là (d'après sa \ | 477 | - un média n'entre que si ce qu'il MONTRE correspond à ce qu'il dit à ce moment-là (d'après sa \ |
| 471 | description, ou ce que tu en vois) ; un nom de fichier qui partage un mot avec le passage ne suffit pas. \ | 478 | description, ou ce que tu en vois) ; un nom de fichier qui partage un mot avec le passage ne suffit pas. \ |
| 472 | Les médias de la liste sont une réserve, pas une liste à placer : n'essaie jamais de tous les utiliser ; | 479 | Les médias de la liste sont une réserve, pas une liste à placer : n'essaie jamais de tous les utiliser ; |
modified
backend/studio/modules/projects/storyboard_chat.py +2 -1 | @@ -90,7 +90,8 @@ une place). Tiens-t'en à ce qu'il demande : ne refais pas le reste du storyboar | ||
| 90 | 90 | |
| 91 | 91 | Pour un motion, la question : « qu'est-ce qu'on MONTRE pendant qu'il dit ça ? », jamais « quel texte on \ |
| 92 | 92 | affiche ». Un chiffre → un compteur qui se construit ; un processus → un schéma qui s'assemble ; une \ |
| 93 | -comparaison → A / B ; des dates → une chronologie ; une énumération → des éléments qui se cochent. Une \ | |
| 93 | +comparaison → A / B ; des dates → une chronologie ; une énumération de choses → ces choses montrées une à \ | |
| 94 | +une, pas leurs noms écrits ; une énumération d'idées → des éléments qui se cochent. Une \ | |
| 94 | 95 | idée par beat, 4 à 10 secondes en général. Pas de chevauchement entre deux beats qui occupent l'écran \ |
| 95 | 96 | (motion, broll, transition), ni entre deux zooms. |
| 96 | 97 | |
| @@ -90,7 +90,8 @@ une place). Tiens-t'en à ce qu'il demande : ne refais pas le reste du storyboar | |||
| 90 | 90 | ||
| 91 | Pour un motion, la question : « qu'est-ce qu'on MONTRE pendant qu'il dit ça ? », jamais « quel texte on \ | 91 | Pour un motion, la question : « qu'est-ce qu'on MONTRE pendant qu'il dit ça ? », jamais « quel texte on \ |
| 92 | affiche ». Un chiffre → un compteur qui se construit ; un processus → un schéma qui s'assemble ; une \ | 92 | affiche ». Un chiffre → un compteur qui se construit ; un processus → un schéma qui s'assemble ; une \ |
| 93 | -comparaison → A / B ; des dates → une chronologie ; une énumération → des éléments qui se cochent. Une \ | 93 | +comparaison → A / B ; des dates → une chronologie ; une énumération de choses → ces choses montrées une à \ |
| 94 | +une, pas leurs noms écrits ; une énumération d'idées → des éléments qui se cochent. Une \ | ||
| 94 | idée par beat, 4 à 10 secondes en général. Pas de chevauchement entre deux beats qui occupent l'écran \ | 95 | idée par beat, 4 à 10 secondes en général. Pas de chevauchement entre deux beats qui occupent l'écran \ |
| 95 | (motion, broll, transition), ni entre deux zooms. | 96 | (motion, broll, transition), ni entre deux zooms. |
| 96 | 97 | ||