Quelltext der Seite Benutzer:Hackbyte/Pirate Design

{{Kasten_blau|Zur Info|:Hier entsteht ein entwurf für die wikiseite [[Pirate_Design]] für die inhalte der [[AG Öffentlichkeitsarbeit]] und der untergeordneten AGs - Hauptsächlich der [[AG Piratenidentität]].}}
{{Redundanz|Parteilogo}}{{Shortcut|PD}}{{Privat}}

__TOC__

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.

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

Die modifizierte, plastische Variante (ab 2006) findet sich unter [[Piratendesign/Logos]].<br>

== Allgemeine Logos ==
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.

[[bild:Logo_3d.svg]]  [[Datei:Logo_normal_.svg]]

[[Bild:Logo 3d.svg|thumb|right|Das Logo]]

[[Bild:Logo 3d.svg|thumb|right|Das Logo]]
[[Bild:logo_3d.svg|thumb|left|[[:Bild:logo_3d.svg|SVG Vektorgrafik]]]]  [[Bild:logo_normal_.svg|thumb|left|[[:Bild:logo_normal_.svg|SVG Vektorgrafik]]]] [[Bild:logo_sw_.svg|thumb|left|[[:Bild:logo_sw_.svg|SVG Vektorgrafik]]]]
[[Datei:PP_Logo_3d_solo.png|thumb|left|Rastergrafik PNG hochauflösend]]

== Logo für Print ==
[[Bild:Logo neu.png]] [[:Bild:logo print.svg|Vektorgrafik]]

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
|-
|}


[[Bild:Logo neu.png]] [[:Bild:logo print.svg|Vektorgrafik]]

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


== Signet Kreis + Segel ==
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.

[[Bild:PIRATENsignet.svg]]

== 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
!Pantone
!Verwendung
|-
| style="background-color:#FF8800;"|Orange
|#FF8800
|255r 136g 0b
|0c 50m 100y 0k
|151
|
|-
| style="background-color:#000000; color: white; "|Schwarz
|#000000
|0r 0g 0b
|0c 0m 0y 100k
|Process Black
|
|-
| style="background-color:#e3e8e8;"|Helles Grau
|#e3e8e8
|227r 232g 232b
|
|
| [[Vorlage:Hellgrau]]
|-
| style="background-color:#272828; color:white;"|Dunkelgrau
|#272828
|39r 40g 40b
|74c 67m 63y 69k
|
| 
|-
|}

Im Print-Bereich haben wir außerdem in letzter Zeit folgende Farben eingesetzt (siehe z.B. [[Anzeigen]]):
{| {{prettytable}}
!width="200"|Farbe
!Web
!RGB
!CMYK
!Pantone
!Verwendung
|-
| style="background-color:#4F9ED3;"|Blau*
|#4F9ED3
|79r 158g 211b
|70c 15m 0y 0k
|
|
|-
| style="background-color:#FFD016;"|Gelb*
|#FFD016
|255r 208g 22b
|0c 25m 100y 0k
|
|
|-
| style="background-color:#E30E0D;"|Rot*
|#E30E0D
|227r 14g 13b
|0c 100m 100y 0k
|
|
|-
|}

;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] 

'''"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=
*[[Vorlagen]]
*[[Werbemittel]]


[[Kategorie:Pirate Design|Benutzereintrag]]