CORPORATE DESIGN NRW JUSOS
←
→
Transkription von Seiteninhalten
Wenn Ihr Browser die Seite nicht korrekt rendert, bitte, lesen Sie den Inhalt der Seite unten
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.
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
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
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
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
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
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
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
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