Katalog-Design

Katalog-Design gestaltet Produktpräsentationen durch systematische Produktfotografie-Grids und Preislisten-Layouts und nutzt InDesigns Datenzusammenführung für effiziente, datengesteuerte Massenproduktion.

Rubrik: Grafik & Kommunikationsdesign · Unterrubrik: Editorial Design · Niveau: Einsteiger

Was ist Katalog-Design?

Ein Produktkatalog ist ein Verkaufsinstrument: Er präsentiert das Sortiment eines Unternehmens und gibt potenziellen Käufern alle nötigen Informationen — Produktbeschreibung, Abmessungen, Material, Preis, Bestellnummer. Im Unterschied zu einem Magazin hat ein Katalog wenig Spielraum für gestalterische Experimente: Produktinformationen müssen konsistent, schnell lesbar und vertrauenswürdig präsentiert werden.

Gleichzeitig ist Katalog-Design eine hocheffiziente Disziplin: Moderne Produktkataloge werden nicht Seite für Seite manuell gestaltet, sondern durch Datenzusammenführung aus Produktdatenbanken generiert — InDesign befüllt Templates automatisch mit Produktbildern, -texten und -preisen.

Erklärung

Das Produktfotografie-Grid

Das Grid im Katalog ist stärker standardisiert als in Magazinen: Es muss konsistent genug sein, um Tausende von Produkten gleichartig zu präsentieren, und gleichzeitig flexibel genug, um verschiedene Produktgrößen und Prioritäten abzubilden.

Typische Grid-Systeme:

• 2×2-Grid: Vier Produkte pro Seite, relativ großformatig — für hochwertige Produkte, die viel Raum brauchen.
• 3×4-Grid: Zwölf Produkte pro Seite — Standard für Modekataloge (Kleidung, Schuhe).
• 4×5-Grid oder dichter: 20+ Produkte pro Seite — für kleine Artikel wie Büro- oder Elektronikprodukte.
• Mischgrid: Hauptprodukt groß in der Mitte, umgebende kleinere Produkte — hebt Fokusprodukte hervor.

Das Grid wird in InDesign als Musterseite definiert: Bildrahmen-Platzhalter und Textrahmen-Platzhalter sind exakt positioniert, sodass alle Produktseiten das gleiche Raster haben.

Produktseitenaufbau

Eine typische Katalogseite enthält pro Produkt:

1. Produktfoto: Im Bildrahmen, freigestellt oder auf weißem/grauem Hintergrund.
2. Produktname / Headline: Deutlich größer, im Textrahmen direkt unter oder neben dem Bild.
3. Kurzbeschreibung: 1–3 Sätze zu Funktion, Material, Besonderheiten.
4. Technische Daten: Maße, Gewicht, Farben, Varianten — oft in einer kompakten Tabelle.
5. Preis: Gut lesbar, oft größer als der Beschreibungstext.
6. Bestellnummer / Artikelnummer: In der Regel klein, unter dem Preis.

Diese Struktur ist für alle Produkte identisch — das erlaubt schnelles Scannen (Leserinnen kennen, wo sie den Preis finden, ohne zu suchen) und erleichtert die Datenzusammenführung.

Preislisten-Layout

Preislisten sind eine abgespeckte Version des Katalogs: Kein Bild, nur Text in Tabellenform. Sie werden eingesetzt, wenn das Sortiment sehr groß ist und ein vollfarbiger Katalog nicht wirtschaftlich ist, oder als ergänzendes B2B-Dokument.

Preislisten in InDesign als Tabelle: Spalten für Bestellnummer, Produktbezeichnung, Preis netto, Preis brutto, Mindestbestellmenge. Schlanke Typografie, enge Zeilenführung, gut ausgerichtete Spalten.

Wichtig für Preislisten: Zahlenausrichtung am Dezimalkomma — in InDesign über Tabulatoren mit Ausrichtungszeichen „," konfigurierbar (Schrift → Tabulatoren). Alternativ: Zeichenformat „Tabellenzahl" mit tabularer Zahlenformatierung (Lining Figures, alle Ziffern gleich breit).

Datenzusammenführung (Data Merge)

Die Datenzusammenführung in InDesign (Hilfsprogramme → Datenzusammenführung / Fenster → Hilfsprogramme → Datenzusammenführung) ermöglicht es, Templates automatisch mit Daten aus einer CSV- oder Tabellen-Datei zu befüllen.

Workflow:

1. Datenquelle vorbereiten: CSV-Datei mit Spaltennamen (z. B. Produktname, Beschreibung, Preis, Bildpfad).
2. Template erstellen: In InDesign Textrahmen und Bildrahmen mit Platzhaltern befüllen, die den Spaltennamen entsprechen (z. B. <<Produktname>>, <<Preis>>).
3. Datenquelle verknüpfen: Im Datenzusammenführungs-Panel die CSV-Datei auswählen — die Spaltenbezeichnungen erscheinen im Panel.
4. Zusammenführung vorschau prüfen: Ersten Datensatz in der Vorschau anzeigen lassen.
5. Zusammenführen: Erstellt automatisch neue InDesign-Seiten für jeden Datensatz in der CSV.

