Quelltext der Seite Pirate Design/Aktuell

{{Kasten_rot|Zur Info|Die [[AG Piratenidentität]] hat einen Vorschlag für ein '''neues''' und ihrer Meinung nach professionelleres '''Pirate Design''' erstellt. Dies betrifft insbesondere Farben, Schriften und Vorlagen. Du findest dies [[Pirate_Design/Vorschlag|hier]]. Wenn Du selbst Druckmedien erstellen willst, schau bitte vorher auf [[Druckerzeugnis]] vorbei.}}
{{TOC rechts}}
Das '''Pirate Design''' ist das [[p:Corporate Design|Corporate Design]] der [[Piratenpartei]]. Die folgende Anleitung dient als Hilfestellung beim Design von [[Werbemittel|Werbemitteln]], da sie die aktuelle Verwendung des [[Parteilogo|Logos]] und weiterer PD-Elemente dokumentiert.

Hier sind die aktuell verwendeten Logos, Farben und Schriften von Layouts der Piratenpartei zu finden.

Das Signet mit dem Segel wurde von der schwedischen Piratpartiet übernommen. Das Logo der deutschen Piratenpartei (Segel und Schrift) sollte wegen des Wiedererkennungswerts möglichst so verwandt werden, wie unten beschrieben. Liegen spezielle Gründe vor, kann vom Gestaltungsvorschlag natürlich abgewichen werden.

{{:PIRATENsignet}}
; &nbsp;<br />So kannst Du es im Wiki benutzen :

 <nowiki>  [[Bild:PIRATENsignet.svg|45px|link=]]  </nowiki>

; In Office & Co. : Es gibt das Signet zur einfacheren Verwendung im Text auch als Schriftart in einem [[PiratenSymbolFont]].

= Logo der Partei (Signet mit Schriftzug)=

== Ursprungsversion, hauptsächlich für Internet ==
Diese erste Version des Logos ist schwierig einzusetzen, da es sich mit 3 Farben, die an den Hintergrund grenzen (Schwarz, Weiss, Orange) nur auf wenigen Hintergründen gut abhebt. Und diese Hintergründe sind dann auf Flyern etc. meist schwer umzusetzen. Daher bitte nur im Online- und Screen-Design einsetzen und im Print-Bereich das nachstehende Logo verwenden.

'''Hinweis:''' Auf weissem Hintergrund hebt sich der weisse Kasten naturgemäß nicht ab, wird jedoch gleichwohl häufig verwendet. Der Hintergrund darf sich mit dem Orange des Logos nicht "beissen", sollte also möglichst nicht (zu) farbig sein. Das Weiss des Logos sollte sich abheben, aber nicht zu stark, Hintergrund sollte also nicht zu dunkel sein.

[[Datei:Logo_3d.svg|thumb|150px|left|[[:Datei:Logo_3d.svg|SVG]]<br />Vektorgrafik<br />beliebig vergrößerbar]]  
[[Datei:Logo_normal_.svg|thumb|150px|left|[[:Datei:Logo_normal_.svg|SVG]]<br />Vektorgrafik<br />beliebig vergrößerbar]] 
[[Datei:Logo_sw_.svg|thumb|150px|left|[[:Datei:Logo_sw_.svg|SVG]]<br />Vektorgrafik<br />beliebig vergrößerbar]]
[[Datei:PP_Logo_3d_solo.png|thumb|150px|left|[[:Datei:PP_Logo_3d_solo.png|PNG]]<br />Rastergrafik<br />≈ 23cm x 8cm @ 300 ppi<br />≈ 11cm x 4cm @ 600 ppi]]
[[Datei:OrangeFlag_Size2.gif|thumb|150px|left|[[:Datei:OrangeFlag_Size2.gif|GIF]]<br />Animierte Rastergrafik<br/>]]
{{clear}}

 <nowiki> 
 [[Datei:Logo_3d.svg|100px|link=]]  

 [[Datei:Logo_normal_.svg|100px|link=]] 

 [[Datei:Logo_sw_.svg|100px|link=]] 

 [[Datei:PP_Logo_3d_solo.png|100px|link=]] 

 </nowiki>

<!-- -->

* [[Datei:PP logo div.zip]] - 3D-Mehrfarblogo als Zip-Archiv von 300/600 ppi (PNG und GIF) sowie CDR (CorelDraw)

<small>
::''3D-Logo'' also Logo mit Schimmer ist, wenn überhaupt, nur auf Bildschirmen sinnvoll, da diese nicht schimmern. Physische Objekte wie Flaggen oder Flyer geben von Natur aus unsymmetrische Lichtreflexe ab - da ist gefaktes Schimmern doppelt gemoppelt und wahrscheinlich unästhetisch. YMMV. --[[Benutzer:LynX|lynX]]
</small>

== Für den Print-Bereich ==
[[Bild:Logo neu.png|link=]] [[:Bild:logo print.svg|SVG]] Vektorgrafik

[[Bild:Logo_print_w_bg_farbig_1200dpi.png|213px]] PNG Rastergrafik (≈ 4,5cm x 1,8cm @ 1200 ppi / ≈ 9,1 cm x 3,3cm @ 600 ppi)

