GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020

 
WEITER LESEN
GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020
GESTALTUNGSRICHTLINIEN
ZUR LANDTAGSWAHL IN
BADEN-WÜRTTEMBERG

STAND DEZEMBER 2020
GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020
INHALT

Seite
    3   Allgemeines
    4   Kampagnenclaim
    5   Kampagnenlook
    6   Farbe & Schrift

        Part 1 – Typografie                               Part 2 – Kandidatenfotos
   8    Hardfacts zur Schrift                        28   Kampagnenlook bei Kandidaten
   9    Umgang mit Textbalken & Kampagnenclaim       29   Aufbau Impulslook bei Kandidaten
  11    Aufbau der Schrift im Impulslook             36   Aufbau Layout bei Kandidaten
  15    Kampagnenlook in Print-Layouts               37   Beispiel Großflächenplakat 18/1
  16    Aufbau Print-Layout                          38   Vermaßung Großflächenplakat 18/1
  17    Beispiel Print-Layout Querformat             39   Beispiel Kandidatenplakat Hochformat
  18    Vermaßung Print-Layout Querformat            40   Vermaßung Kandidatenplakat Hochformat
  19    Beispiel Print-Layout Hochformat             41   Beispiel Kandidatenplakat Hochformat V02
  20    Vermaßung Print-Layout Hochformat            42   Aufbau Impulslook bei Kandidaten V02
  21    Überblick Kampagnenlook in Social Media      45   Vermaßung Kandidatenplakat Hochformat V02
  22    Anwendung Kampagnenlook in Social Media      46   Überblick Kampagnenlook in Social Media
  23    Gestaltung Postings mit geringer Textmenge   47   Gestaltung Postings
  24    Gestaltung Facebook & Twitter Header         48   Gestaltung Instagram-Story
  25    Gestaltung Postings mit hoher Textmenge      49   Ansprechpartner & Impressum
  26    Gestaltung Instagram-Story
GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020
ALLGEMEINES

Im Mittelpunkt der Kampagne steht
der Kandidat für Baden-Württemberg,
Dr. Hans-Ulrich Rülke.

                                      3
GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020
KAMPAGNENCLAIM

Der gesamte Look der Kampagne
ergibt sich aus dem Claim:

   DER IMPULS FÜRS LAND.

                                4
GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020
KAMPAGNENLOOK

Die Maßnahmen der Kampagne –
vom Facebook-Post bis zum 18/1
Großflächenplakat – haben einen
eigenständigen Look, welcher visuell
auf den Kampagnenclaim „Der Impuls
fürs Land“ einzahlt.

D.h. die Typografie oder aber das
Objekt / Freisteller des Kandidaten
werden mit einem Impuls versehen.
In unserem Fall wird der Impuls durch
farbig unterschiedliche Konturlinien
visualisiert, die in ihrer Dicke variieren
(immer stärker werden) und so den
unverwechselbaren „Impuls-Look“
der Kampagne erzeugen.

                                                                     DER IMPULS FÜRS LAND.

                                                                            LOREM
                                                                             IPSUM
                                                                            DOLOR
                                                                           SIT AMET,
                                             DR. HANS-ULRICH RÜLKE
                                                                           CONSECTE
                                             LOREM IPSUM                   ADIPISCING        DER IMPULS FÜRS LAND.
                                             DOLOR SIT AMET.
                                             DER IMPULS FÜRS LAND.
                                                                           ELIT SUM.

                                                                                                                     5
GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020
FARBE & SCHRIFT

Die Farben sind Gelb, Magenta und
Cyan. Diese sind jeweils in 100 % zu      C:   0     R: 255   C:   0     R: 229   C:   100   R: 0
benutzen.                                 M:   0     G: 237   M:   100   G: 0     M:   0     G: 158
                                          Y:   100   B: 0     Y:   0     B: 125   Y:   0     B: 227
Bei der Headlineschrift handelt es sich
um die                                    K:   0              K:   0              K:   0
FUTURA STD EXTRA BOLD OBLIQUE.
Diese wird für unseren Look aus-
schließlich in Versalien gesetzt.

                                          ABCDEFGHIJKLMNOPQRSTUVWXYZ
                                          0123456789

                                                                                                      6
GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020
PART 1 –
TYPOGRAFIE
GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020
HARDFACTS ZUR SCHRIFT

Allgemein
Die Headline wird immer in unserem        Schriftgröße variabel
Impuls-Look gestaltet. Sie wird in der
Futura STD Extra Bold Oblique in Ver-     Schrift in VERSALIEN
salien und zentriert gesetzt.
                                          Zeilenabstand 100 % der Schriftgröße
Die Umbrüche innerhalb der Head-
line sind dabei frei wählbar zu setzen.
Eine detaillierte Anleitung zum Aufbau
der Schrift im Impulslook findet sich
auf Seite 10 ff.

