Rétro mais pas ringard : Comment réinventer la mise en page vintage sur InDesign et Figma

Un voyage typographique dans le temps

Remonter le temps sans quitter son écran : ce fantasme collectif a trouvé sa machine, et elle ne sent pas la naphtaline. Que vous soyez du clan Figma, pro InDesign ou navigateur aguerri entre deux mondes, recréer une mise en page vintage n'a rien d'un simple filtre Instagram sur un selfie. Il s’agit d’observer, d'analyser, de comprendre – et de piocher dans l’arsenal technique qui a fait les grands soirs du graphisme des décennies passées.

Le retour du rétro n’a jamais été aussi flagrant : selon Pinterest Predicts 2023, les recherches “Y2K” ont augmenté de 300% en un an, et la génération Z qualifie le vintage de “statement”, pas de repli.[1] L’objectif n’est plus seulement la nostalgie, mais l’expérimentation des codes visuels en pleine lumière. Mode d’emploi pour injecter du rétro dans vos mises en page, sans tomber dans le pastiche poussiéreux.

Décrypter les grandes familles de la mise en page rétro

Avant de laisser parler les outils, prenons cinq minutes pour une plongée dans l’ADN du rétro. Impossible de se planter si on connaît les ingrédients-clés :

• Les grilles typographiques rigides (années 70/80) : Marges ultra marquées, colonnes solides, justification au poil, tout doit suggérer la structure, quitte à paraître scolaire.
• La folie des caractères : Univers condensés de lettrines, capitales exubérantes, polices “baveuses” ou “pixélisées” rappellent les tubes cathodiques ou l’ère de la photocomposition.
• Le grain et les textures : Simuler l’imperfection du papier, le point de trame ou la photographie passée, c’est garantir une authenticité que le digital peine à imiter.
• La couleur qui claque : Des teintes moutarde, orange brûlé, turquoise ou prune, souvent posées en a-plats audacieux ou en décalages savamment calculés.
• L’image maltraitée : Effets de scan, surimpressions, détourages brusques, kitsch d’images détourées et collages en veux-tu en voilà.

Pour ceux qui ont encore des doutes : ouvrez un magazine “Salut les copains” ou un numéro mode de 1993. L’œil repère immédiatement le système. Passons à la pratique.

La grille, épine dorsale : astuces pour InDesign et Figma

InDesign : le plaisir mathématique

• Créer une grille de colonnes : Fichier > Nouveau document. Activez “Colonnes” (4 à 6 pour une vraie vibe magazine rétro). Jouez sur les gouttières de 6 à 12 pts – marque de fabrique des années Formica.
• Ajouter des repères : Affichage > Afficher les repères. Posez des marges supérieures et inférieures généreuses. Dans les magazines 70’s, la marge inférieure frôle le demi-pouce (env. 12 mm).
• Verrouiller la symétrie : Ouvrez la palette "Grille de mise en page". Ajoutez une quadri-couleur d’arrière-plan pour marquer la structure (uni orange, bleu électrique ou rose dragée selon la décennie).
• Valoriser la pagination : Utilisez les coins inférieurs gauche/droit, et osez la répétition ou l’effet “bout de page troué” (voir les “téléguidés” de Jean-Paul Goude chez Esquire 1976).

Figma : le free jazz ordonné

• Grilles personnalisées : Onglet "Layout grid" dans le menu de droite. Ajoutez des lignes/colonnes multiples, ajustez la largeur (4-8 colonnes pour simuler une page de magazine ou de poster club).
• Espacement irrégulier : Pour une touche d’époque, brisez parfois la règle des espacements parfaits. Ajoutez une colonne fantôme (invisible) pour y loger une date, une photo détourée ou un titre en rupture.
• Utilisation de composantes : Pro-tip : créez plusieurs frames “mockup” avec des grilles différentes sur une même page pour décliner la variété des années (salles VHS contre pleines pages “Rolling Stone”).

Typo, lettrines et fausses textures : mode d’emploi

Choix des polices : la règle du décalage contrôlé

• InDesign : Utilisez les polices “Display” gratuites ou à licence modérée. Les incontournables :
  • Bitstream ITC Avant Garde Gothic (1970) — ronde, géométrique, fidèle à l’esprit affichiste.
  • Cooper Black — starisée par la TV US des seventies, visible autant sur les jaquettes de Beach Boys que dans les sitcoms.
  • OCR-A, Courier — pour ambience machine à écrire, punch-card ou bulletin scolaire.
• Figma : Misez sur Google Fonts : Press Start 2P, Archivo Black, Bungee, Bebas Neue. Mariez une police “punchy” en titre avec une “sans-serif” neutre pour les textes.
• Option sliders : Ajoutez de l’usure via des styles grains, overlays ou “rouille” avec le plug-in Noise & Texture (pour Figma) ou via les styles d’objet/effets spéciaux dans InDesign.

Tête d’affiche : la lettrine théâtrale

