Disco Revisited — Spread layout

Deze opdracht combineert creativiteit en technische precisie bij het opmaken van een dubbele pagina (spread). Geïnspireerd door Saturday Night Fever (1977) vertaal je ritme, contrast en energie naar een eigentijdse magazine-lay-out. Je oefent op witruimte, hiërarchie, typografie en beeldkwaliteit — elke keuze draagt bij tot de groove van je ontwerp.

Stap 1 — Tekst downloaden en lezen

Lees eerst de volledige tekst Disco — Ritme, licht en vrijheid aandachtig. Begrijp de toon, de sfeer en het ritme voordat je beelden gaat zoeken. De tekst vormt het uitgangspunt van je lay-out: elke typografische en visuele keuze vertrekt vanuit de inhoud.

Download Download de tekst voor de lay-out

Stap 2 — Beelden kiezen en controleren

  • Zoek beelden in lijn met de disco-sfeer (mirror ball, neon, dancefloor, sequins, vinyl). Bronnen: Unsplash, Pexels, Wikimedia Commons.
  • Zet in Photoshop eerst de resolutie op de gewenste waarde en controleer daarna hoe groot je het beeld kunt gebruiken:
    1. Open Afbeelding > Afbeeldingsgrootte… en zet Resample UIT (Nieuw beeldpixels berekenen uitgevinkt).
    2. Vul bij Resolutie 240 ppi in (of 300 ppi voor hoge kwaliteit).
    3. Lees bij Documentgrootte de fysieke afmetingen (mm/cm) af — dat is de maximale grootte waarin je het beeld kunt gebruiken zonder zichtbare pixels.

    Sla het beeld op in de juiste projectmap als .PSD-bestand.

  • Is het beeld te klein? Zoek een grotere bron of vergroot maximaal +15–20 % met Nieuwe pixels berekenen AAN → Bewaar details 2.0.
  • Kleurmodus voorlopig RGB; pas bij export eventueel naar CMYK.

Stap 3 — Document aanmaken (InDesign)

Kies een afgewerkt magazineformaat van 210 × 280 mm per pagina. Je spread bestaat dus uit twee tegenoverliggende pagina’s (samen 420 × 280 mm). Dit formaat komt overeen met populaire magazines zoals Vogue, National Geographic of Wallpaper*. Het biedt voldoende ademruimte voor typografie en beeld, maar print nog netjes op SRA3-papier met ruimte voor afloop en snijtekens.

ParameterInstelling
IntentiePrint
Pagina’s naast elkaar (Facing Pages)AAN
Formaat210 × 280 mm per pagina (spread = 420 × 280 mm)
Bleed / Afloop3 mm rondom
MargesBoven 15 mm · Onder 18 mm · Binnen 15 mm · Buiten 22 mm
De binnenmarge is kleiner zodat het rugwit en snijwit visueel in balans zijn.
Kolommen (grid)8 kolommen met 5 mm gutter (combineer 2–4 voor tekst)
Basislijnstramien (Baseline grid)Gelijk aan de interlinie van de bodytekst, start vanaf bovenste marge
  • Richting: Staand (portrait).
  • Pagina's naast elkaar: (Facing Pages) AAN — elke spread bestaat uit twee gekoppelde pagina’s.
  • Intentie: Print (kleurmodus CMYK).
  • Voor proefdruk: afdrukken met afloop 3 mm en snijtekens.

Onzichtbare tekens AAN en zo laten tijdens het opmaken: Cmd ⌘ + Option ⌥ + I / Ctrl + Alt + I.

Stap 4 — Tekst en beeld ruw plaatsen om te kunnen schetsen

  • Plaats alle aangeleverde tekst (titel, inleiding, body, subtitels, streamer en kadertekst) voorlopig ruw in de kolommen. Let op: gebruik gekoppelde tekstkaders (threaded frames), zodat de tekst correct doorloopt over meerdere kolommen of pagina’s.
  • Alinea-afbreking: gebruik harde return (Enter/Return) enkel aan het einde van een alinea en pas meteen de juiste alineastijl toe. Binnen dezelfde alineastijl gebruik je een zachte return (Shift+Enter) voor een regelbreuk zonder nieuwe alinea. Geen lege alinea’s om ruimte te maken: stel witruimte in via Spatiëring vóór/na in je alineastijl.
  • Plaats de geselecteerde beelden op 100 % van hun originele grootte. Controleer in het Links-venster de Effectieve PPI — die moet minstens 240 ppi bedragen op de plaatsingsgrootte.
  • Gebruik voor het hero-beeld (full bleed over de spread) een afbeelding van minimaal 4960 × 3500 px om voldoende kwaliteit te behouden bij print.
  • Gebruik deze ruwe opzet om een idee te krijgen van de hoeveelheid tekst en het aantal beelden dat in je spread past. Maak daarna enkele ruwe lay-outschetsen (mini-thumbnails) waarin je compositie, ritme en witruimte verkent vóór je finaal begint te lay-outen in InDesign.