Die Schriftgröße ist grundsätzlich
variabel – zu beachten ist, dass der
Kampagnenclaim im Verhältnis zur
Headline aber immer kleiner sein
muss.

                                                                                 8
GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020
UMGANG MIT TEXTBALKEN & KAMPAGNENCLAIM

Textbalken / Kampagnenclaim
Der Textbalken wird entweder für den
Kampagnenclaim oder aber für Subli-
nes, CTAs, etc. verwendet.

Der Text wird ebenfalls nur in Versa-
lien gesetzt. Dieser steht immer auf
einem cyanfarbenen Balken. Dessen
Höhe entspricht 136 % der Schriftgrö-
ße. Die Schrift wird in der Vertikalen
mittig ausgerichtet, gemessen an der
Versalhöhe. Der horizontale Abstand
ist jeweils ein Leerzeichen. Der Text-   Kampagnenclaim / Texbalken mittig,
balken steht immer mittig auf der
äußersten Impulslinie.                   Größe variabel, optisch passend zur
                                         Headline, min. 50 % der
Dabei sollte der Text immer so groß      Headlinegröße                         DER IMPULS FÜRS LAND.
wie möglich gesetzt werden, mindes-
tens 50 % der Headlinegröße haben,
diese aber nicht überschreiten.

                                                                                                       9
GESTALTUNGSRICHTLINIEN ZUR LANDTAGSWAHL IN BADEN-WÜRTTEMBERG - STAND DEZEMBER 2020
AUFBAU DER SCHRIFT IM IMPULSLOOK

Der Aufbau des gesamten Looks muss       Step 1
immer in Adobe Illustrator erfolgen.
Das fertige Objekt kann im nachhin-      - Setzen der Headline / Typografie
ein in Adobe InDesign kopiert und zur    in der Futura STD Extra Bold Oblique
Verwendung in Layouts weiter be-         (VERSALIEN) in Magenta, zentriert
nutzt werden.
                                         - Konvertieren der Schrift in Pfade
Die einzelnen Impulslinien folgen im-
mer einem ganz bestimmten Prinzip,       - Pfad-Schrift kopieren
welches sich an der benutzten Schrift-
größe orientiert.

Zu befolgendes Schema:

Kontur   1: Schriftgröße x 0,25
Kontur   2: Schriftgröße x 0,55
Kontur   3: Schriftgröße x 0,9
Kontur   4: Schriftgröße x 1,5
Kontur   5: Schriftgröße x 2,3
Kontur   6: Schriftgröße x 3,4

Im folgenden werden die einzelnen
Schritte des Aufbaus erklärt.

                                                                                10
AUFBAU DER SCHRIFT IM IMPULSLOOK

Step 2                                    - gesamte Fläche markieren und in    - anschließend kleine „Blitzer“ in der
                                          Fläche umwandeln mit dem Befehl      gelben Fläche entfernen (einfach die
- kopierte Pfad-Schrift an gleicher       Objekt > Pfad > Konturlinie          Ankerpunkte mit dem Direktauswahl-
Stelle einsetzen                                                               Werkzeug löschen) und weiße Lücken
                                          - gesamte Fläche markieren und mit   manuell schließen (gelbe, passende
- Versehen der Schrift mit einer gelben   dem Pathfinder in den Formmodi zu    Form erstellen und die Flächen über-
Fläche                                    einer Fläche vereinen                lagern).

- Versehen der Schrift mit einer gelben
Konturlinie in ausgerechneter Stärke:

Kontur 1: Schriftgröße x 0,25

- Konturlinie mittig ausrichten und
Ecken abrunden

                                                                               - Fläche in den Hintergrund / hinterste
                                                                               Ebene stellen

                                                                                                                         11
AUFBAU DER SCHRIFT IM IMPULSLOOK

Step 3                                    Step 4                                    Step 5

- magentafarbene Pfad-Schrift kopie-      - magentafarbene Pfad-Schrift kopie-      - magentafarbene Pfad-Schrift kopie-
ren und an gleicher Stelle einsetzen      ren und an gleicher Stelle einsetzen      ren und an gleicher Stelle einsetzen

- Versehen der Schrift mit einer ma-      - Versehen der Schrift mit einer gelben   - Versehen der Schrift mit einer cyan-
gentafarbenen Konturlinie in ausge-       Konturlinie in ausgerechneter Stärke:     farbenen Konturlinie in ausgerechne-
rechneter Stärke:                                                                   ter Stärke:
                                          Kontur 3: Schriftgröße x 0,9
Kontur 2: Schriftgröße x 0,55                                                       Kontur 4: Schriftgröße x 1,5
                                          - Konturlinie mittig ausrichten und
