Werbung
Magazinanzeigen
Formate
Die in den Werberichtlinien definierten Formate konzentrieren sich auf Magazinanzeigen. Wir arbeiten mit drei Standardformaten: ganze Seite, halbe Seite, Viertelseite.
Ganze Seite
Halbe Seite
Viertelseite
Raster & Ränder
Wir berechnen die Ränder auf Basis des gesamten Formatcontainers. Als allgemeine Regel verwenden wir für ganze und halbe Seiten den 3-fachen Basisabstand und für Viertelseitenformate den 2-fachen Basisabstand. Mit abnehmender Formatgröße vereinfachen wir die Rasteraufteilung, um Klarheit zu erhalten und eine visuelle Überladung zu vermeiden.
Druckdatenvorbereitung: Bitte prüfen Sie die technischen Anforderungen (spezifische Abmessungen, Beschnitt, Farbprofile usw.) beim ausgewählten Anbieter.
Weitere Informationen zu den Regeln der Basiseinheit finden Sie im Kapitel „Layout“.
Layoutkomposition
Die Anzahl und Ausrichtung der Layoutunterteilungen bestimmen wir anhand des innerhalb jedes Formats verfügbaren Raums.
In ganzen Seiten verwenden wir sowohl horizontale als auch vertikale Unterteilungen sowie vollflächige Farb- oder Bildkompositionen. In halben Seiten ist der verfügbare Raum begrenzt, weshalb wir ausschließlich vertikale Unterteilungen sowie vollflächige Farb- oder Bildflächen empfehlen. Aufgrund des sehr begrenzten Platzes basieren Viertelseiten ausschließlich auf horizontalen Unterteilungen in Kombination mit vollflächigen Farbflächen. Einfarbige Hintergründe tragen dazu bei, Klarheit und visuelle Wirkung bei kleineren Formaten zu erhalten.
Logogröße und -platzierung
Die Größe und Platzierung des Logos hängen vom Format und dem verfügbaren Raum ab.
Logogröße
- Die Größen 4× und 5× Basiseinheiten* sind ausschließlich in ganzen Seiten zulässig.
- Für halbe- und Viertelseitenformate empfehlen wir 4× Basiseinheiten.
Logoplatzierung
Das Logo wird in der Regel in den Ecken platziert. Dies ist jedoch nicht verpflichtend und kann je nach Kampagnenlayout variieren. Eine zentrierte Platzierung ist ebenfalls möglich, wenn sie gestalterisch sinnvoll ist.
*Vertikal gemessen
Verteilung der Inhalte
Contentverteilung
Je nach verfügbarem Raum erlauben wir unterschiedliche Arten von Inhalten. Farben, Layout-Unterteilungen, Bilder und Illustrationen sind für ganze und halbe Seiten geeignet. In Viertelseitenformaten verwenden wir Farben jedoch ausschließlich für Layout-Unterteilungen.
Content-Bewusstsein
Als allgemeine Regel gilt: Je größer das Format, desto mehr Elemente können eingesetzt werden. So kann eine ganze Seite längere Texte und mehrere grafische Elemente enthalten. Bei kleineren Formaten wie der Viertelseite empfehlen wir hingegen prägnante Texte, reduzierte grafische Elemente und weniger dynamische Layouts.
Calls-to-Action (CTAs)
Wir präsentieren Calls-to-Action entweder als QR-Code oder als schriftliche Webadresse (URL), je nach Format und Kontext.
Wenn Begleittext zusammen mit einem QR-Code verwendet wird, sollte dieser prägnant bleiben und drei Zeilen nicht überschreiten. Wir positionieren QR-Codes in den unteren Ecken der Gestaltung, um eine klare visuelle Hierarchie zu wahren und zu verhindern, dass sie den Hauptinhalt beeinträchtigen.
Der QR-Code muss deutlich lesbar bleiben und proportional zur Gesamtgestaltung passen. Seine Größe sollte ausreichend sein, um zuverlässiges Scannen auf dem Bildschirm zu ermöglichen, ohne die Komposition visuell zu dominieren. Achten Sie in allen Anwendungen auf Barrierefreiheit, indem Sie einen starken Kontrast zwischen dem QR-Code, allen Call-to-Action Elementen und dem Hintergrund gewährleisten. Falls erforderlich, verwenden Sie einen Schutzrahmen, um den Code-Bereich klar zu definieren und zu schützen.
Wir verwenden eine klare, prägnante Webadresse (URL), wenn nur ein Website-Verweis erforderlich ist. Diese kann je nach Format und Plattform in einem Standard-Textfeld oder in Footer-ähnlichen Funktionsbereichen platziert werden.
CTA Platzierung auf hellem Hintergrund
CTA Platzierung auf dunklem Hintergrund
CTA Platzierung auf Bildern
Nutzen Sie entweder einen QR-Code oder eine schriftliche Webadresse je nach verfügbarem Platz. Sie können beide Optionen zusammen in ganzen- und halben Seiten nutzen. Bei Viertelseiten empfehlen wir, nur einen Website-basierte Call-to-Action zu verwenden, um Klarheit und Lesbarkeit zu wahren.
Zusätzliche Markenelemente
Wir nutzen in erster Linie die primäre Farbpalette, um die Wiedererkennbarkeit der Marke zu stärken. Integrieren Sie sekundäre Farben gezielt, wenn Sie mehr Charakter oder Betonung hinzufügen möchten.
Typografie
Die Typografie folgt denselben Prinzipien, die in den Richtlinien zu den Markenelementen definiert sind. In kleineren Formaten achten wir besonders auf Lesbarkeit und Barrierefreiheit.
Weitere Informationen finden Sie im Kapitel “Layout”.
Farben
Wir nutzen in erster Linie die primäre Farbpalette, um die Wiedererkennbarkeit der Marke zu stärken. Integrieren Sie sekundäre Farben gezielt, wenn Sie mehr Charakter oder Betonung hinzufügen möchten.
Weitere Informationen finden Sie im Kapitel “Farbe”.
Inhalt
Wir halten Inhalte prägnant und fokussiert, indem wir ausführlichere Informationen auf besser geeignete und lesbarere Formate, wie die Website, lenken.
Weitere Informationen finden Sie im Kapitel “Tone of Voice”.
Lineare Elemente
Wir nutzen lineare Elemente gezielt, da der verfügbare Platz begrenzt ist. Wo möglich priorisieren wir pragmatische Gestaltungslösungen wie Gruppierung oder Aufteilung von Inhalten.
Weitere Informationen finden Sie im Kapitel “Layout”.
Don'ts
Die folgenden Beispiele zeigen Anwendungen, die nicht mit unseren Gestaltungsprinzipien übereinstimmen.
Wir überlasten Gestaltungen nicht mit zu viel Inhalt.
Wir verwenden keine unruhigen oder ablenkenden Hintergründe.
Wir verwenden keine Schriftgrößen unter dem definierten Minimum.
Wir verwenden rein dekorative Elemente nicht übermäßig, wenn sie keinen inhaltlichen Mehrwert bieten.
Wir gefährden die Lesbarkeit nicht, indem wir Text auf detaillierten Bildern mit geringem Kontrast platzieren.
Digitale Werbung
Formate
Wir haben eine Sammlung gängiger Proportionen für digitale Banner und Newsletter-Formate definiert. Die für jedes Format festgelegten Regeln gelten auch für ähnliche Proportionen.
Digitale Bannerformate werden in horizontale und vertikale Varianten unterteilt. Zu den horizontalen Formaten zählen Extreme-, Standard- und Square-Banner. Zu den vertikalen Formaten gehören Skyscraper- und Rechteck-Banner.
Die Grafik zeigt, wie diese Formate auf einer Partner-Website erscheinen können. Die Platzierung ist illustrativ und kann je nach Zielplattform variieren.
Extreme
Standard
Square
Skyscraper
Rechteck
Bitte beachten Sie: Die folgenden Regeln gelten für vergleichbare Bannergrößen. Die angegebenen Größen dienen ausschließlich Illustrationszwecken.
Gitter & Abstände
Wir definieren Abstände basierend auf dem Formattyp und verfügbaren Platz. Wir verwenden 3x Basiseinheiten als empfohlenen Abstand in Standardformaten. Wir erhöhen dies auf 4x Basiseinheiten in extremeren Formaten, um Klarheit und visuelles Gleichgewicht zu wahren.
Mit zunehmender Verkleinerung oder Einschränkung der Formate vereinfachen wir die Rasteraufteilung, um visuelle Überladung zu vermeiden und die Lesbarkeit des Inhalts sicherzustellen.
Standardformate umfassen Pop-ups, Scroll-Banner und Artikel-Banner. Extreme Formate umfassen Leaderboards, Header-Banner, Skyscraper und Mobile Banner.
Weitere Informationen zu den Basiseinheiten-Regeln finden Sie im Kapitel “Layout”.
Layoutkomposition
Die Anzahl und Ausrichtung der Layoutteilungen hängt vom verfügbaren Platz innerhalb des jeweiligen Formats ab. Wir empfehlen eine Gestaltung über die ganze Seite, erlauben jedoch in bestimmten Fällen Layoutaufteilungen.
Horizontale Banner
Wir empfehlen nur vertikale Aufteilungen.
Quadratisch
Dies ist das einzige Format, in dem wir sowohl vertikale als auch horizontale Aufteilungen erlauben. Achten Sie bitte auf den Inhalt und nutzen Sie den Ansatz, der am besten passt.
Vertikal
Wir erlauben nur horizontale Aufteilungen.
Logogröße & -platzierung
Digitale Formate fallen oft so klein aus, dass unser Standardlogo schwer lesbar wird. Passen Sie daher Größe und Gestaltung an, damit das Logo stets klar und erkennbar bleibt.
Eine zentrierte Platzierung des Logos ist je nach Kontext und Kampagneninhalt möglich. Für vertikale Formate empfehlen wir eine zentrierte Platzierung.
Logo-Größe
Die empfohlene Logo-Größe liegt zwischen mindestens x6 Basiseinheiten und einer komfortablen Größe von x8 Basiseinheiten. Die Größe kann je nach Kampagneninhalt und -ziel variieren, sollte jedoch mindestens x6 Basiseinheiten betragen.
Logo-Platzierung
Das Logo wird in der Regel in den Ecken platziert. In digitalen Bannern sollte es vorzugsweise im oberen Bereich des Formats positioniert werden. Der untere Bereich ist für Calls-to-Action (CTAs) und Buttons vorgesehen.
Logo-Größe (vertikal)
Die empfohlene Logo-Größe reicht von mindestens 8 Basiseinheiten bis zu einer komfortablen Größe von 12 Basiseinheiten. Die Größe kann je nach Kampagneninhalt und -zweck variieren, sollte jedoch mindestens 8 Basiseinheiten betragen.
Logo-Größe (horizontal)
Die empfohlene Logogröße reicht von mindestens 12 Basiseinheiten bis zu einer komfortablen Größe von 16 Basiseinheiten. Die Größe kann je nach Kampagneninhalt und -zweck variieren, sollte jedoch mindestens 12 Basiseinheiten betragen.
Logo-Platzierung
Wir platzieren das Logo in der Regel in den Ecken. Insbesondere bei digitalen Bannern sollte sich das Logo im oberen Bereich des Formats befinden. Der untere Bereich ist hier für Handlungsaufforderungen und Schaltflächen reserviert.
Verteilung der Inhalte
Je nach verfügbarem Platz sind verschiedene Inhaltsarten zulässig. Ausgewogene Proportionen (z. B. quadratische Formate) ermöglichen eine große Vielfalt an Kombinationen und Layouts. Bei extremen Formaten wie Leaderboards oder Skyscrapern empfehlen wir hingegen, die Anzahl der Elemente zu reduzieren und die Layouts zu vereinfachen.
Calls-to-Action
In der Online-Werbung setzen wir digitale Calls-to-Action ein, um das Publikum zum nächsten Schritt zu führen. Die Formulierung kann je nach Zweck des CTA variieren. Der Weiterleitungslink muss stets direkt im Banner eingebettet sein.
Stil
Buttons haben eine abgerundete, pillenförmige Erscheinung. Als Hintergrundfarbe verwenden wir AGRANA Red für einen standardisierten, wiedererkennbaren Auftritt. Abhängig vom Hintergrundbild kann alternativ Weiß als Füllfarbe genutzt werden. Die für Buttons vorgesehene Schriftart ist Be Vietnam Pro.
Platzierung
Der CTA besitzt keine feste Position, jedoch empfehlen wir bestimmte Platzierungen. Am gebräuchlichsten ist es, den CTA in den unteren Ecken des Formats zu platzieren. Andere Positionen sind möglich, sofern die Botschaft klar bleibt und die Interaktion für die Betrachtenden organisch wirkt.
Mindestgröße
Zur Sicherstellung der Lesbarkeit beträgt die Mindesthöhe 16 px.
Typografie
Wir definieren fast alle Schriftgrößen proportional, um die Hierarchie in allen Formaten klar und konsistent zu halten.
Ü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.
Zusätzliche Markenelemente
Wir wenden die gleichen Prinzipien an, die in den Richtlinien zu den Markenelementen definiert sind, wenn wir mit Werbeformaten arbeiten. Der folgende Abschnitt erläutert, wie Sie diese Elemente in Layouts einsetzen, um Konsistenz und Klarheit über alle Formate hinweg zu gewährleisten.
Motion
Wir nutzen unsere Bewegungsabläufe, um die Aufmerksamkeit des Betrachters in digitalen Umgebungen zu lenken.
Weitere Informationen finden sich im Kapitel „Motion“.
Farben
Wir bevorzugen die primäre Farbpalette, um den Wiedererkennungswert zu stärken. Nutzen Sie Sekundärfarben, wenn Sie mehr Charakter oder Betonung hinzufügen möchten.
Weitere Informationen finden sich im Kapitel „Farbwelt“.
Inhalt
Wir halten Inhalte prägnant und fokussiert, indem wir ausführlichere Informationen auf besser geeignete und lesbarere Formate wie die Website lenken.
Weitere Informationen finden sich im Kapitel „Tone of Voice“.
Lineare Elemente
Wir nutzen Lineare Elemente gezielt, da der verfügbare Platz begrenzt ist. Wo möglich priorisieren wir pragmatische Gestaltungsansätze wie Gruppierung oder Aufteilung von Inhalten.
Weitere Informationen finden sich im Kapitel „Layout“.
Best Practices
Don'ts
Die folgenden Beispiele zeigen Anwendungen, die nicht mit unseren Gestaltungsprinzipien übereinstimmen.
Wir überlasten das Layout nicht mit vielen Elementen oder Text.
Wir machen die Schriftarten nicht kleiner als empfohlen.
Wir skalieren das Logo nicht kleiner als die definierte Mindestgröße.
Wir verwenden nicht mehrere Calls-to-Action in einem Format.
Wir platzieren keinen Text auf unruhigen Hintergrundbildern.
