CORPORATE DESIGN NRW JUSOS

Die Seite wird erstellt Lukas Reinhardt
 
WEITER LESEN
CORPORATE DESIGN NRW JUSOS
2
           02
         .2
       02
       6.
   :1
 nda
St

                 CORPORATE DESIGN
                 MANUAL
                 NRW JUSOS
CORPORATE DESIGN NRW JUSOS
Weil Zukunft mit uns anders geht

            Dieser Leitfaden ermöglicht es euch, selbst        Enthalten im Leitfaden sind:
           Designs (Social Media, Print etc.) im Design der    Logos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 03
          NRW Jusos zu gestalten. Wir erklären, wie ihr mit    Farben . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 07
          den verschiedenen Elementen arbeiten könnt           Typographie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 08
         und betten für euch alle Dateien zum Download         Gestaltungselemente . . . . . . . . . . . . . . . . . . . . . . .10
         ein. Zusätzlich findet ihr auf unserer Website Hin-   Bilder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11
        weise, wie ihr Designs mit dem Programm Canva          Gestaltungshinweise Social Media . . . . . . . . . . . .12
        erstellen könnt.
CORPORATE DESIGN NRW JUSOS
CD NRW JUSOS / 03

                                                                                   LOGO

                                                                                                 Verbandslogo
                                                                                                 Bildmarke / Signet

                                                                                                 Hauptbestandteil des neuen Verbandlogos ist die
                                                                                                 Blume im Kreis als Bildmarke.
                                                                                                 Sie darf z.B. auf Merch und Werbeartikeln oder als
                                                                                                 Profilbild im Social Web allein dargestellt werden.
                                                                                                 Auch als Gestaltungselement ist sie für sich ste-
                                                                                                 hend einsetzbar.

                      Verbandslogo
               Da die Bildmarke für sich noch
           keinen Bekanntheitsgrad besitzt,
           sollte die Wort-Bild-Marke als of-
            fizielles Logo eingesetzt werden.
           Vor allem immer dann, wenn der
                Absender klar erkennbar sein
                        muss. Das gilt für z.B.:
                Websiteheader, Briefpapiere,
           Flyer, offizielle Dokumente, uvm.
                                                   Verbandslogo                                                                           Verbandslogo
                                                   Wort-Bildmarke (horizontal)                                                            Wort-Bildmarke (vertikal)

                                                   Da ein Logo in vielen unterschiedlichen Anwendungen                                    Das „vertikale“ Logo wird immer dann einge-
                                                   Platz finden muss, gibt es für die bestmögliche Ausnut-                                setzt, wenn die verfügbare Fläche eher hochfor-
                                                   zung der Flächen zwei Varianten der Wort-Bildmarke.                                    matig oder quadratisch ist.
                                                   Das „horizontale“ Logo wird immer dann eingesetzt,
                                                   wenn der zur Verfügung stehende Platz eher flach und
                                                   querformatig ist.

                                                                                                                                                                                            CD NRW JUSOS / 03
CORPORATE DESIGN NRW JUSOS
LOGO

                             Logos Unterbezirke/Kreisverbände
                             (exemplarisch)
                             Während die Landesebene der NRW Jusos den Schriftzug
                             „NRW Jusos“ verwendet, verwenden die Unterbezirke und
                             Kreisverbände die individualisierten Logos, die ihnen zur
                             Verfügung gestellt worden sind. Das Logo ohne Schriftzug
                             verwenden sowohl die Landesebene als auch als auch
                             Unterbezirke und Kreisverbände.

Die Ausrichtung kann hier sowohl
vertikal als auch horizontal
verwendet werden.

                                                                                         CD NRW JUSOS / 04
CORPORATE DESIGN NRW JUSOS
LOGO

                        Logo Schutzraum
                        Um das Logo nicht einzuengen, soll bei der Platzierung immer ein Schutz-           Faustregel
                        raum eingehalten werden. Dieser ergibt sich aus der Größeneinheit „X“.
                                                                                                           Alternativ dazu kann auch
                        Die Größeneinheit „X“ berechnet sich aus der Breite des Signet.                    folgende Faustregel verwen-
                        Freizuhaltende Fläche um das Logo ist ein Sechstel der Signetbreite.               det werden: Zu allen Seiten
                                                                                                           des Logos sollte ein Freiraum
                        Bei den Wort-Bildmarken entspricht die Schutzraumbreite exakt dem                  bestehen, der mindestens 5%
                        Abstand „Y“ zwischen Bild und der Wortmarke.                                       der Logobreite beträgt – bei
                                                                                                           Logos ohne Schriftzug 10%.