[[Bild:Logo_print_wo_bg_farbig_1200dpi.png|213px]] PNG Rastergrafik (≈ 4,5cm x 1,8cm @ 1200 ppi / ≈ 9,1 cm x 3,3cm @ 600 ppi)

[[Bild:Logo_print_wo_bg_sw_1200dpi.png|213px]] PNG Rastergrafik  (≈ 4,5cm x 1,8cm @ 1200 ppi / ≈ 9,1 cm x 3,3cm @ 600 ppi)

<div style="background:LightGrey">[[Bild:Logo_print_wo_bg_sw_invertiert_1200dpi.png|213px]]PNG Rastergrafik, nur weiß (≈ 4,5cm x 1,8cm @ 1200 ppi / ≈ 9,1 cm x 3,3cm @ 600 ppi)</div>

Diese Variante des Logos lässt sich wesentlich besser handhaben, vor allem im Print-Bereich (siehe z.B. [[Flyer]]). Das mittlere Logo bitte immer verwenden, wenn das Logo auf Weiss stehen soll.

== Positionierung des Logos ==
{| {{prettytable}}
!Geschäftspapiere
!Flyer, Plakate etc.
!Internetseite
!Banner, Sonstiges
|-
|rechts oben
|rechts unten
|links oben
| Je nach Format, am besten rechts unten
|-
|}


== Gestaltungsrichtlinien zum Einsatz des Logos ==
Es sollte genug Raum um das Logo sein, so dass es für sich steht und nicht von anderen Bildelementen "berührt" wird. Es sollte deutlich hervortreten, also darf der Hintergrund hinter dem Logo nicht zu unruhig sein, und er darf nicht farblich oder helligkeitsmäßig dem Logo ähneln. Außerdem sollte der Hintergrund, auf dem das Logo steht, farblich möglichst neutral sein, sofern er nicht orange ist.

= Farben =
Die Farbflächen visualisieren nur die Farben an sich, nicht das quantitive Verhältnis zueinander, oder die Kombination, in der sie angewendet werden sollten. Dieses bitte bei bereits existierenden [[Werbemittel]]n abschauen! Typisch für das Farbbild im Print-Bereich wären z.B. die [[Anzeigen]], oder [[Flyer]]. Wir sind bemüht, die Webseite anzugleichen. Wenn ein guter Grund vorliegt, kann natürlich eine andere Farbwelt gewählt werden. Die Farbwelt kann natürlich auch variieren oder sich im Lauf der Zeit ändern. Ein einheitliches Erscheinungsbild hat aber viele Vorteile, also bitte möglichst an den bestehenden Werbemitteln orientieren! Für Orange sind die RGB-, Pantone- und CMYK--Werte keine perfekte Übersetzung (die es für Pantone ohnehin nicht gibt), bilden aber näherungsweise die Farbe. Für alle Drucksachen verwende ausschliesslich Dateien, die CMYK unterstützen (TIFF), und die CMYK-Werte der Tabelle.