Controle & opschonen (InDesign)
  • Onzichtbare tekens tonen: Tekst → Onzichtbare tekens tonen (Type → Show Hidden Characters) ( = harde return · ↵ = zachte return ).
  • Dubbele returns opruimen: Zoeken & Vervangen → Tekst — zoek ^p^p en vervang door ^p. (^p staat voor een harde return of alineateken)

Gebruik harde returns (¶) alleen aan het einde van een alinea — niet om witruimte te maken.

Tip: korte regelbreuk binnen dezelfde alinea? Gebruik de zachte return (Shift+Enter) ↵.

Stap 5 — Ruwe schetsen (thumbnails)

  • Vertrek bij het schetsen vanuit één van de voorbeelden of stijlen die je hebt onderzocht in je onderzoek- of moodboardfase. Gebruik die als visueel uitgangspunt voor sfeer, ritme en typografie.
  • Maak vervolgens 6–8 ruwe thumbnails (ongeveer A6-formaat) met variaties in beeldverhouding, hero, quote-zone en kadertekst. Laat ruimte om ritme, contrast en witruimte te verkennen.
  • Kies de twee sterkste composities en bespreek ze met de leerkracht. Na feedback selecteer je één definitieve richting voor de verdere lay-out.

Stap 6 — Stramien pagina & Rasters

  1. Open het A-Stramien. Hier zie je het raster dat je bij het aanmaken van het document hebt ingesteld: 8 kolommen met een 5 mm kolomwit (gutter).
  2. Stel het basislijnstramien in via InDesign > Voorkeuren > Rasters:
    • Start: Bovenste marge
    • Stap elke: 14 pt (gelijk aan de interlinie van de bodytekst)
  3. Automatische paginanummering: op de A-Master voeg je onderaan per pagina een tekstkader toe. Kies Tekst > Speciaal teken invoegen > Markeringen > Huidig paginanummer. Maak twee kleine kaders: links uitgelijnd op de linkerpagina, rechts uitgelijnd op de rechterpagina. Geef ze een eigen alineastijl (bijv. Footer/Page number).
  4. Gebruik het kolomraster als visueel ritme in je lay-out. Combineer meerdere kolommen (bijv. 2–4) voor brede tekstblokken of grote beelden, en laat andere kolommen bewust leeg voor witruimte.

Meer info over rasters en basislijnstramienen vind je op de officiële Adobe-hulp: helpx.adobe.com — Rasters gebruiken in InDesign .

Stap 7 — Kleurstalen & bibliotheek

  • Maak een CC-bibliotheek aan met de naam “disco-revisited”. Deze bibliotheek gebruik je om je kleurstalen, lettertypes en eventueel illustraties centraal te bewaren. Zo kun je dezelfde kleuren snel hergebruiken in Illustrator, InDesign en Photoshop.
  • De kleuren komen uit je onderzoek of moodboard. Heb je in Adobe Color gewerkt, dan kun je je palet rechtstreeks toevoegen aan je CC-bibliotheek. Open daarna in InDesign het paneel CC Libraries en voeg de kleuren toe aan je stalen (Swatches)-palet.
  • In het Swatches-paneel: maak nieuwe Proces CMYK-stalen aan (geen RGB) en vink Globaal aan. Globale stalen zorgen ervoor dat een wijziging in kleur automatisch wordt toegepast op alle objecten waarin de kleur is gebruikt.
  • Waarom een bibliotheek? CC Libraries laten je niet alleen kleurstalen opslaan, maar ook:
    • Lettertypecombinaties (Character Styles)
    • Logo’s of vectorillustraties
    • Afbeeldingen en grafische elementen
    • Paragraaf- en objectstijlen
    Zo kun je binnen hetzelfde project of met je team consistent werken aan een visuele identiteit.

Stap 8 — Typografie & stijlen