- Konturlinie mittig ausrichten und       Ecken abrunden                            - Konturlinie mittig ausrichten und
Ecken abrunden                                                                      Ecken abrunden
                                          - Fläche in den Hintergrund / hinterste
- Fläche in den Hintergrund / hinterste   Ebene stellen                             - Fläche in den Hintergrund / hinterste
Ebene stellen                                                                       Ebene stellen

                                                                                                                              12
AUFBAU DER SCHRIFT IM IMPULSLOOK

Step 6                                    Step 7                                    Step 8

- magentafarbene Pfad-Schrift kopie-      - magentafarbene Pfad-Schrift kopie-      Kampagnenclaim bzw. Textbalken
ren und an gleicher Stelle einsetzen      ren und an gleicher Stelle einsetzen      mittig auf die äußerste magentafarbe-
                                                                                    ne Konturlinie setzen.
- Versehen der Schrift mit einer gelben   - Versehen der Schrift mit einer ma-
Konturlinie in ausgerechneter Stärke:     gentafarbenen Konturlinie in ausge-
                                          rechneter Stärke:
Kontur 5: Schriftgröße x 2,3
                                          Kontur 6: Schriftgröße x 3,4
- Konturlinie mittig ausrichten und
Ecken abrunden                            - Konturlinie mittig ausrichten und
                                          Ecken abrunden
- Fläche in den Hintergrund / hinterste
Ebene stellen                             - Fläche in den Hintergrund / hinterste
                                          Ebene stellen

                                                                                      DER IMPULS FÜRS LAND.

                                                                                                                            13
AUFBAU DER SCHRIFT IM IMPULSLOOK

Step 9                                   Achtung:

Die fertig kreierte Datei kann nun von   Beim Skalieren immer darauf achten,
Illustrator nach InDesign kopiert und    dass die Konturlinien mit skaliert wer-
beliebig skaliert werden.                den (Häkchen bei „Konturstärke bei
                                         Skalierung anpassen“ muss gesetzt
                                         werden).

  DER IMPULS FÜRS LAND.

                                                                                   14
KAMPAGNENLOOK IN PRINT-LAYOUTS

Der unverwechselbare Impuls-Look
kommt auch bei rein typografischen
Printumsetzungen besonders gut zur
Geltung.

Im folgenden findet sich eine Beschrei-
bung zum Aufbau der Layouts in
Print-Medien.

                                          15
AUFBAU PRINT-LAYOUT

1.
Zum Einsetzen in die unterschiedlichen
Formate (hoch, quer, quadratisch)
die fertig erstellte Datei wie vorher
beschrieben auf die benötigte Layout-
größe skalieren.

2.
Nun wird der Text im Impuls-Look auf
einem weißen Hintergrund platziert.
Die Größe ist variabel und so zu wäh-
len, dass der Text so groß und format-
füllend wie möglich gesetzt wird.

Die Subline steht immer in Weiß auf
einem cyanfarbenen Textbalken
(siehe S. 9, Umgang mit Textbalken &
Kampagnenclaim).

3.
Das FDP Logo ist immer fester Be-
standteil jedes Layouts. Das Logo
kann beliebig oben links oder rechts
platziert werden.

                                         16
BEISPIEL PRINT-LAYOUT QUERFORMAT

                                   17
VERMASSUNG PRINT-LAYOUT QUERFORMAT

Das Großflächenplakat wird im
Maßstab 1:6 angelegt, das entspricht
                                                1
dem Format DIN A2 (594 x 420 mm).

                                            3
1

Die Breite des Logos (inkl. des defi-
nierten Schutzraums) beträgt 30 %
der Formatbreite. Es steht bündig zum
Formatrand oben links oder rechts.

2

Mit der unter Punkt 1 definierten       2

Logogröße ergibt sich die äußere
Schutzzone, in der sich keine Text-
elemente befinden dürfen.

3

Der Text im Impuls-Look ist so groß
und formatfüllend wie möglich zu
platzieren. Er steht immer zentriert
auf dem Layout.

                                                    18
BEISPIEL PRINT-LAYOUT HOCHFORMAT

                                   19
VERMASSUNG PRINT-LAYOUT HOCHFORMAT

Format DIN A0 (841 x 1189 mm)
Format DIN A1 (594 x 841 mm)

                                            1
1

Die Breite des Logos (inkl. des defi-
nierten Schutzraums) beträgt 40 %
                                                3
der Formatbreite. Es steht bündig zum
Formatrand oben links oder rechts.

2

Mit der unter Punkt 1 definierten
Logogröße ergibt sich die äußere
Schutzzone, in der sich keine Text-
elemente befinden dürfen.
                                        2

3