X                   X                                                                              X

                                       Y

                                                                                                       Y

Beispiel:
Signetbreite 30mm
30:6= 5mm

                                                   DOWNLOAD
                                                   Logoset NRW Jusos

                                                                                                                              CD NRW JUSOS / 05
CORPORATE DESIGN NRW JUSOS
LOGO

Erlaubte Farbkombinationen                                                          Unerlaubte Farbkombinationen

Logo Farbigkeiten
Das Logo ist vornehmlich in der Primärfarbe NRW Jusos Rot zu verwen-
den. Auf farbigen Hintergründen oder auf Bildern sollte es in weiß ein-
gesetzt werden. Je nach Inhalt des Mediums sind auch andere Farbkom-
binationen zulässig. Hierbei sollte stets auf einen ausreichenden Kontrast
geachtet werden.

                                                                                                                   CD NRW JUSOS / 06
CORPORATE DESIGN NRW JUSOS
FA RBE N

                                                                                                    NRW JUSOS NAVI
                                                                                                    CMYK: 72/41/22/75
                                                                                                    HEX: #1d3342

  NRW JUSOS ROT
CMYK: 0/100/100/0
      HEX: #e3000f                                                  NRW JUSOS SAND                                      NRW JUSOS SONNENGELB
                                                                    CMYK: 72/41/22/75                                   CMYK: 0/30/85/0
                                                                    HEX: #e1dcd2                                        HEX: #fbbb32

                                                      100%

                                                          50%

                                                                NRW JUSOS PETROL
                                                                 CMYK: 84/30/42/0                                             NRW JUSOS WEISS
                                                                     HEX: #118893                                             CMYK: 0/0/0/0
Das neue Design sieht die Verwendung von 6 Farben                                                                             HEX: #ffffff
vor: Rot, Sand, Petrol, Navi, Stadtgrün und Sonnengelb.
Diese werden nur ergänzt durch Schwarz und Weiß. Bei
Bedarf können die Farben auch in einem Transparenz-
                                                                                    NRW JUSOS STADTGRÜN
grad von 50% verwendet werden.                                                          CMYK: 79/23/54/75
                                                                                             HEX: #1a5c52                NRW JUSOS SCHWARZ
                                                                                                                         CMYK: 40/20/20/100
                                                                                                                         HEX: #050d0f

                                                                                                                                              CD NRW JUSOS / 07
CORPORATE DESIGN NRW JUSOS
TYP OGRA P H I E

                                                       Als Typographie verwenden wir die gängigen und kostenfreien
                                                        Schriftarten „Poppins“ und „Assistant“. Wir empfehlen, beide
                                                           Schriftfamilien gänzlich herunterzuladen, jedoch in den
                                                         Designs lediglich folgende vier Schriftarten zu verwenden:
                                                       Poppins Black Italic, Poppins Extrabold Italic, Assistant Regular
                                                                              und Assistant Bold.

                                                                    POPPINS            ASSISTANT

          Überschriften
                               abcdefghijklmnopqrstuvwxyz                             abcdefghijklmnopqrstuvwxyz                     Fließtexte
                                                                                                                                     und Randnotizen
                            ABCDEFGHIJKLMNOPQRSTUVWXYZ                                ABCDEFGHIJKLMNOPQRSTUVWXYZ
                                      1234567890!Ҥ$%&/()=                            1234567890!Ҥ$%&/()=
                                                                  BLACK ITALIC        REGULAR

   Unter-Überschriften,        abcdefghijklmnopqrstuvwxyz                             abcdefghijklmnopqrstuvwxyz                     Bildunterschriften und
     kurze Begleittexte,
   Textauszeichnungen,
                            ABCDEFGHIJKLMNOPQRSTUVWXYZ                                ABCDEFGHIJKLMNOPQRSTUVWXYZ                     Textfettungen

