Editorial
Gestaltungsgrundlagen
Unsere Editorial-Vorgaben definieren zwei Hauptkategorien von Publikationen: einseitige und zweiseitige Formate. Jede Kategorie unterstützt unterschiedliche Kommunikationsziele und Inhaltstiefen über alle Touchpoints hinweg.Formate. Jede Kategorie unterstützt unterschiedliche Kommunikationsziele und Inhaltstiefen über alle Touchpoints hinweg. Empfohlene Formate
Formate
Diese Vorgaben basieren auf A4-Formaten. Wir empfehlen grundsätzlich Standardformate (z. B. DIN-Formate), um Kosten zu senken, Verschwendung zu minimieren und Druckaufträge zu vereinfachen. Für kleinere Auflagen ist es möglich, kreativere und nicht-standardisierte Formate zu erkunden.
Einseitig: z. B. Produktdatenblätter, Flyer
Zweiseitig: z. B. Whitepaper, Produkt- und Bildbroschüren
In diesen Richtlinien abgedeckte Formate
- Produktdatenblätter (einseitig, doppelseitig, mehrseitig)
- Imagebroschüre
- Produktbroschüre
- Whitepaper
Ansätze
Unsere Editorial-Gestaltung wird von zwei komplementären Gestaltungsansätzen geleitet: informativ und wirkungsvoll. Der gewählte Ansatz hängt vom Kommunikationsziel, der Inhaltsdichte und dem gewünschten Grad der visuellen Betonung ab.
Wir verwenden den informativen Ansatz für inhaltsbasierte Formate mit großem Textumfang und unterstützender Bebilderung. Eine klare, zurückhaltende Gestaltung priorisiert Lesbarkeit und Struktur und präsentiert Informationen auf ausgewogene und zugängliche Weise.
Wir wenden den wirkungsvollen Ansatz an, um eine stärkere visuelle Präsenz oder emotionale Wirkung zu erzielen. Dies kann die Betonung von Bildmaterial, Farbe und Größe beinhalten, um ein ausdrucksstarkes Erscheinungsbild zu schaffen, während wir unserem Designsystem treu bleiben.
Gitter & Abstände
Wir verwenden grundsätzlich einen Abstand von 3x Basiseinheiten über alle Publikationsformate hinweg. Anpassungen sind je nach spezifischen Anforderungen möglich. Um Flexibilität bei einer aufgeräumten Gestaltung zu gewährleisten, empfehlen wir eine Gitteraufteilung von 6 Spalten und 12 Zeilen. Es ist möglich, einen optionalen Spaltenabstand von 1x Basiseinheit hinzuzufügen.
Die Logogröße wird in Basiseinheiten definiert. Je nach Inhalt betragen die empfohlenen Logogrößen entweder 4x oder 5x Basiseinheiten.
Einzelseiten
Anpassungen des Standard-Gitters sind je nach Anforderungen möglich. Zusätzliche Vorgaben gelten, wenn die Gestaltung Seitenzahlen und eine standardisierte Fußzeile erfordert.
Platzieren Sie Seitenzahlen und Fußzeileninformationen innerhalb eines Abstands von 3x Basiseinheiten. Eine zusätzliche Schutzzone von 2x Basiseinheiten trennt den Hauptinhalt und die Fußzeile. Sie können diese auf 1,5x Basiseinheiten reduzieren, wenn der Touchpoint wenig Inhalt hat.
Die Fußzeile kann das Dokumentthema, die Website-URL oder einen kurzen Haftungsausschluss enthalten.
Doppelseiten
Wie beim Einzelseiten-Ansatz halten wir an der oberen, äußeren und unteren Kante einen Rand von 3x Einheiten ein. An der inneren Kante ist ein breiterer Rand von 5x Einheiten erforderlich, um bei dickeren Formaten die Bindung zu berücksichtigen.
Fußzeileninformationen und Seitenzahlen platzieren wir im Abstand von 3x Einheiten zum äußeren Rand, mit einer Safe Zone von 2x Einheiten darüber, um sie vom Hauptinhalt zu trennen. Dieser sichere Bereich kann auf 1,5x Einheiten reduziert werden, wenn die Inhaltsdichte dies zulässt. Sobald ein sicherer Bereich festgelegt ist, muss er im gesamten Dokument konsequent angewendet werden. Verwenden Sie innerhalb desselben Layouts keine unterschiedlichen Werte für den sicheren Bereich.
Weitere Informationen zu den Basiseinheiten-Regeln finden Sie im Kapitel “Layout”.
Layoutkomposition
Wir verwenden drei Layoutkompositionen über alle Formate hinweg: randlos (Full Bleed), vertikale Teilung und horizontale Teilung. Jedes Layout basiert auf einer dieser Kompositionen. Das Teilungsverhältnis kann je nach Kommunikationsbedarf auf 1:3, 1:2 oder 2:3 angepasst werden.
Vollflächige Layouts werden für bildgesteuerte Inhalte verwendet, die eine starke visuelle Wirkung erfordern. Sie funktionieren mit Bildmaterial und einfarbigen Hintergründen.
Geteilte Layouts schaffen ein klares Gleichgewicht zwischen Bild und Text. Die Standard-Ausrichtung ist eine vertikale Aufteilung in Querformaten und eine horizontale Aufteilung in Hochformaten, mit der Flexibilität, diese über verschiedene Formate anzupassen.
Eine größere Bildfläche verstärkt die visuelle Betonung, während eine größere Textfläche Klarheit und Struktur unterstützt.
Einzelseite
Wir empfehlen grundsätzlich eine horizontale Teilung für inhaltsstarke Touchpoints in Einzelseitenformaten. Eine vertikale Teilung eignet sich besser, um einen inspirativeren Look zu erzielen.
Doppelseiten
Doppelseiten-Layouts folgen der gleichen Gestaltungslogik wie einseitige Formate. Der verfügbare Platz wird entweder vertikal oder horizontal mit einer der drei Proportionen (1:3, 1:2 oder 2:3) aufgeteilt.
Es gibt zwei Möglichkeiten, eine Doppelseite zu erstellen: Der erste Ansatz teilt beide Seiten auf, um ein wirkungsvolleres visuelles Ergebnis zu schaffen. Der zweite Ansatz behandelt die beiden Seiten als eigenständige Layouts und folgt den einseitigen Format-Regeln. In diesem Fall nutzt nur eine Seite eine geteilte Aufteilung, während die andere entweder einen einfachen Hintergrund oder ein vollflächiges Bild behält.
Farbverwendung
Die primäre und sekundäre Farbpalette erfüllen unterschiedliche Zwecke und haben unterschiedliche Grade an Markenerkennbarkeit.
Primärfarben
Wir nutzen die primäre Farbpalette als Hauptfarbsprache für AGRANA, um Markenerkennbarkeit und Konsistenz zu stärken. Sie ist die Standard-Wahl für geschäftliche Anwendungen und eigenständige Dokumente, wie Pressemitteilungen.
Hintergründe, Infografiken, Illustrationen, Icons
Illustrations-Highlights, Infografiken, Textelemente, Icons
Logo, Hintergründe, Illustrations-Highlights, Infografiken, Textelemente, Icons
Logo, Hintergründe, Illustrations-Highlights, Infografiken, Textelemente, Icons
Sekundärfarben
Wir setzen die Sekundärfarbpalette gezielt und bewusst ein, um Ausdruck und visuelle Dynamik zu erzeugen. Sie eignet sich am besten für Akzente, kleinere Elemente und Innenseiten eines Dokuments.
Farbbalance
Bei der Arbeit mit mehrseitigen Dokumenten achten wir auf die Farbbalance auf Dokumentebene. Weiß ist die primäre Hintergrundfarbe, um den Inhalt übersichtlich und optisch leicht zu gestalten und gleichzeitig die Klarheit zu gewährleisten.
Wir setzen Primär- und Sekundärfarben bewusst und kontrolliert ein. Weiß nimmt 50 % des gesamten visuellen Raums ein, Primärfarben machen 30 % der Hintergründe und Elemente aus, und Sekundärfarben machen die restlichen 20 % aus.
Typografie
Wir legen fast alle Schriftgrößen proportional fest, um eine klare, einheitliche Gliederung über alle Formate hinweg zu gewährleisten.
Überschriften
Die Überschrift setzt die Grundgröße; alle anderen Stile skalieren davon ausgehend. Toplines und Zwischenüberschriften folgen dieser Logik, um eine konsistente Hierarchie und Proportionen zu gewährleisten.
Fließtext und Bildunterschriften
Fließtext und Bildunterschriften richten sich nach Layout, Format und Kontext – von Anforderungen an Barrierefreiheit über Kontrastverhältnisse bis hin zur Leseentfernung. Ihre Größen sind unabhängig von den Überschriften festgelegt, damit sie in jeder Situation passend sind.
Sonderfälle
Neben standardisierten Text-Gliederungen setzen wir Schriftgrößen in besonderen Fällen wie Infografiken und Kapiteltrennern ausdrucksstärker ein.
Lineare Elemente
Wir nutzen Linien als Hilfsmittel innerhalb des Layoutsystems, um Inhalte zu verankern und zu strukturieren und so eine klare und ausgewogene Komposition zu schaffen. Linien unterstreichen die Gliederung, verankern Elemente und verbessern die Ausgewogenheit des Layouts. Es ist nicht notwendig, sie in jedem Layout zu verwenden.
Stil:
Wir verwenden Linien mit geraden Enden und Verbindungsstellen. Die Standardlinienstärke für Full-HD-Auflösung (1920 × 1080 px) beträgt ca. 1 pt. Passen Sie die Linienstärke je nach Bedarf an unterschiedliche Auflösungen, Größen und die spezifischen Anforderungen der einzelnen Kontaktpunkte an.
Calls-to-Action
Je nach Format und Kontext präsentieren wir Calls-to-Action entweder als QR-Code oder als schriftlichen Website-Verweis.
QR-Codes müssen schwarz auf weiß oder weiß auf schwarz sein, um eine optimale Lesbarkeit und zuverlässige Scanleistung zu gewährleisten. Als rein funktionale Elemente sollten sie neutral bleiben und nicht als dekorative Elemente oder Branding-Elemente dienen.
Wenn Text erforderlich ist, sollte dieser prägnant sein und drei Zeilen nicht überschreiten. Wir platzieren QR-Codes in einer der unteren Ecken des Formats, um eine klare visuelle Gliederung zu gewährleisten und eine Interferenz mit dem Hauptinhalt zu vermeiden. Sie müssen gut lesbar und im Verhältnis zum Gesamtlayout angemessen sein. Die Mindestgröße beträgt 2 cm. Achten Sie stets auf einen ausreichenden Kontrast zum Hintergrund. Bei Bedarf kann ein Begrenzungsrahmen verwendet werden, um die Informationen zu schützen.
Wir verwenden eine klare, prägnante URL, wenn lediglich ein Verweis auf eine Website erforderlich ist. Diese kann je nach Format und Plattform in einem Standard-Textfeld oder in Fußzeilenbereichen erscheinen.
CTA-Platzierung auf hellem Hintergrund
CTA-Platzierung auf dunklem Hintergrund
CTA-Platzierung auf Foto-Hintergrund
Best Practices
Hinweis:
Die folgenden Beispiele für bewährte Methoden dienen als Referenz und Inspiration. Die Beispiele dienen lediglich der Veranschaulichung. Sie sollen die Richtlinien untermauern und stellen keine endgültigen Umsetzungen dar.
Sie skizzieren die Prinzipien, die der kreativen Entwicklung zugrunde liegen, und sollten entsprechend den spezifischen Anforderungen der jeweiligen Anwendung interpretiert und angepasst werden.
Bitte lesen Sie die entsprechenden Abschnitte in den Richtlinien zu den Markenelementen, um mehr über die Verwendung der verschiedenen Markenelemente zu erfahren.
Einseitige Formate
Hier sind einige Beispiele dafür, wie unser Layout-System bei verschiedenen einseitigen Formaten funktioniert und dabei für eine klare und einheitliche Kommunikation sorgt.
Wir werden zu einem späteren Zeitpunkt weitere Beispiele für bewährte Verfahren hinzufügen.
Produktdatenblatt
Schwerpunktthemen (ausgewählte Beispiele)
Diese Inhalte gehen über reine Produktinformationen oder formelle Pressemitteilungen hinaus und umfassen beispielsweise Rezepte, Markteinblicke, Nachhaltigkeitsthemen oder Innovationshighlights. Wir nutzen sie, um einen breiteren Kontext zu schaffen und Themen zu beleuchten, die mit unseren Märkten und Kompetenzbereichen zusammenhängen.
Doppelseiten
Die folgenden Beispiele veranschaulichen, wie unser Layout-System bei verschiedenen Doppelseitenformaten funktioniert und dabei für Übersichtlichkeit und Einheitlichkeit sorgt.
Wir werden zu einem späteren Zeitpunkt weitere Beispiele für bewährte Verfahren hinzufügen.
Don'ts
Die folgenden Beispiele veranschaulichen Anwendungen, die nicht unseren Gestaltungsprinzipien entsprechen.
Wir teilen Doppelseiten nicht in verschiedene Richtungen auf.
Eine Doppelseite sollte einer einheitlichen Richtung folgen, um visuelle Klarheit und Ausgewogenheit zu gewährleisten.
Wir gestalten Layouts nicht unnötig kompliziert oder überladen.
Layouts sollten klar, fokussiert und übersichtlich sein, wobei jedes Element einem bestimmten Zweck dient.
Wir vermeiden Seiten mit zu langen Texten.
Die Inhalte sollten leicht lesbar sein und sich schnell überfliegen lassen.
Wir verwenden nicht zu viele Farben auf einer Seite.
Jede Farbe sollte die Textgliederung und Bedeutung unterstreichen.
Wir vermeiden es, Text mit Bildern oder Illustrationen zu überlagern.
Der Text sollte gut lesbar bleiben und sich optisch deutlich von komplexen Hintergründen abheben.
Wir setzen Linien nicht willkürlich ein.
Lineare Elemente sollten der Layoutstruktur folgen und ausgewogene Strichstärken aufweisen, um dezent zu wirken und die Gliederung zu unterstützen.