Der Text im Impuls-Look ist so groß
und formatfüllend wie möglich zu
platzieren. Er steht immer zentriert
auf dem Layout.

                                                    20
ÜBERBLICK KAMPAGNENLOOK IN SOCIAL MEDIA

Der unverwechselbare Impuls-Look
zieht sich natürlich auch durch sämt-
liche soziale Medien.

Im folgenden findet sich eine Beschrei-
bung zum Aufbau der digitalen Lay-
outs für die unterschiedlichen Kanäle.
                                                     DER IMPULS FÜRS LAND.

                                          Beispiel Twitter-Post                           Beispiel Facebook-Header

                                                                             fdp 18h         fdp 18h     fdp 18h      fdp 18h

                                                                               LOREM          LOREM        LOREM
                                                                                IPSUM          IPSUM        IPSUM
                                                                               DOLOR          DOLOR        DOLOR
                                                                              SIT AMET,      SIT AMET,    SIT AMET,
                                                                              CONSECTE       CONSECTE     CONSECTE
                                                                             ADIPISCING     ADIPISCING   ADIPISCING
                                                                              ELIT SUM.      ELIT SUM.    ELIT SUM.

                                                                         Beispiel Instagram-Story

                                          Beispiel Facebook- und
                                          Instagram-Post

                                                                                                                                21
ANWENDUNG KAMPAGNENLOOK IN SOCIAL MEDIA

Auch in Social Media wird vorrangig
auf den Impulslook gesetzt.
Je nach Textlänge gibt es allerdings             LOREM
eine alternative Gestaltungsvariante:
So setzen wir längere Texte als ein-              IPSUM
fachen Font in der Futura STD Extra
Bold Oblique in Versalien zentriert auf          DOLOR
unterschiedlich farbige Hintergründe
(Gelb, Cyan, Weiß).                             SIT AMET,
                                                CONSECTE
                                                ADIPISCING
                                                ELIT SUM.

                                          Beispiel Facebook- und Instagram-Post

                                                                                  22
GESTALTUNG POSTINGS MIT GERINGER TEXTMENGE

Facebook
Format 800 x 800 px

Instagram
Format 1080 x 1080 px

(Die optimale Textlänge für Facebook-
und Instagram-Post liegt bei ca. 30
Zeichen.)

Twitter                                                 LOREM IMPSUM
Format 1200 x 670 px

(Die optimale Textlänge für einen
Twitterpost sollte ca. 55 Zeichen nicht
überschreiten.)

                                          DER IMPULS FÜRS LAND.

                                                                       23
GESTALTUNG FACEBOOK & TWITTER HEADER

Facebook Header
Format 640 x 360 px oder
Format 820 x 312 px

Twitter Header
Format 1500 x 500 px

                           DER IMPULS FÜRS LAND.

                                                   24
GESTALTUNG POSTINGS MIT HOHER TEXTMENGE

Facebook
Format 800 x 800 px                       LOREM        LOREM        LOREM
                                           IPSUM        IPSUM        IPSUM
Instagram                                 DOLOR        DOLOR        DOLOR
Format 1080 x 1080 px                    SIT AMET,    SIT AMET,    SIT AMET,
                                         CONSECTE     CONSECTE     CONSECTE
Bei Postings, wo mehr Text benötigt      ADIPISCING   ADIPISCING   ADIPISCING
wird, sollten die Postings immer als     ELIT SUM.    ELIT SUM.    ELIT SUM.    LOREM IMPSUM

Carousel-Post erfolgen, damit das
letzte Bild mit der Hauptbotschaft im
Impulslook dargestellt werden kann.

Der Text wird dabei immer als einfa-
cher Font in der Futura STD Extra Bold
Oblique in Versalien zentriert auf
unterschiedlich farbige Hintergründe
gesetzt (Gelb, Cyan, Weiß).

                                                                                               25
GESTALTUNG INSTAGRAM STORY

Instagram-Story
Format 1080 x 1920 px                   fdp 18h      fdp 18h      fdp 18h      fdp 18h

Beim Anlegen der Layouts für Insta-
gram-Stories gehen wir von einer
längeren Copy aus. Deswegen ist           LOREM        LOREM        LOREM
diese in der Futura STD Extra Bold         IPSUM        IPSUM        IPSUM
Oblique zentriert in Versalien auf        DOLOR        DOLOR        DOLOR
                                         SIT AMET,    SIT AMET,    SIT AMET,
unterschiedlich farbige Hintergründe
                                         CONSECTE     CONSECTE     CONSECTE
zu setzen (Gelb, Cyan oder Weiß).       ADIPISCING   ADIPISCING   ADIPISCING
                                         ELIT SUM.    ELIT SUM.    ELIT SUM.
