Coporate Design Material

    Mit Hilfe dieser Seite können Print- und Onlineprojekte der GRÜNEN LIGA einheitlicher gestaltet werden.

    Eigentlich sollte auf dieser Seite alles selbsterklärend sein, falls nicht, stehen wir gerne unter 030/2044745 (BGST) für Fragen zur Verfügung.

     

     

    1. Vorlagen des Logos

    Das Logo ist in der Liga ja eine umstrittene Sache. Allerdings sollte, wenn es benutzt wird, darauf geachtet werden, dass es die richtige Variante in der richtigen Farbigkeit ist: siehe rechts.

    1.1. Für Onlineprojekte

    Logo 300 Pixel breit

    Logo 200 Pixel breit

    Logo 100 Pixel breit

    Die Logos sind sehr einfach in Eure Seiten einzubauen... Zuerst mit der rechten Maustaste auf das Bild klicken und dann "Bild speichern unter..." anwählen.
    Die Datei dann in das Verzeichnis "images" speichern und in die Seite einbauen. Fertig... Beim Einbauen des Bildes in den HTML-Code bitte auch an die Bildgrößen denken.

    1.2. Für Printprojekte

    Ihr könnt Euch im folgenden das Logo als Eps-Datei (Postscript) runterladen. Die Eps-Datei kann dann in Pagemaker etc. direkt übernommen werden. In Programmen wie Coreldraw und/oder Freehand ist eine Weiterbearbeitung kein Problem. Das Logo hat die Farbnummer HKS 55.

    Download als Eps-Datei

    2. Schriften

    2.1. Für Onlineprojekte

    Die Schrift die Ihr jetzt gerade seht, ist die "ARIAL" mit der Size=2. Die Arial hat den Vorteil, auf nahezu allen Rechnern vorhanden zu sein, was zur Zeit beim Internet durchaus der wichtigste Moment bei der Auswahl der Schriften ist. Diese Schrift braucht Ihr auch deshalb nicht herunterzuladen, sie ist bereits auf Euerem Rechner...
    Die Schriftgröße 2 ist deshalb zu nehmen, da so entsprechend viel Text auf den Bildschirm passt. Leute mit Seheinschränkung können sich sowieso die Schrift durch die Voreinstellungen des Browsers größer einstellen.

    2.2. Für Printprojekte

    Für Printprojekte ist die Arial nicht zu empfehlen, da sie eine "Allerweltsschrift" ist und so kaum ein eigenes Erscheinungsbild in der Öffentlichkeit herstellt. Deshalb sollte für Printprojekte die ITC Officina genommen werden (siehe Beispiele unten). Aus Copyright-Gründen kann sie hier nicht zum Download bereitgestellt werden. Es gibt diese Schrift mit und ohne Serifen. Für Überschriften wird normalerweise die ohne Serifen benutzt, für Fließtext die Variante mit Serifen.

    Beispiel der Schrift

    3. HTML Beispieldatei

    Unten findet Ihr eine auskommentierte HTML Beispieldatei zum Herunterladen. Diese soll Euch helfen, eigene Seiten mit ähnlichem Layout wie der Bundesverband zu erstellen. Die unten genannten Merkmale sind in der Beispieldatei alle bereits vorgegeben, so dass Ihr in der "Inhaltsspalte" nur noch Eueren Text einzufügen braucht.
    Eine GL-Internetseite baut sich nach diesem Beispiel wie folgt auf:
    • Eine Spalte mit der eigentlichen Information (Text)
    • Eine Spalte als Abstandshalter
    • Eine Spalte für sekundäre Informationen (Text, Grafik etc.)
    • Schrift ist die Arial (Size=2)
    • Der Hintergrund ist weiss
    • Links sind grün eingezeichnet
    Die Ausrichtung der Gestaltung ist immer links oben, die Spaltenbreite ist beschränkt. Dies ist notwendig, damit das Angebot auf allen Monitoren (14- bis 23-Zoll) gleich gut lesbar ist. Die Spaltenbreite für den Text ist z.B. auf 350 Pixel festgelegt. Legt man dies nicht fest, so hat ein Nutzer mit einem 23-Zoll-Monitor eine Spaltenbreite von über 30 cm. Und dies widerspricht dann allen Lesegewohnheiten! Gleichzeitig kann auch der kleinste Monitor 350 Pixel in der Breite darstellen, so dass der Text auch dort ohne horizontal zu scrollen voll lesbar erscheinen wird.

    Download einer HTML Seite als Txt-Datei

     

     

     

      So bitte nicht mehr das Logo benutzen