Störertexte, Einlesertext            1234567890!“§$%&/()=                             1234567890!“§$%&/()=
                                                            EXTRABOLD ITALIC          BOLD

                                      https://fonts.google.com/specimen/Poppins        https://fonts.google.com/specimen/Assistant

                                                   DOWNLOAD                                          DOWNLOAD
                                      Schriftart Poppins                                             Schriftart Assistant

                                                                                                                                                       CD NRW JUSOS / 08
CORPORATE DESIGN NRW JUSOS
TYP OGRA P H I E

                                                                                         Überschriften müssen mit den bereitgestellten angeschräg-

               Nonsequ iatisqu dostotas ende                                             ten Farbbalken unterlegt werden. Diese haben links und
                                                                                         rechts eine Schräge von 10 Grad. Bei mehrzeiligen Über-
                                                                                                                                                                DOWNLOAD
                                                                                         schriften können unterschiedliche Farben bei den Farbbal-              Farbbalken
               Sele llupta adio et                                                       ken verwendet werden.

                                        Elest la cum lantur aut est quias nonsequos      Elest la cum lantur aut est quias nonsequos                 Weitere Hinweise zur Verwendung
                                        evel ea siminciis ipsundi cilitam nonsequ        evel ea siminciis ipsundi cilitam nonsequ ia-               der Farbbalken findest du im
                                                                                                                                                     Abschnitt „Gestaltungshinweise
                                        iatisqu ostotas peditam ende dellupta adio       tisqu ostotas peditam ende dellupta adio et                 Social Media“ sowie im Canva-
                                        et iusSedia dolorerspero officipsus et dem       iusSedia dolorerspero officipsus et dem ipsa-               Tutorial.
                                        ipsapellorum hitinimus acienimil ipitis quam     pellorum hitinimus acienimil ipitis quam nes-
                                        nestruptia solorem pelique prae pore, ven-       truptia solorem pelique prae pore, vendigenda
                                        digenda excescitat ex es aut lant, alitemqui     excescitat ex es aut lant, alitemqui velit, que
                                        velit, que natur?                                natur?Quos mos aciant mi, cullumquam latem-          »S
                                                                                                                                                esse intissim volo
                                                                                         por remquia conecae ceatet explatus aut               rumSedis explita
                                                                                                                                               aspiduc illenes qui.
                                                                                         Illiqua tionsed ut latectoria venimagnat om-
                                Magnatia nitaquam                                        nimpore non re lant voluptas as inctur ratecti
                                Sesse intissim volorum                                   beaquae maio. Ut lant eni tenihiliae di officiat.
                                                                                                                                                        Randnotizen oder
                                                                                                                                                        Zusatzinfos verwen-
                                                                                         Molorest lique venimai osanti                                  den Poppins Extra

                                        E    est la cum lantur aut est quias nonsequos   beatusd aepero volorum harum dolupisque                        Bold Italic
    Für Fließtexte kommt Assistant           evel ea siminciis ipsundi cilitam nonsequ   apictur sent debitam, omni occatemporro con
               Regular zum Einsatz.
    Als Textauflockerungen können       iatisqu ostotas peditam ende dellupta adio       coribuscitem volorion rercia dolo-
Initialen in Poppins ExtraBold Italic   et iusSedia dolorerspero officipsus et dem       rum nonse coruptae. Enis aut
                 eingesetzt werden      ipsapellorum hitinimus acienimil ipitis quam     quatem dolorestibus delit
                                        nestruptia solorem pelique prae pore, ven-       excea idis aperem earis
                                        digenda excescitat ex es aut lant, alitemqui
                                        velit, que natur?
                                                                                         mi, voluptibus dolupti
                                                                                                                             JETZT                             Störertexte sind kurz zu
                                                                                                                                                               fassen und versal (in Groß-
                                                                                         atenihit eosandi scimil
                                                                                         idemolu ptatium aut                 WÄHLEN!                           buchstaben) darzustellen

                                                                                         experes tiorernates eos
                                                                                         in corae eos andi dolorio
                                                                                         magni dollic tent raes re
                                                                                         nonsed quodic to estempe llup-
                                                                                         tati officatem fugiam nonsecus dele.

                                                                                                                                                                                  CD NRW JUSOS / 09