Nur die Hauptbotschaft zum Schluss
wird in unserem Impuls-Look ge-
setzt, wobei die Subline oder der CTA
immer im cyanfarbenen Textbalken
platziert ist.

Wenn die Instagram-Story nur mit                                               fdp 18h

dem Kampagnenclaim abgebunden
wird, so steht dieser im Impuls-Look
und wird ggf. um den cyanfarbenen
Textbalken mit einer Subline oder
dem CTA erweitert.

                                                                                   LOREM IMPSUM

                                                                                                  26
PART 2 –
KANDIDATENFOTOS
KAMPAGNENLOOK BEI KANDIDATEN

Der unverwechselbare Impuls-Look
kommt auch bei der Darstellung von
Kandidaten zum Einsatz.

Im folgenden findet sich eine Beschrei-
bung zum Aufbau des Impuls-Looks
bei Kandidaten.

                                          28
AUFBAU IMPULSLOOK BEI KANDIDATEN

Der Aufbau des gesamten Looks um              Step 1                                     Step 2
den Kandidaten herum muss immer in
Adobe Illustrator erfolgen.                   - Platzieren des Freistellers des Kandi-   - Sobald das Foto in den richtigen Ma-
Das fertige Objekt kann im nachhin-           datenfotos in Illustrator                  ßen platziert ist, muss dieses mit dem
ein in Adobe InDesign kopiert und zur                                                    Bildnachzeichner als Silhoutte nach-
Verwendung in Layouts weiter be-              - Skalieren des Fotos, damit der Kopf      gezeichnet werden (Schwellenwert so
nutzt werden.                                 des Kandidaten in ein Quadrat mit          hoch setzen, dass eine geschlossene
                                              den Abmessungen 40 mm x 40 mm              Fläche entsteht). Umwandeln nicht
Für die einzelnen Impulslinien legen          passt                                      vergessen.
wir einen Maßstab zugrunde, der sich
an der Größe des Kopfes orientiert.
Um auch großformatige Layouts opti-
mal zu füllen, benötigen wir hier mehr
Impulslinien als bei der Typografie.

Zu befolgendes Schema,
ausgehend von einer Kopfgröße
40 mm x 40 mm:

Kontur   1: 4,7 pt    Kontur   8: 99 pt
Kontur   2: 9,4 pt    Kontur   9: 130,6 pt
Kontur   3: 16,5 pt   Kontur   10: 171,2 pt
Kontur   4: 26,9 pt   Kontur   11: 227,3 pt
Kontur   5: 39,1 pt   Kontur   12: 292,4 pt
Kontur   6: 55,2 pt   Kontur   13: 389 pt
Kontur   7: 74 pt

Im folgenden werden die einzelnen
Schritte des Aufbaus erklärt.

                                                                                                                                  29
AUFBAU IMPULSLOOK BEI KANDIDATEN

Step 3                                    Step 4                                    Step 5

- Form kopieren und an gleicher Stelle    - Form kopieren und an gleicher Stelle    - Form kopieren und an gleicher Stelle
einsetzen                                 einsetzen                                 einsetzen

- Versehen der Form mit einer gelben      - Versehen der Form mit einer cyan-       - Versehen der Form mit einer magen-
Konturlinie in folgender Stärke:          farbenen Konturlinie in folgender         tafarbenen Konturlinie in folgender
                                          Stärke:                                   Stärke:
Kontur 1: 4,7 pt
                                          Kontur 2: 9,4 pt                          Kontur 3: 16,5 pt
- Konturlinie mittig ausrichten und
Ecken abrunden                            - Konturlinie mittig ausrichten und       - Konturlinie mittig ausrichten und
                                          Ecken abrunden                            Ecken abrunden
- Fläche in den Hintergrund / hinterste
Ebene stellen                             - Fläche in den Hintergrund / hinterste   - Fläche in den Hintergrund / hinterste
                                          Ebene stellen                             Ebene stellen

                                                                                                                              30
AUFBAU IMPULSLOOK BEI KANDIDATEN

Step 6                                    Step 7                                    Step 8

- Form kopieren und an gleicher Stelle    - Form kopieren und an gleicher Stelle    - Form kopieren und an gleicher Stelle
einsetzen                                 einsetzen                                 einsetzen

- Versehen der Form mit einer gelben      - Versehen der Form mit einer cyan-       - Versehen der Form mit einer magen-
Konturlinie in folgender Stärke:          farbenen Konturlinie in folgender         tafarbenen Konturlinie in folgender
                                          Stärke:                                   Stärke:
Kontur 4: 26,9 pt
                                          Kontur 5: 39,1 pt                         Kontur 6: 55,2 pt
- Konturlinie mittig ausrichten und
Ecken abrunden                            - Konturlinie mittig ausrichten und       - Konturlinie mittig ausrichten und
                                          Ecken abrunden                            Ecken abrunden
