LocalZero:Corporate Design Manual: Unterschied zwischen den Versionen

Aus Mitmachen
Zur Navigation springen Zur Suche springen
Zeile 54: Zeile 54:
== Die Basiselemente ==
== Die Basiselemente ==


=== Unser Logo ===
=== Unser LocalZero-Logo ===
[[Datei:LZ Bildmarke-Black.png|alternativtext=LocalZero Bildmarke als originärer Bestandteil des LocalZero-Logos|mini|LocalZero-Bildmarke als originärer Bestandteil des LocalZero-Logos]]
[[Datei:LZ Bildmarke-Black-01.webp|alternativtext=LocalZero-Bildmarke als Bestandteil des LocalZero-Logos|mini|LocalZero-Bildmarke als Bestandteil des LocalZero-Logos]]
[[Datei:LZ Logo-Black.png|alternativtext=LocalZero Logo Master|mini|LocalZero-Logo aus Bildmarke und Schriftzug]]
Das LocalZero-Logo orientiert sich stark am GermanZero-Logo.
Das LocalZero-Logo orientiert sich stark am GermanZero-Logo.
[[Datei:LZ Logo-Black-01.webp|alternativtext=LocalZero-Logo bestehend aus Bildmarke und Schriftzug|mini|LocalZero-Logo bestehend aus Bildmarke und Schriftzug in der Grundvariante]]
Wir nutzen die gleiche Bildmarke und für den Schriftzug die gleiche Schrift (Fabrikat Kompakt Bold, © HVD Fonts<ref>https://www.myfonts.com/de/products/bold-fabrikat-398352</ref>).


Wir nutzen die gleiche Bildmarke und die gleiche Schrift (Fabrikat Kompakt Bold, © HVD Fonts<ref>https://www.myfonts.com/de/products/bold-fabrikat-398352</ref>).
==== Grundvariante (1) ====
In der '''Grundvariante''' (Vorzugsvariante) ist der Schriftzug ein Zweizeiler und horizontal rechts zur Bildmarke angeordnet.


Wort- und Bildmarke können in drei unterschiedlichen Kombinationen angeordnet sein. Ihr Einsatz hängt vom jeweiligen Format ab.  
Diese Variante eignet sich gut für Cover und Umgebungen, in denen sie viel Platz hat, um sich zu entfalten. Dabei ist auf genügend Abstand zu den anderen Elementen zu achten.  


Die zweizeilige Variante eignet sich gut für Cover und Umgebungen, in denen sie viel Platz hat.  
==== Weitere Varianten (2) und (3) ====
Wort- und Bildmarke können in drei unterschiedlichen Kombinationen angeordnet sein. Ihr Einsatz hängt vom jeweiligen Format und dem vorhandenen Platz (Abstand zu den anderen Elementen) ab.  


Die einzeilige Variante eignet sich gut für schmale Höhen.  
(2) Die einzeilige Variante, horizontal rechts zur Bildmarke angeordnet, eignet sich gut für geringe Höhen. Diese könnten z. B. bei einem breiten Banner Anwendung finden.  


Die Logos können in Weiß, Gelb und Nachtblau verwendet werden.
(3) Die vertikale Variante mit zentrierten Elementen ist für schmale Formate geeignet.  


==== Kombination mit dem GermanZero-Logo (4) ====
Eine Besonderheit ist das „Kombi-Logo“, wo sowohl GermanZero als auch LocalZero draufstehen. Diese Variante nutzen wir sich für Kontexte, wo GermanZero und LocalZero beide besprochen und als
Eine Besonderheit ist das „Kombi-Logo“, wo sowohl GermanZero als auch LocalZero draufstehen. Diese Variante nutzen wir sich für Kontexte, wo GermanZero und LocalZero beide besprochen und als


Einheit dargestellt werden. Dies wird besonders für die Zeit der Markeneinführung (Anfang 2023) der Fall sein.
Einheit dargestellt werden. Dies wird besonders für die Zeit der Markeneinführung (Anfang 2023) der Fall sein.
==== Farbvarianten ====
Die Logos können in Weiß, Gelb und Nachtblau verwendet werden.


=== Hausschrift ===
=== Hausschrift ===

Version vom 11. Januar 2025, 18:07 Uhr

Product owner Christhard »Otto« Landgraf, Mitarbeit

Zum Geleit

Wer sollte das hier lesen?

Nicht jede und jeder braucht das hier Geschriebene und Gezeigte zu lesen.

Die Seite wendet sich besonders an Gestaltungswillige von visuellen Produkten und Services.

Und mit Gestaltungswillige meinen wir nicht nur ausgewiesene, professionelle Designer:innen und Marketer, sondern alle, die mit LocalZero über ihr Herzblut verbunden sind.

An einigen Stellen weisen wir auf professionelles Wissen hin, das als fakultativ zu betrachten ist. Manche sagen »Schön zu wissen.« Für andere ist es unnützes Wissen.

Was ist ein Corporate Design?

Corporate Design (CD) ist das einheitliche, unverwechselbare Erscheinungsbild einer Organisation. Ein gutes CD wird zur visuellen Sprache mit dem Adressaten und gibt dem Absender, LocalZero, seine Identität.

Ein gutes CD im Sinne von LocalZero ermöglicht und unterstützt die Gestaltung von ressourcen- und CO₂-schonenden, barrierearmen bzw. -freien, sozial ausgewogenen Produkten und Services.

Darum gilt: Wo LocalZero drin steckt, soll auch LocalZero draufstehen. Und umgekehrt.

Wie ist das Manual aufgebaut?

Manual ist die englische Bezeichnung für Bedienerhandbuch bzw. Anwendungsbeschreibung.

[Herkunft: von spätlateinisch manualis „zur Hand gehörend“; zu lateinisch manus „Hand“; verwandt mit manuell]

Das Manual gliedert sich in folgende Abschnitte:

  1. Basiselemente
  2. Richtlinien bei der Gestaltung von Printmedien
  3. Richtlinien bei der Gestaltung von digitalen Medien (Internet)
  4. Richtlinien bei der Außendarstellung
  5. Gestaltung von Messen- und Ausstellungsbeteiligungen
  6. Hinweise zur nachhaltigen Umsetzung

Wie arbeitest du mit dem Manual?

Die Gestaltung einer Website oder eines Flyers ist ein Prozess. Ein Prozess, der sich aus verschiedenen Stufen, Schritten zusammensetzt und auch mehrere Iterationen (Schleifen, Wiederholung einzelner Stufen) durchlaufen kann.

Wichtige Schritte sind

  1. Zielbestimmung: Welches Anliegen soll erfüllt werden und welches Ergebnis soll erreicht werden?
  2. Recherche, Analyse und Synthese: Alle relevanten Informationen sammeln und auswerten.
  3. Ideenfindung: Die gesammelten Ideen zu neuen Lösungsansätzen entwickeln
  4. Entwurf, Prototyp: Die Lösungsansätze zu ersten Entwürfen weiterentwickeln
  5. Realisierung: Der beste Entwurf wird realisiert
  6. Evaluation: Das Ergebnis von jedem Schritt wird mit den festgelegten Zielen (1. Schritt) überprüft. Bei Nichterfüllung wird der Schritt wiederholt.
  7. Inbetriebnahme: Die erste Zeit sollte das Produkt/der Services begleitet werden.

    Für Spezialisten: Ausführlicher zum professionellen Designprozess

    Das Manual kommt besonders bei den Schritten 3 und 4, Entwurf, Prototypentwicklung und Realisierung, zur Anwendung.

Es versteht sich in erster Linie als Richtlinie für die oben angesprochenen Gestaltungswillige. Es werden Leitplanken aufgezeigt, in denen gestaltet werden kann. Diese Leitplanken versuchen ein Gebiet zu beschreiben, in dem sich die Gestaltung bewegen kann. Dazu ist es an manchen Stellen notwendig, No-Gos zu beschreiben. Diese sollten immer als »das sollte besser vermieden werden« gelesen werden.

Das Manual ist kein Dogma, sondern soll Anleitung und Anreiz geben, die LocalZero-Welt (LocalZero-Ökosystem) so facettenreich und vielfältig wie möglich innerhalb der hier beschriebenen Leitplanken zu gestalten.

Corporate Design Manual

Die Basiselemente

LocalZero-Bildmarke als Bestandteil des LocalZero-Logos
LocalZero-Bildmarke als Bestandteil des LocalZero-Logos

Das LocalZero-Logo orientiert sich stark am GermanZero-Logo.

LocalZero-Logo bestehend aus Bildmarke und Schriftzug
LocalZero-Logo bestehend aus Bildmarke und Schriftzug in der Grundvariante

Wir nutzen die gleiche Bildmarke und für den Schriftzug die gleiche Schrift (Fabrikat Kompakt Bold, © HVD Fonts[1]).

Grundvariante (1)

In der Grundvariante (Vorzugsvariante) ist der Schriftzug ein Zweizeiler und horizontal rechts zur Bildmarke angeordnet.

Diese Variante eignet sich gut für Cover und Umgebungen, in denen sie viel Platz hat, um sich zu entfalten. Dabei ist auf genügend Abstand zu den anderen Elementen zu achten.

Weitere Varianten (2) und (3)

Wort- und Bildmarke können in drei unterschiedlichen Kombinationen angeordnet sein. Ihr Einsatz hängt vom jeweiligen Format und dem vorhandenen Platz (Abstand zu den anderen Elementen) ab.

(2) Die einzeilige Variante, horizontal rechts zur Bildmarke angeordnet, eignet sich gut für geringe Höhen. Diese könnten z. B. bei einem breiten Banner Anwendung finden.

(3) Die vertikale Variante mit zentrierten Elementen ist für schmale Formate geeignet.

Kombination mit dem GermanZero-Logo (4)

Eine Besonderheit ist das „Kombi-Logo“, wo sowohl GermanZero als auch LocalZero draufstehen. Diese Variante nutzen wir sich für Kontexte, wo GermanZero und LocalZero beide besprochen und als

Einheit dargestellt werden. Dies wird besonders für die Zeit der Markeneinführung (Anfang 2023) der Fall sein.

Farbvarianten

Die Logos können in Weiß, Gelb und Nachtblau verwendet werden.

Hausschrift

Gestaltung von Printmedien

Gestaltung von digitalen Medien (Internet)

Außendarstellung

Messen und Ausstellungen

Hinweise zur nachhaltigen Umsetzung

Ideen gestalten, keine Objekte. Die Heraus­forderung der Gegen­wart heißt nachhaltige Entwick­lung – als unter­nehme­rische Denk­weise, als gestalterische Haltung und als moralische Position.[2]

Auch bei der Umsetzung von Designobjekten ist auf Ressourcenschonung und CO₂-Einsparung zu achten.

Zuerst CO₂-Vermeidung, dann Reduktion, dann CO₂-Kompensation.

Barrierearme Gestaltung

Wir alle werden in Lebenslagen kommen, wo wir eingeschränkt sind. Möchtest du dann auf deine gewohnten Anwendungen verzichten?

Einschränkungen betreffen nicht nur nichtsehende oder nichthörende Menschen oder Menschen mit kognitiven Einschränkungen. Wir sollten schon heute das Bewusstsein in Organisationen schaffen und mit kleinen Schritten beginnen.

Schwerpunkte legen wir auf die barrierearme bzw. -freie Gestaltung von Printerzeugnissen und digitalen Produkten (Websites und Web-Apps)

von Printerzeugnissen

Text

von digitalen Produkten

Text

Weiterführende Literatur und Einzelnachweise