Für den IKEA-Katalog wurden beispielsweise Tausende Produktseiten so generiert — Gestalterin oder Gestalter konzipiert das Template einmal, der Rest läuft automatisch.

Bildpfade in Datenzusammenführung: Wenn die CSV-Spalte Bildpfad den absoluten oder relativen Pfad zur Bilddatei enthält, kann InDesign Bilder automatisch platzieren. Der Bildrahmen-Platzhalter muss mit @ beginnen: @Bildpfad.

Fehlerquellen und Qualitätssicherung

Bei datengesteuerten Katalogen ist die Qualitätssicherung wichtig:

• Textlänge: Produktbeschreibungen aus einer Datenbank können sehr unterschiedlich lang sein — manche Beschreibungen erzeugen Übersatz, andere lassen den Rahmen leer. InDesign signalisiert Übersatz im Preflight; Lösung: Textrahmen anpassen oder maximale Zeichenanzahl für Datenfelder definieren.
• Bildauflösung: Produktbilder aus unterschiedlichen Quellen können variierende Auflösungen haben — Preflight prüft auf Mindestauflösung.
• Fehlende Daten: Wenn ein Datenfeld in der CSV leer ist, bleibt der Platzhalter leer — visuelle Lücken entstehen.

Beispiele (5 konkrete)

1. IKEA-Katalog (historisch): 300+ Seiten, vollständig datenbankgesteuert. Template-Design mit klarem 3-Spalten-Grid, Produktbilder freigestellt auf weißem Hintergrund, konsistente Preis-Typografie.
2. Modekatalog (H&M, Zara): Lifestyle-Fotografie dominiert (Produkte werden an Modellen gezeigt, nicht freigestellt). Weniger dichte Grids, mehr Weißraum, Fokus auf Stimmung.
3. B2B-Bürobedarf-Katalog (Staples, Avery): Sehr dichtes Grid (20+ Produkte/Seite), kompakte Typografie, Preise dominant. Keine Atmosphäre, nur Information.
4. Wein-Katalog (Weinhandlung): A5-Format, 2-Spalten-Grid, Produktfoto (Flaschenfoto), Jahrgangsbeschreibung, Preis. Elegante Typografie, Schwerpunkt auf Text.
5. Handwerkzeug-Katalog (Würth, Gedore): Technische Produktfotos (Explosionsdarstellungen), Technische-Daten-Tabellen, Kompatibilitätsmatrizen. Klare sans-serif Typografie.

In der Praxis (InDesign-Workflow)

Datenzusammenführung Schritt für Schritt:

1. CSV-Datei erstellen (Excel → Speichern als CSV): Spaltennamen in Zeile 1, Produktdaten ab Zeile 2.
2. InDesign-Template erstellen: Textrahmen mit <<Produktname>>, <<Preis>>, Bildrahmen mit @Bildpfad.
3. Fenster → Hilfsprogramme → Datenzusammenführung öffnen.
4. Im Panel: Schaltfläche Datenquelle auswählen → CSV-Datei wählen.
5. Spaltennamen aus Panel in Platzhalter-Rahmen ziehen.
6. Vorschau aktivieren: Ersten Datensatz prüfen — stimmen Bilder und Texte?
7. Zusammenführung erstellen → Ein neues InDesign-Dokument mit allen Datensätzen entsteht.

Vergleich & Abgrenzung

Katalog vs. Magazin: Magazine haben redaktionellen Freiheitsgrad und variieren Layout-Entscheidungen bewusst. Kataloge priorisieren Konsistenz und Effizienz, da jedes Produkt gleich behandelt werden muss.

Datenzusammenführung vs. manuelle Gestaltung: Für kleine Kataloge (unter 30 Produkte) lohnt manuelle Gestaltung. Ab etwa 50 Produkten ist Datenzusammenführung effizienter — und ab 200 Produkten unverzichtbar.

Häufige Fragen (FAQ)

Kann ich Datenzusammenführung auch für Broschüren und Zertifikate nutzen? Ja. Datenzusammenführung ist nicht auf Kataloge beschränkt: Personalisierte Mailings (Name und Adresse wechseln), Zertifikate mit Teilnehmernamen, Namenschilder für Veranstaltungen — alle diese Fälle profitieren von Datenzusammenführung. InDesign kann bis zu 65.000 Datensätze pro Zusammenführung verarbeiten.

Was sind die Grenzen der InDesign-Datenzusammenführung? InDesign-Datenzusammenführung ist ein mächtiges, aber relativ einfaches Werkzeug. Komplexe bedingte Logik (z. B. „wenn Produkt aus der Kategorie Outdoor, dann rote Farbe") ist mit Bordmitteln nicht möglich. Für sehr komplexe Anforderungen werden Skripte (JavaScript/InDesign Scripting) oder externe Tools (Adobe InDesign Server, Pagination-Systeme) eingesetzt.

Verwandte Einträge

• InDesign: Tabellen
• Editorial Design
• Bildplatzierung im Print

Weiterführend

• Samara, T. (2005). Making and Breaking the Grid. Rockport Publishers.
• Adobe Inc. (2024). InDesign User Guide: Data merge.
• Hochuli, J. (2008). Das Detail in der Typografie. Verlag Hermann Schmidt.