- Fläche in den Hintergrund / hinterste
Ebene stellen                             - Fläche in den Hintergrund / hinterste   - Fläche in den Hintergrund / hinterste
                                          Ebene stellen                             Ebene stellen

                                                                                                                              31
AUFBAU IMPULSLOOK BEI KANDIDATEN

Step 9                                    Step 10                                   Step 11

- Form kopieren und an gleicher Stelle    - Form kopieren und an gleicher Stelle    Die fertig kreierte Datei kann nun von
einsetzen                                 einsetzen                                 - Form kopieren und an gleicher Stelle
                                                                                    einsetzen
- Versehen der Form mit einer gelben      - Versehen der Form mit einer cyan-
Konturlinie in folgender Stärke:          farbenen Konturlinie in folgender         - Versehen der Form mit einer magen-
                                          Stärke:                                   tafarbenen Konturlinie in folgender
Kontur 7: 74 pt                                                                     Stärke:
                                          Kontur 8: 99 pt
- Konturlinie mittig ausrichten und                                                 Kontur 9: 130,6 pt
Ecken abrunden                            - Konturlinie mittig ausrichten und
                                          Ecken abrunden                            - Konturlinie mittig ausrichten und
- Fläche in den Hintergrund / hinterste                                             Ecken abrunden
Ebene stellen                             - Fläche in den Hintergrund / hinterste
                                          Ebene stellen                             - Fläche in den Hintergrund / hinterste
                                                                                    Ebene stellen

                                                                                                                              32
AUFBAU IMPULSLOOK BEI KANDIDATEN

Step 12                                   Step 13                                   Step 14

- Form kopieren und an gleicher Stelle    - Form kopieren und an gleicher Stelle    - Form kopieren und an gleicher Stelle
einsetzen                                 einsetzen                                 einsetzen

- Versehen der Form mit einer gelben      - Versehen der Form mit einer cyan-       - Versehen der Form mit einer magen-
Konturlinie in folgender Stärke:          farbenen Konturlinie in folgender         tafarbenen Konturlinie in folgender
                                          Stärke:                                   Stärke:
Kontur 10: 171,2 pt
                                          Kontur 11: 227,3 pt                       Kontur 12: 292,4 pt
- Konturlinie mittig ausrichten und
Ecken abrunden                            - Konturlinie mittig ausrichten und       - Konturlinie mittig ausrichten und
                                          Ecken abrunden                            Ecken abrunden
- Fläche in den Hintergrund / hinterste
Ebene stellen                             - Fläche in den Hintergrund / hinterste   - Fläche in den Hintergrund / hinterste
                                          Ebene stellen                             Ebene stellen

                                                                                                                              33
AUFBAU IMPULSLOOK BEI KANDIDATEN

Step 15                                   Step 16                                   Step 17

- Form kopieren und an gleicher Stelle    - Form kopieren und an gleicher Stelle    Die fertig kreierte Datei kann nun von
einsetzen                                 einsetzen                                 Illustrator nach InDesign kopiert und
                                                                                    beliebig skaliert werden.
- Versehen der Form mit einer gelben      - Versehen der Form mit einer cyan-       Die Form OHNE die schwarze Silhoutte
Konturlinie in folgender Stärke:          farbenen Konturlinie in folgender         nach InDesign kopieren. In InDesign
                                          Stärke:                                   wird dann das freigestellte Kandida-
Kontur 13: 389 pt                                                                   tenfoto mittig anstelle der Silhoutte
                                          Kontur 14: 505,7 pt                       platziert.
- Konturlinie mittig ausrichten und
Ecken abrunden                            - Konturlinie mittig ausrichten und       Sollten noch mehr Impulslinien be-
                                          Ecken abrunden                            nötigt werden, so sind diese mit dem
- Fläche in den Hintergrund / hinterste                                             Faktor x 1,3 der letzten Konturstärke
Ebene stellen                             - Fläche in den Hintergrund / hinterste   zu setzen.
                                          Ebene stellen

                                                                                                                             34
AUFBAU IMPULSLOOK BEI KANDIDATEN

Achtung:

Beim Skalieren immer darauf achten,
dass die Konturlinien mit skaliert wer-
den (Häkchen bei „Konturstärke bei
Skalierung anpassen“ muss gesetzt
werden).

                                          35
AUFBAU LAYOUT BEI KANDIDATEN

1.                                          3.
Zum Einsetzen in die unterschiedlichen      Das FDP Logo ist immer fester Be-
Formate (hoch, quer, quadratisch)           standteil jedes Layouts und oben links
die fertig erstellte Datei wie vorher       oder rechts zu platzieren.
beschrieben formatfüllend skalieren.
Das Foto des Kandidaten ist bei allen       Um die Lesbarkeit des Logos auf dem
Formaten an der unteren Seite in den        farbigen Hintergrund zu gewährleis-
Anschnitt zu setzen.                        ten, sollte was die Farbigkeit angeht,
                                            immer das Logo mit dem meisten
