Hiérarchiser
Ce qui est encadré passe devant ce qui ne l’est pas.
Leçon 5
Cadres et bannières : écrire d’abord, encadrer ensuite
Un cadre range une idée, une bannière fait d’un titre une image. Cette leçon montre ce que dit chaque contenant, la règle qui évite les textes coincés, et comment tracer une bannière en cinq gestes.
- Leçon5 sur 14
- 5usages du cadre
- 5gestes pour une bannière
- Temps20 minutes
- NiveauDébutant
Un cadre range les idées et guide l’œil
Une page de notes où tout flotte au même niveau. Le titre, les idées, les exemples, la décision : rien ne se distingue. L’œil ne sait pas où se poser.
Un cadre est un contenant tracé autour d’un mot ou d’un groupe de mots. Il dit : ceci forme un tout, et ceci compte. La présentation de Yoan lui donne cinq usages.
Guider l’œil
Le regard saute de cadre en cadre, dans l’ordre que vous avez choisi.
Regrouper
Trois mots dans un même cadre forment une seule idée.
Marquer des étapes
Une suite de cadres reliés devient un flux.
Donner du rythme
Des cadres de formes différentes évitent la page monotone.
Regardez les deux planches en haut de page : des bannières d’un côté, une quinzaine de contenants de l’autre. Aucun ne demande de savoir dessiner. Tous se construisent avec les formes de l’alphabet visuel.
Chaque contenant dit déjà quelque chose
Le contenant porte un sens avant le texte qu’il contient. Une bulle parle, un nuage pense, un panneau indique. Choisissez-le pour ce qu’il ajoute.
| Contenant | Ce qu’il dit | Quand le prendre |
|---|---|---|
| Le cadre simple | Ceci forme un bloc | Par défaut, pour regrouper |
| La bulle | Quelqu’un l’a dit | Une citation, une phrase entendue |
| Le nuage de pensée | Quelqu’un le pense | Une intention, un doute, le non-dit |
| Le panneau | Par ici | Un choix, une direction, une option |
| Le post-it | Une idée notée | Une idée parmi d’autres, un rappel |
| L’étoile d’explosion | Attention, c’est fort | Une surprise, une alerte, un chiffre choc |
| La feuille punaisée | C’est affiché | Une règle, une consigne, une décision |
Sept contenants, sept sens. Le cadre simple reste le plus utile.
Quatre contenants, trait par trait
La bulle
3 gestes · dire, la parole, la citation
- 1
- 2
- 3
Un rectangle aux coins ronds. Une petite pointe vers celui qui parle. Trois traits pour le texte. L’ombre en bas et à droite.
Le nuage de pensée
3 gestes · penser, imaginer, le non-dit
- 1
- 2
- 3
Un nuage : des bosses rondes qui se suivent. Deux petits ronds qui descendent. L’ombre dessous.
Le post-it
3 gestes · l’idée notée, le rappel, l’atelier
- 1
- 2
- 3
Un carré dont un coin se décolle. Deux traits pour le texte. Tout en jaune.
Le panneau de direction
4 gestes · le choix, les options, le carrefour
- 1
- 2
- 3
- 4
Un poteau. Une pancarte pointue vers la droite, une autre vers la gauche. La première en jaune.
La bulle et le nuage se distinguent par un détail. La queue de la bulle est une pointe, celle du nuage une suite de petits ronds. D’autres signes sont dans les pictos idées et pensée.
La règle d’or : écrire d’abord, encadrer ensuite
On écrit le texte d’abord, et on trace le cadre autour ensuite. Jamais l’inverse.
Si vous tracez le cadre d’abord, vous ne savez pas encore combien de place prendra le texte. La fin du mot se tasse contre le bord, ou déborde. Écrit en premier, le texte prend sa taille naturelle. Le cadre s’adapte à lui.
Écrivez
Le mot ou les mots, à leur taille normale, sans penser au cadre.
Laissez de l’air
Imaginez une marge d’un demi-centimètre autour du texte.
Encadrez
Tracez le contenant dans cette marge, d’un geste, en fermant la forme.
Ombrez
Un trait de gris sur deux côtés, toujours les mêmes. Le cadre décolle de la page.
L’astuce
Valable pour toutes les formes
La règle vaut pour la bulle, le nuage, le panneau, la bannière. Seule exception : un gabarit préparé avant une réunion, où les cadres attendent le contenu. Voir les gabarits à imprimer.
La bannière, un titre qui devient une image
Une bannière, c’est un titre qui devient une image. Pour Yoan, la hiérarchie visuelle commence là. On la réserve aux titres qui doivent rester.
La plus utile est le ruban : un rectangle et deux queues repliées. Elle se trace en cinq gestes.
Le mot
Écrivez le titre en capitales épaisses. Gardez de la place à gauche et à droite.
Le corps
Tracez un rectangle autour du mot, avec un demi-centimètre de marge.
Les queues
De chaque côté, un peu plus bas, tracez un petit rectangle qui dépasse. Découpez son bout extérieur en V.
Les plis
Reliez chaque queue au corps par un petit trait en biais. C’est le pli du ruban.
L’ombre
Grisez l’intérieur des deux plis. Le ruban passe derrière lui-même, et prend du volume.
Le mot de la bannière suit les règles du lettrage : les capitales les plus grosses de la page.
Ne pas tout encadrer
Un cadre met en valeur. Il ne décore pas. C’est une des trois règles de l’affinage, sixième étape du processus.
Si tout est encadré, plus rien ne ressort. Gardez la bannière pour le titre. Encadrez les blocs, pas chaque mot. Laissez quelques mots libres : le vide autour d’eux les fait exister.
Attention
La page en boîtes
Une page faite de cadres tous identiques se lit comme un tableur. Variez au plus deux ou trois contenants, et que chacun ait une raison d’être là.
Les cadres se relient ensuite entre eux : c’est le rôle des connecteurs. Et leur place sur la page dépend de la structure choisie.
Exercice : un mot, huit contenants
À vous
Un mot, huit contenants (15 minutes)
- Écrivez huit fois le mot IDÉE sur une feuille, bien espacé.
- Encadrez chacun d’un contenant différent : cadre simple, bulle, nuage, panneau, post-it, étoile, feuille punaisée, bannière.
- Toujours le mot d’abord, le cadre ensuite.
- Sous chacun, notez en trois mots ce que le contenant ajoute au sens.
Puis reprenez une page de notes récente. Ajoutez une bannière au titre et un cadre à chaque bloc, et rien d’autre.
À retenir
La phrase à garder
Le texte d’abord, le cadre ensuite. Et un cadre seulement là où il dit quelque chose.
D’autres contenants, trait par trait, sont dans le dictionnaire visuel.
Questions fréquentes
Vos questions
À quoi servent les cadres dans un sketchnote ?
Les cadres servent à hiérarchiser l’information, guider l’œil dans la page, regrouper des idées proches, marquer des étapes et donner du rythme. Un mot encadré passe devant un mot libre. C’est pour cela qu’on ne les met pas partout.
Faut-il dessiner le cadre avant ou après le texte ?
Après. On écrit le texte à sa taille naturelle, puis on trace le cadre autour, avec un peu de marge. Tracé en premier, le cadre oblige à tasser la fin des mots ou les fait déborder.
Comment dessiner une bannière facilement ?
Écrivez le titre, tracez un rectangle autour, ajoutez de chaque côté une petite queue découpée en V, un peu plus bas. Reliez les queues au corps par un trait en biais, puis grisez les plis. Cinq gestes suffisent.
Quelle est la différence entre une bulle et un nuage de pensée ?
La bulle indique une parole : quelqu’un l’a dit. Elle se termine par une pointe tournée vers la personne. Le nuage de pensée indique ce qui est pensé sans être dit, et se rattache à la personne par de petits ronds.
À lire ensuite
Les connecteursUn connecteur porte un verbe. Les trois familles, le tracé d’une flèche, les séparateurs, et l’ordre de lecture.
Le lettrageTrois niveaux d’écriture, des capitales lisibles, cinq styles, le mot qui fait ce qu’il dit, trois styles au plus.
Les structures de pageNeuf structures de page, de la colonne aux quadrants : quand prendre chacune, comment la tracer, et son piège.
Dans la rubrique Apprendre
Pour aller plus vite
Deux jours pour que ça sorte sans réfléchir
Tout ce qui est sur ce site s’apprend seul, avec un feutre et du temps. La formation fait gagner le temps : deux jours de pratique guidée, vos pages corrigées en direct, votre vocabulaire visuel construit avec vous. Prochaine session : 18 et 19 février 2027, à Paris.
Une question avant de vous décider ? 09 80 80 89 62 ou contact@insuffle-academie.com. Ce site n’a ni formulaire ni traceur.