CORPORATE DESIGN NRW JUSOS
GE STA LT U N GSE LE M E N T E

                                 Stripes
                                 Gestaltungselemente

                                 Um die Gestaltung etwas aufregender und
                                 jünger erscheinen zu lassen, dürfen Farbflächen
                                 und Bilder mit den Gestaltungselementen
                                 „Stripes“ angereichert werden.

                                 Stripes sind geometrische Linienformen, die sich
                                 über die Gestaltung legen.
                                 Diese dürfen horizontal, vertikal, diagonal oder
                                 kreisförmig verwendet werden.

                                 Es sollten immer mindestens zwei Linien, die
                                 parallel zueinander verlaufen und die selbe
                                 Linienstärke aufweisen, dargestellt werden.

                                 Die Linien sind im 10- oder 45-Grad-Winkel anzu-
                                 legen.

                                 Die Stripes/Gestaltungselemente sollten sparsam
                                 genutzt werden. Wir empfehlen, maximal ein
                                 Element/Stripe je Design zu verwenden.

                                              DOWNLOAD
                                              Stripes

                                                                                    CD NRW JUSOS / 10
BI LD SP RACH E

                                                                                                                   Bildlook
                                                                                                                   Für ein konsequentes Erscheinungsbild ist die Bildsprache
                                                                                                                   entscheidend. Einheitliche Farbigkeit, ähnliche Blickwinkel und
                                                                                                                   Perspektiven prägen eine Bildauffassung.

                                                                                                                   » Die Bilder sollen stets authentisch und ungestellt sein.
                                                                                                                   » Ruhe im Bild bringt die Aussage immer auf den Punkt
                                                                                                                   » Geringe Tiefenschärfe (fotografiert mit offener Blende) lässt
                                                                                                                      ein Bild ästhetisch wirken.

                                                                                                                   Fotopool
                                                                                                                   Zu jedem Kernthema im Wahlkampf wird ein Fotopool zur
                                                                                          Farblook                 Verfügung gestellt. Die angebotenen Bilder können frei
                                                                                                                   verwendet werden. Darüber hinaus empfehlen wir, bei euch
                                                                                          » Warme Farben           vor Ort selber Fotos zu machen, die in euren Beiträgen für
                                                                                          » Hohe Mittenkontraste   lokale Relevanz sorgen. Beachtet bitte stets die jeweiligen
                                                                                          » Entsättigte Töne       Bildrechte.
                                                                                          » Abgesenktes Weiß
                                                                                          » Gefadetes Schwarz
                                                                                                                                                              DOWNLOAD
                                                                                                                                                              Fotopool

                                                                                          Vorher                                           Nachher

Bildlook
Canva Bildbearbeitung

Canva bietet die Möglichkeit, einen Bildlook oder Filter für deine Fotos ein-
zustellen. DIesen haben wir für dich erstellt. Um ihn zu verwenden, musst du
bei Canva im Menü „Bild bearbeiten / Anpassen“ lediglich folgenden Code
eingeben:

Canva Bearbeitungscode:
6e7254646400823298000064261a

Wie du diesen BIldlook hinzufügen kannst, erklären wir dir auch noch einmal
im Canva-Tutorial.

                                                                                                                                                                              CD NRW JUSOS / 11
SOCI A L M E D I A

                   Die Überschriften stehen immer herausgestellt auf den ange-

                                                                                                                Fugia sit quam
                                                                                                                            Die Textausrichtung ist immer links-                   Um das Layout luftig zu halten, sollte ein
                   schrägten Farbbalken und verwenden „Poppins Black Italic“
                                                                                                                            bündig und die Zeilen werden vertikal                  Rand von 1/10 der Kachelgröße eingehalten
                   in Groß- und Kleinschreibung.
                                                                                                                            in den Balken zentriert. Die Strichstärke              werden.
                   Diese sollten maximal 3-zeilig mit bis zu 50 Zeichen lang sein.
                                                                                                                            definiert die Balkenbreite.

                                                                                                                Nus velignimus.
                                                                                                                                                                                   Bei beispielsweise Formaten der Größe 1080
                                                                                                                                                                                   Pixel mal 1080 Pixel (Instagram-Post-Stan-
                                                                                                                                                                                   dardmaße) sind es 108 Pixel Randbreite.

                                                                                                                                                                          1/10

                                                                            Kurze Begleittexte verwenden „Poppins
                                                                            Extrabold Italic“ und sind bis zu 150 Zeichen                                           Das Logo ist optional ein-
                                                                            lang.                                                                                    zusetzen. In den meisten
                                                                                                                                                                     Fällen steht das Logo im