2.                                          Kontrast gewählt werden.
Nun wird der Textblock auf dem Hin-
tergrund platziert. Der Text ist stets in
der Futura STD Extra Bold Oblique in
Versalien linksbündig zu setzen. Die
Größe ist variabel und so zu wählen,        Logopaket:
dass das Motiv dabei gut zur Geltung
kommt und wesentliche Bestandteile
nicht verdeckt werden.
Die Farbigkeit der Headline kann ent-
weder in gelber Schrift auf einen ma-
gentafarbenen Textbalken oder aber
in magentafarbener Schrift auf einen
gelben Textbalken gesetzt werden.

Overline und Subline stehen immer
in Weiß auf dem cyanfarbenen Text-
balken (siehe Angaben auf S. 9 zu
Umgang mit Textbalken & Kampag-
nenclaim).

                                                                                     36
BEISPIEL GROSSFLÄCHENPLAKAT 18/1

                                   37
VERMASSUNG GROSSFLÄCHENPLAKAT 18/1

Das Großflächenplakat wird im
Maßstab 1:6 angelegt, das entspricht
dem Format DIN A2 (594 x 420 mm).
                                         1

1

Die Breite des Logos (inkl. des defi-            2
nierten Schutzraums) beträgt 30 %
der Formatbreite. Es steht bündig zum
Formatrand oben links oder rechts.

2

Mit der unter Punkt 1 definierten
Logogröße ergibt sich die äußere
Schutzzone, in der sich keine Text-
elemente befinden dürfen.
                                             3

3

Der Text ist stets linksbündig zu set-
zen. Die Position und Größe des Text-
blocks ist variabel und muss entspre-
chend des Motivs platziert werden.
Der Textblock muss sich innerhalb des
Satzspiegels befinden.

Logopaket:

                                                     38
BEISPIEL KANDIDATENPLAKAT HOCHFORMAT

                                       39
VERMASSUNG KANDIDATENPLAKAT HOCHFORMAT

Format DIN A0 (841 x 1189 mm)
Format DIN A1 (594 x 841 mm)

1

Die Breite des Logos (inkl. des defi-            1

nierten Schutzraums) beträgt 40 %
der Formatbreite. Es steht bündig zum
Formatrand oben links oder rechts.

2

                                         2
Mit der unter Punkt 1 definierten
Logogröße ergibt sich die äußere
Schutzzone, in der sich keine Text-
elemente befinden dürfen.

3

Der Text ist stets linksbündig zu set-       3

zen. Die Position und Größe des Text-
blocks ist variabel und muss entspre-
chend des Motivs platziert werden.
Der Textblock muss sich innerhalb des
Satzspiegels befinden.

                                                     40
BEISPIEL KANDIDATENPLAKAT HOCHFORMAT V02

                                           41
AUFBAU IMPULSLOOK BEI KANDIDATEN V02

Der Aufbau des gesamten Looks um         Step 1                                     Step 2
den Kandidaten herum muss immer in
Adobe Illustrator erfolgen.              - Platzieren des Freistellers des Kandi-   - Sobald das Foto in den richtigen Ma-
Das fertige Objekt kann im nachhin-      datenfotos in Illustrator                  ßen platziert ist, muss dieses mit dem
ein in Adobe InDesign kopiert und zur                                               Bildnachzeichner als Silhoutte nach-
Verwendung in Layouts weiter be-         - Skalieren des Fotos, damit der Kopf      gezeichnet werden (Schwellenwert so
nutzt werden.                            des Kandidaten in ein Quadrat mit          hoch setzen, dass eine geschlossene
                                         den Abmessungen 40 mm x 40 mm              Fläche entsteht). Umwandeln nicht
Für die einzelnen Impulslinien legen     passt                                      vergessen.
wir einen Maßstab zugrunde, der sich
an der Größe des Kopfes orientiert.
Um auch großformatige Layouts opti-
mal zu füllen, benötigen wir hier mehr
Impulslinien als bei der Typografie.

Zu befolgendes Schema,
ausgehend von einer Kopfgröße
40 mm x 40 mm:

Kontur   1: 5,5 pt
Kontur   2: 17,7 pt
Kontur   3: 35,5 pt
Kontur   4: 54,9 pt

Im folgenden werden die einzelnen
Schritte des Aufbaus erklärt.

                                                                                                                             42
AUFBAU IMPULSLOOK BEI KANDIDATEN V02

Step 3                                    Step 4                                    Step 5