{| {{prettytable}}
!width="200"|Farbe
!Web
!RGB
!CMYK
!RAL (Lackierung)
!Pantone
!Verwendung
|-
| style="background-color:#FF8800;"|Orange
|#FF8800
|255r 136g 0b
|0c 50m 100y 0k (0 47 100 0)
|
<span style="background:#DD7100">RAL-2000 (221r 113g 0b, #DD7100)</span><BR/>
<span style="background:#E97213">RAL-2011 (232r 113g 18b, #E97213)</span><BR/>
<span style="background:#F77726">RAL-2003 (247r 119g 38b, #F77726)</span><BR/>
<span style="background:#F69C00">RAL-1033 (246r 156g 0.00b, #F69C00)</span>
|[http://www.pantone.de/pages/pantone/colorfinder.aspx 151,152 oder 144]
|
|-
| style="background-color:#000000; color:white; "|Schwarz
|#000000
|0r 0g 0b
|0c 0m 0y 100k
|
<span style="background:#121314; color:white;">RAL-9005 (18r 19g 20b, #121314)</span><BR/>
<span style="background:#1D1C1D; color:white;">RAL-9017 (29r 28g 29b, #1D1C1D)</span><BR/>
<span style="background:#201A18; color: white;">RAL-8022 (32r 26g 24b, #201A18)</span><BR/>
<span style="background:#212326; color: white;">RAL-9011 (33r 35g 38b, #212326)</span>
|Process Black
|
|-
| style="background-color:#e3e8e8;"|Helles Grau
|#e3e8e8
|227r 232g 232b
|14c 7m 8y 0k 
|
<span style="background:#EDEDE7;">RAL-9003 (237r 237g 231b, #EDEDE7)</span><BR/>
<span style="background:#EDEEE8;">RAL-9016 (237r 238g 232b, #EDEEE8)</span><BR/>
<span style="background:#F0EEE2;">RAL-9010 (241r 238g 226b, #F0EEE2)</span><BR/>
<span style="background:#D7D6CA;">RAL-9002 (215r 214g 202b, #D7D6CA)</span>
|
| [[Vorlage:Hellgrau]]
|-
| style="background-color:#272828; color:white;"|Dunkelgrau
|#272828
|39r 40g 40b
|74c 67m 63y 69k
|
<span style="background:#262627; color: white;">RAL-9004 (38r 38g 39b, #262627)</span><BR/>
<span style="background:#212326; color: white;">RAL-9011 (33r 35g 38b, #212326)</span><BR/>
<span style="background:#2F3335; color: white;">RAL-7021 (47r 51g 53b, #2F3335)</span><BR/>
<span style="background:#1D1C1D; color: white;">RAL-9017 (29r 28g 29b, #1D1C1D)</span>
|
| 
|-
|}

Im Print-Bereich haben wir außerdem in letzter Zeit folgende Farben eingesetzt (siehe z.B. [[Anzeigen]]):
{| {{prettytable}}
!width="200"|Farbe
!Web
!RGB
!CMYK
!RAL (Lackierung)
!Pantone
!Verwendung
|-
| style="background-color:#4F9ED3;"|Blau*
|#4F9ED3
|79r 158g 211b
|70c 15m 0y 0k
|
<span style="background:#1180B4;">RAL-5012 (17r 128g 39b, #1180B4)</span><BR/>
<span style="background:#6090AA;">RAL-5024 (96r 144g 38b, #6090AA)</span><BR/>
<span style="background:#0073AF;">RAL-5015 (0r 115g 53b, #0073AF)</span>
|
|
|-
| style="background-color:#FFD016;"|Gelb*
|#FFD016
|255r 208g 22b
|0c 25m 100y 0k
|
<span style="background:#FAD233;">RAL-1018 (250r 210g 51b, #FAD233)</span><BR/>
<span style="background:#F8C000;">RAL-1023 (248r 192g 0b, #F8C000)</span><BR/>
<span style="background:#F3BC00;">RAL-1021 (243r 188g 0b, #F3BC00)</span><BR/>
<span style="background:#F5AC00;">RAL-1003 (245r 172g 0b, #F5AC00)</span>
|
|
|-
| style="background-color:#E30E0D;"|Rot*
|#E30E0D
|227r 14g 13b
|0c 100m 100y 0k
|
<span style="background:#BE1110; color: white;">RAL-3020 (190r 17g 16b, #BE1110)</span><BR/>
<span style="background:#C2331C; color: white;">RAL-2002 (194r 51g 28b, #C2331C)</span>
|
|
|-
|}

;linear abgestufte Optimalfarbtabelle (für Hintergründe etc.)

{| {{prettytable}}
!width="100"|Sättigung
!width="200"|100%
!width="200"|75%
!width="200"|50%
!width="200"|25%
|-
| style="text-align:center;"|Orange
| style="background-color:#FF8800;"|#FF8800
| style="background-color:#FFA640;"|#FFA640
| style="background-color:#FFC880;"|#FFC880
| style="background-color:#FFE1BF;"|#FFE1BF
|-
|}

= Schriften =
{| {{prettytable}}
!Fließtext
!Titel
!Überschriften
|-
|Verdana, [http://www.december14.net/fonts.shtml Vera Sans]
|Verdana Bold, [http://www.december14.net/fonts.shtml Vera Sans Bold]
|Impact
|-
|}
Verdana und Impact müssten auf jedem System vorhanden sein. Diese Schriften bitte möglichst immer einsetzen, damit der Wiedererkennungswert gegeben ist. Für besondere Gelegenheiten wie Überschriften bei Kampagnen etc. können natürlich andere Schriften sinnvoll sein.

Weitere Schriften, die schon öfter von den Piraten verwendet wurden:

'''für sehr lange Texte (z.B. Piratenmagazin)'''
* [http://de.wikipedia.org/wiki/Linux_Libertine Linux Libertine]

'''für [http://de.wikipedia.org/wiki/St%C3%B6rer_%28Werbung%29 Störer]'''
* [http://www.killerfontz.com/d1.htm Dirty Headline] (laut Lizenz "freeware for personal, ''non-commercial'' use" - paßt das für uns?)

'''"Piratenfonts"'''
* [http://www.dafont.com/caribbean.font Caribbean] (broken<!-- evtl http://www.linotype.com/600/itccaribbean-family.html ? -->)
* [http://www.dafont.com/rapscallion.font Rapscallion] 

'''Schreibschrift''' 
* [http://desktoppub.about.com/library/fonts/hs/uc_augie.htm Augie] &mdash; z.B. beim Landesverband Hamburg für das "Hamburg" verwendet

'''Sonstige'''
* [http://www.dafont.com/hvd-poster.font hvd Poster]
* [http://www.dafont.com/theme.php?cat=401&nb_ppp=50&af=on&l%5B%5D=10&l%5B%5D=1&l%5B%5D=13 weitere]

=Siehe auch=
*[[Favicon]]
*[[Vorlagen]]
*[[Werbemittel]]


[[Kategorie:Pirate Design|! Aktuell]]
[[Kategorie:Pirate Fonts|Aktuell]]
[[Kategorie:Logo| ]]