Beitragskacheln                                                                                                                                                     Profilbild direkt über dem     Die Größe des Signets ist
Textkachel Instagram                                                                                                                                                    Beitrag, somit ist eine    1/10 der Größe der Kachel.
                                                                                                                                                                      weitere Abbildung nicht
Die Gestaltung einer Kachel sollte immer prägnant und aufmerksamkeitsstark sein.                                                                                                   erforderlich.   Die Position ist entweder
Auch wenn lediglich Textinhalte transportiert werden sollen, gilt es diese möglichst                                                                                                               unten oder oben mittig auf
schmackhaft und leicht zu erfassen zu gestalten.                                                                                                                                                   der gedachten Randlinie.
Am besten erreicht man dies durch Lesehierarchien. Überschrift, Unterüberschrift,
Begleittext. Als Hintergrund dürfen alle Farben aus dem aus dem Corporate Design
und auch die geometrischen Gestaltungselemente verwendet werden.

                                                                                                                                                                                                                CD NRW JUSOS / 12
SOCI A L M E D I A

                                                                                                                               Wenn es der Inhalt zulässt, dürfen die
                                                                                                                               Farbbalken auch mal unterschiedlich
                                                                                                                               eingefärbt sein.

                                                                                                                           Gemeinsam
                                                                                                                           gegen Gewalt

                                                                                                  Bildunterschriften verwenden „Assistant
                                                                                                  bold und/oder Regular“ und sind maximal
                                                                                                  80 Zeichen lang

Beitragskacheln
Bildkachel Instagram

Bilder oder Videoseqenzen werden meistens auch mit Texten angereichert.
Um dem Bild nicht zu viel Aufmerksamkeit zu nehmen, sollten sie auf der
Kachel nicht allzu viel Platz einnehmen. Im Idealfall arbeitet die Kachel nur mit
einer Überschrift und maximal einer Bildunterschrift.

                                                                                                                                                                        CD NRW JUSOS / 13
SOCI A L M E D I A

   Sehr kurze Aussagen oder Schlagworte können
   auch in Versalien dargestellt werden
   .

Um längere Texte darzustellen, können            Alternativ kannst du die Fläche auch tei-   Sollte es nötig sein, dass der Text noch
auch diese mit breiteren Farbbalken              len, um dem Text mehr Raum zu geben.        länger wird, kannst du die Fläche auch
unterlegt werden.                                                                            vertikal teilen.

                                                                                             Bitte achte aber darauf, den Text nicht
                                                                                             völlig unformatiert zu lassen.

                                                                                                                                        CD NRW JUSOS / 14
SOCI A L M E D I A

Stories
Instagram

Instagram Stories sollen abwechslungsreich und spannend sein. Alle zur
Verfügung stehenden Gestaltungsmittel dürfen eine Rolle spielen.

» Fasse dich bei Headlines und Texten kurz.
» Benutze Bilder, die nicht zu wild sind. In der Ruhe liegt die Kraft.
» Verwende die geometrischen Gestaltungsmittel.
» Halte dich an die Farben.
» Sei kreativ!

                                                                                              CD NRW JUSOS / 15
NRW Jusos
Werdener Straße 4
40227 Düsseldorf
Tel.: 0211 – 136 22 325
info@nrwjusos.de
www.nrwjusos.de

Pascal Skwara
PH OTOGRAPH IE &
ART DIRE K TION

KONTAKT:
Im Lössfeld 10
45892 Gelsenkirchen

T: (0209) 402 39 602
M: (0170) 55 25 290
E: mail@pascalskwara.de

www.skwara.de
Sie können auch lesen