- Form kopieren und an gleicher Stelle    - Form kopieren und an gleicher Stelle    - Form kopieren und an gleicher Stelle
einsetzen                                 einsetzen                                 einsetzen

- Versehen der Form mit einer gelben      - Versehen der Form mit einer cyan-       - Versehen der Form mit einer magen-
Konturlinie in folgender Stärke:          farbenen Konturlinie in folgender         tafarbenen Konturlinie in folgender
                                          Stärke:                                   Stärke:
Kontur 1: 5,5 pt
                                          Kontur 2: 9,4 pt                          Kontur 3: 16,5 pt
- Konturlinie mittig ausrichten und
Ecken abrunden                            - Konturlinie mittig ausrichten und       - Konturlinie mittig ausrichten und
                                          Ecken abrunden                            Ecken abrunden
- Fläche in den Hintergrund / hinterste
Ebene stellen                             - Fläche in den Hintergrund / hinterste   - Fläche in den Hintergrund / hinterste
                                          Ebene stellen                             Ebene stellen

                                                                                                                              43
AUFBAU IMPULSLOOK BEI KANDIDATEN V02

Step 6

- Form kopieren und an gleicher Stelle
einsetzen

- Versehen der Form mit einer gelben
Konturlinie in folgender Stärke:

Kontur 4: 26,9 pt

- Konturlinie mittig ausrichten und
Ecken abrunden

- Fläche in den Hintergrund / hinterste
Ebene stellen

                                          44
VERMASSUNG KANDIDATENPLAKAT HOCHFORMAT V02

Format DIN A0 (841 x 1189 mm)
Format DIN A1 (594 x 841 mm)

1
                                             1

Die Breite des Logos (inkl. des defi-
nierten Schutzraums) beträgt 40 %
der Formatbreite. Es steht bündig zum
Formatrand oben links oder rechts.

2

                                         2
Mit der unter Punkt 1 definierten
Logogröße ergibt sich die äußere
Schutzzone, in der sich keine Text-
elemente befinden dürfen.

3

Der Text ist stets linksbündig zu set-           3

zen. Die Position und Größe des Text-
blocks ist variabel und muss entspre-
chend des Motivs platziert werden.
Der Textblock muss sich innerhalb des
Satzspiegels befinden.

                                                     45
ÜBERBLICK KAMPAGNENLOOK IN SOCIAL MEDIA

Auch in Social Media setzen wir auf
den Impuls-Look bei den Kandidaten.       fdp 18h

Im folgenden finden sich Beispiele
zum Aufbau der digitalen Layouts für
die unterschiedlichen Kanäle.

                                         DR. HANS-ULRICH RÜLKE       DR. HANS-ULRICH RÜLKE
                                          LOREMPA
                                          IPSUMQUE,                   LOREM IPSUM
                                          DOLOR SIT
                                          AMET NUMI.
                                                                      DOLOR SIT AMET.
                                         DER IMPULS FÜRS LAND.       DER IMPULS FÜRS LAND.

                                       Beispiel Instagram-       Beispiel Facebook- und Instagram-Post
                                       Story

                                                                   DR. HANS-ULRICH RÜLKE

                                                                   LOREM IPSUM
                                                                   DOLOR SIT AMET.
                                                                   DER IMPULS FÜRS LAND.

                                                                 Beispiel Twitter-Post

                                                                                                         46
GESTALTUNG POSTINGS

Facebook
Format 800 x 800 px

Instagram
Format 1080 x 1080 px

Twitter
Format 1200 x 670 px

                        DR. HANS-ULRICH RÜLKE                      BEATE MUSTERFRAU

                        LOREM IPSUM                                 LOREM IPSUM
                        DOLOR SIT AMET.                             DOLOR SIT AMET.
                        DER IMPULS FÜRS LAND.                      LOREM IPSUM DOLOR.

                                                DR. HANS-ULRICH RÜLKE

                                                LOREM IPSUM
                                                DOLOR SIT AMET.
                                                DER IMPULS FÜRS LAND.

                                                                                        47
GESTALTUNG INSTAGRAM-STORY

Instagram-Story
Format 1080 x 1920 px

                              fdp 18h

                              DR. HANS-ULRICH RÜLKE

                              LOREMPA
                              IPSUMQUE,
                              DOLOR SIT
                              AMET NUMI.
                              DER IMPULS FÜRS LAND.

                                                      48
ANSPRECHPARTNER & IMPRESSUM

Verantwortlich
Jan Packebusch
Hauptgeschäftsführer
FDP Baden-Württemberg

Postanschrift
FDP Baden-Württemberg
Rosensteinstraße 22
70191 Stuttgart

Kontakt
Telefon: +49 (0)711 66618 - 21
E-Mail: jan.packebusch@fdp.de

                                 49
Sie können auch lesen