Open Venster > Stijlen > Alineastijlen en Venster > Stijlen > Tekenstijlen. Maak onderstaande alineastijlen en koppel ze meteen aan de juiste instellingen.

  • Bodytekst — 10,5 pt / 14 pt, uitlijning links of uitgevuld (consequent!), Uitlijnen op basislijnstramien AAN (baseline = 14 pt), afbreken AAN (limieten instellen).
  • Kop — 30–42 pt (gewicht naar keuze), regelafstand auto of 120–130%, geen uitlijning op basislijnstramien.
  • Onderkop (of Subkop) — 12–13 pt / 16–18 pt, vet/semibold, extra ruimte voor/na i.p.v. lege regels.
  • Streamer (pull quote) — 18–20 pt, apart tekstkader, evt. lichte letterspatiëring en achtergrondtint.
  • Bijschrift (caption) — 8,5–9 pt / 12 pt, klein corps, niet op basislijnstramien, grijstint of secundaire kleur.
  • Kadertekst — voor info-box; gebaseerd op Bodytekst met aangepaste ruimte voor/na, evt. inspringing en achtergrondkleur (tint).
  • Paginanummer — klein corps (8–9 pt), centreren/links/rechts volgens pagina, vaste afstand tot ondermarge.

Tekenstijlen (minimaal):

  • Vet (Bold)
  • Cursief (Italic)
  • Accentkleur (voor highlights/keywords)
  • Kleine kapitaaltjes (indien gebruikt in koppen/labels)
  • Basislijnstramien: stel op 14 pt (gelijk aan interlinie Bodytekst) en Start: Bovenzijde marge.
  • Afbreking (Hyphenation): AAN, met redelijke limieten (min. 3 letters voor/na; max. 2 afbrekingen op rij).
  • Optische marge-uitlijning: optioneel voor Bodytekst en Streamer via Venster > Tekst en tabellen > Verhaal (bv. 8–10 pt). Niet nodig voor paginanummers.
  • Geen lege regels voor witruimte: gebruik ruimte vóór/na in de alineastijl.
Verdieping — Alinea- en tekenstijlen

Stap-voor-stap uitleg met screenshots: stijlen aanmaken.

Open de cursus Alinea- & tekenstijlen

Stap 9 — Lay-out & compositie (fine-tune & laatste check)

1) Stijlen & tekststroom
  • Alleen stijlen: alineastijlen (Body, Kop, Subkop, Streamer, Bijschrift, Kader) + tekenstijlen (Vet, Cursief, Accentkleur). Geen manuele opmaak.
  • Gekoppelde tekstkaders voor body; uitlijnen op basislijnstramien (14 pt) AAN.
  • Kop & Streamer in aparte kaders (vrije plaatsing over kolommen).
2) Spatiëring & hyphenation
  • Geen lege regels → gebruik ruimte vóór/na in de alineastijl.
  • Afbreking AAN met redelijke limieten (min. 3–3), max. 2 afbrekingen op rij.
  • Links uitlijnen of uitgevuld: kies één en blijf consequent.
  • Optische marge-uitlijning (8–10 pt) enkel waar nodig (body/quotes), niet voor paginanummers.
3) Beelden & grid
  • Beelden ≤ 100% plaatsingsgrootte met Effectieve PPI ≥ 240; randbeelden tot in de bleed (3 mm).
  • Tekstomloop toepassen waar relevant; bijschriften logisch koppelen (afstand & uitlijning).
  • Kolomraster: combineer 2–4 kolommen voor blokken; laat kolommen bewust leeg voor witruimte/ritme.
4) Microtypografie & quality check
  • Houden-opties: voorkom wees/hoerenkinderen. Koppen “met volgende alinea houden”.
  • Onzichtbare tekens AAN (Cmd⌘+Opt⌥+I) en opschonen: dubbele spaties, harde returns, tabs.

Stap 10 — Preflight & print op SRA3

  1. Preflight inschakelen (Venster → Uitvoer → Preflight):
    • Geen ontbrekende links of fonts
    • Effectieve PPI van beelden ≥ 240 (hero 240–300)
    • Afloop (bleed) aanwezig op randbeelden: 3 mm
    • Overprint Preview aan voor controle van transparantie en overdruk
  2. Proefdruk: print op SRA3 (320 × 450 mm)
    • Gebruik Bestand → Afdrukken… of maak eerst een proef-PDF en print vanuit Acrobat (aan te raden voor voorspelbare kleur en juiste snijtekens).
    • Papierformaat: SRA3 (320 × 450 mm)
    • Oriëntatie: Liggend
    • Spread: Aangekruist (één spread per vel)
    • Schaal: 100 % — geen “Aanpassen aan pagina”
    • Marks: snijtekens aan, inclusief afloop van 3 mm (gebruik documentinstellingen)