zichy / chaos-design-guidelines

Richtlinien für Designs und Styleguides von Chaos-Veranstaltungen

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Chaos Design Guidelines

Dieses Dokument enthält Richtlinien für die Designs und Styleguides von Veranstaltungen des Chaos-Umfelds. Die Richtlinien sind nicht präskriptiv, sondern bilden aus der Community entstandene Gegebenheiten und Best Practices ab.

Die Guidelines sind vorläufig nur auf Deutsch verfügbar.

Einleitung

Das Design von (jährlichen) Chaos-Veranstaltungen zeichnet sich durch folgende Merkmale aus:

  • Es wechselt mit jeder Veranstaltung.
  • Alle Designelemente können von anderen sehr frei interpretiert werden.
  • Der Umfang kann unterschiedlich ausfallen.
  • Nicht jede Richtlinie kann auf alle Veranstaltungen angewandt werden.

Schriftarten

  • Die gewünschte Verwendung von Schiftarten ist beschrieben und illustriert.
  • Es gibt mindestens eine gut lesbare Schriftart für Fließtexte oder Schilder.
  • Schriftarten für Fließtexte sind mindestens in den Schnitten Regular, Fett, Kursiv und Fett-Kursiv verfügbar.
  • Auf zu detaillierte typografische Richtlinien wird verzichtet.
  • Schriftarten sind gemeinfrei oder stehen unter einer offenen/freien Lizenz (bspw. OFL).
  • Schriftarten liegen mindestens in den Formaten TTF/OTF und WOFF2 vor.

Farben

  • Die gewünschte Verwendung der Farben ist beschrieben und illustriert.
  • Farben haben je nach Einsatzzweck einen ausreichenden Kontrast zueinander. Abgeleitet von den WCAG beträgt dieser mindestens 4.5:1 für kleinen und 3:1 für großen Text.
  • Farbwerte sind in unterschiedlichen Formaten (bspw. hexadezimal, RGB, HSL, CMYK) angegeben.

Grafische Elemente

Grafische Designelemente sind Icons, Formen, Muster und Illustrationen, die auch untereinander kombinierbar sein können.

  • Die gewünschte Verwendung der grafischen Elemente ist beschrieben und illustriert.
  • Grafische Elemente wurden nicht mithilfe von sogenannter künstlicher Intelligenz erzeugt.
  • Grafische Elemente sind in gängigen Formaten (JPG/PNG/WEBP für Rastergrafiken, SVG für Vektorgrafiken) bereitgestellt.
  • Verwendete Icon-Sets stehen unter einer offenen/freien Lizenz.
  • Die Erstellung eigener grafischer Elemente im gleichen Stil ist unkompliziert, optional wird ein Generator zur Verfügung gestellt. (Beispiele: 36C3, 37C3)

Web-Elemente

Die bei Chaos-Veranstaltungen eingesetzte webbasierte Software wird in der Regel nur eingefärbt oder anderweitig leicht angepasst, was im Umfang des Designs berücksichtigt wird.

  • Web-Elemente beinhalten neben Schrift und Farbe nur einige wenige interaktive Elemente wie Buttons und Eingabefelder.
  • Web-Elemente sind unkompliziert und barrierefrei in HTML/CSS umsetzbar.

Schilder & Plakate

Fast alle Chaos-Veranstaltungen sind mit unterschiedlichen Schildern und Plakaten ausgewiesen, die bspw. Wege kennzeichnen oder Workshops bewerben.

  • Das grundsätzliche Design für Schilder ist beschrieben und illustriert.
  • Es gibt einen (webbasierten) Postergenerator, der die Erstellung eigener Schilder erleichtert.
  • Eine Kooperation mit c3sign erleichtert die Erstellung notwendiger Schilder.

Styleguides

Als Styleguides werden Dokumente oder Webseiten bezeichnet, die beschreiben, was das erstellte Design beinhaltet und wie dessen Elemente einzusetzen sind. Die Zielgruppe beinhaltet auch Menschen, die selten mit Grafikprogrammen arbeiten.

  • Styleguides sind möglichst verständlich und übersichtlich angelegt.
  • „Dos and Don'ts“ werden aufgezeigt.
  • PDF-Styleguides sind barrierefrei angelegt und etwaige Links sind klickbar.
  • Web-Styleguides sind barrierefrei umgesetzt.

Lizenz

Dieses Dokument ist unter der CC BY 4.0 veröffentlicht.

About

Richtlinien für Designs und Styleguides von Chaos-Veranstaltungen

License:Creative Commons Attribution 4.0 International