• Ouvrez votre mise en page. Sélectionnez la première lettre du bloc texte. Dans InDesign : "Lettrine et styles imbriqués" > Ajoutez 2 ou 3 lignes — c’est le clin d’œil immédiat aux magazines pulp.
• Figma : créez un composant spécial lettrine, redimensionnez-le à la main, ajoutez un contour épais ou détouré.
• Inspiration ? Les éditions Gallimard des années 80, ou comics Marvel période disco (voir Fonts In Use pour des cas concrets).

Textures et grains : donner du relief digital

• InDesign : Importez un jpeg/scanner d’un vieux magazine. Superposez en "Produit" ou "Incrustation". Baissez l’opacité à 30-50% : l’effet trame ou imprimerie cheap est bluffant.
• Figma : Insérez un calque (plugin "Noise & Grain" ou image importée). Travaillez en mode "Multiply" ou "Overlay". Calez la texture uniquement sur les aplats ou cadres photos.
• Variez selon les époques : pointillisme façon comics 60’s, grain ultra-fin pour années 90, “dépôt de poussière” pour jazzeter une affiche.

Le choix des couleurs : entre audace pop et douceur passéiste

On ne compte plus les nuanciers qui surfent sur la vague rétro, à l’image des palettes Adobe Color “Vaporwave”, ou des travaux de Brian Matiash pour l’analyse des tendances chromatiques. Ce qui fait mouche :

• Les teintes saturées mais “sales” : Le orange façon Velveeta, le turquoise “banquette de R12”, le prune d’appartement F3 sous Pompidou.
• Les combos inattendus : Vert mousse et framboise, jaune poussin et pétrole, beige blanchi en dominance.
• Effet surpoids : Utilisez les superpositions de rectangles colorés (dans Figma ou InDesign) avec 30 à 60 % d’opacité pour retrouver l’esprit “premiers calques d’impression” ou dupli “Art Graphique”.
• Arrière-plans audacieux : Osez le “plein écran” rose bonbon ou bleu Klein, ou exploitez le blanc grisé des papiers de mauvaise qualité (remplissage #F0F0E5 par exemple).

Trucages graphiques : images détournées, effets lo-fi et pixels dansants

Le sticker, roi de l’effet DIY

• Sur InDesign : faites des détourages farouches avec l’Outil Plume. Ajoutez un contour blanc (“contour” à 3-5 pts, couleur papier). Posez une légère ombre portée “sale” — visible dans les publicités Sinclair ZX Spectrum 1984.
• Sur Figma : dupliquez l’image, faites varier l’opacité du fond, créez une illusion “collage” à l’aide du plugin "Sticker Sheet".
• Plus c’est imparfait, plus c’est stylé : privilégier les débords, les erreurs de découpage manuel, les taches ou griffures scannées.

Dégradés, motifs et fausses trames

• Dégradés ringards : Qu’on se rassure : le dégradé radial façon trotteuse TV-Mag est revenu en force. Utilisez-le en arrière-plan ou cadre image, en mode pastel ou fluo (seventies ou Y2K).
• Motifs à points ou francs carrés : Simulez du Ben Day Dots (motif comics ou affiche punk). Dans InDesign, créez un motif, dupliquez-le, superposez : l’effet “trame” séduisait Massin, maître du maquettisme romanesque (voir La Rivière des Parfums, 1982).
• Pixel art : Parfait pour l’effet micro-ordinateur : importez des icônes bitmap, intégrez des GIFs lo-fi ou utilisez les plugins “Pixelate” (Figma) pour saupoudrer l’antique esprit 8 bits.

Pour aller plus loin : ressources et inspirations immanquables

• Gallica BnF ou Archive.org : numérisations géantes de magazines et affiches d’époque.
• Fonts In Use : explorez la datation des polices utilisées sur de vrais objets graphiques d’époque.
• Pinterest — tapez “vintage layout”, “retro color palette”, “80s magazine”, l’inspiration fuse.
• Typography.com : pour analyser les familles, différences capitales/minuscules et retrouver le type exact d’un générique de film oublié.
• Noise & Grain ou Figma Community pour plugins.

Quand la nostalgie devient un terrain de jeu graphique

Recréer une mise en page rétro, c'est bien plus qu'un exercice d’admiration pour l’ancien temps. C’est une expérimentation colorée, texturée, typographiée, et parfois, un joyeux pied de nez au trop lisse du digital. Jouer des accidents, transformer le bug en feature – voilà le vrai clin d’œil générationnel.

D’après les chiffres d’Envato Elements, depuis 2021, les “templates rétro” ou “vintage design kits” génèrent 40 % de plus de téléchargements annuels par rapport aux kits contemporains. Preuve que l’engouement, loin de retomber, ne fait que s’amplifier au fil des décennies remixées.[2]

À vos planches, laissez parler les grains, déraillez la typo et mélangez les époques. Car si le futur du design puise dans le passé, c’est pour composer le meilleur des mondes visuels — pas seulement pour épater, mais pour transmettre, intriguer, et réveiller, sous le digital, l’ivresse tactile d’une époque qui ne meurt jamais tout à fait.

Sources : [1] Pinterest Predicts 2023 (https://business.pinterest.com/en/blog/pinterest-predicts-2023/) [2] Envato Elements, Design Trends Report 2022 (https://elements.envato.com/blog/design-trends-report-2022/)