Skip to content
This repository has been archived by the owner on Oct 13, 2023. It is now read-only.

Design Guidelines

Marvin Koenig edited this page Jul 10, 2015 · 9 revisions

Die Vision

Der Name

Der Name ist Diamond Scope mit dem Untertitel Master the project.

Der Name steht mit dem ersten Wort Diamond für die Symbolisierung verschiedener Milestones auf dem Weg eines Projektes. Scope hingegen steht für den uneingeschränkten Fokus, den ein Projektmanager während eines Projektes behalten muss.

Die gewählte Schriftart für den Titel ist die Schrift Lato, die Schrift für den Untertitel ist Dancing Script. Beide Schriftarten sind von Google Fonts, also auch im Web zu verwenden und finden sich in dieser Collection zum herunterladen.

Das Logo

Das Logo steht in enger Verbindung zu unserem Quiztitel. Auf der linken Seite ist ein Diamant angedeutet, während auf der rechten Seite mit Hilfe des vereinfachten Glanzes die Wertigkeit des Produktes dargestellt wird. Somit wirkt das Logo sowohl minimalistisch als auch wertig.

Die Regeln (Dos and Don'ts)

Logo

Das Logo darf nur wie folgt verwendet werden und sollte als SVG eingebunden sein. Des Weiteren muss es auf jeder Seite des Produktes zu sehen sein, entweder als zentrales Element der Karte, als Überschrift oder in der linken oberen Ecke der Karte. Das Logo darf keinesfalls in eine andere Ecke der Karte geschoben werden!

Original Logo:

Diamond Scope Logo

Horizontale Alternative:

Diamond Scope Horizontal Logo

Avatar Alternative (nur in absoluten Ausnahmen verwenden):

Diamond Scope Avatar Logo

Anwendung Zentriert:

Diamond Scope Zentriert

Anwendung Überschrift:

Diamond Scope Überschrift

Anwendung linke obere Ecke (später mit dem Horizontalen Logo, hier noch mit altem Logo dargestellt):

Diamond Scope Ecke

Schriftarten

Die Schriftarten sind essentiell für den Wiedererkennungswert und dürfen nur wie folgt eingebunden werden.

Hauptschriftart

Lato ist unsere Hauptschriftart. Sie wird immer in der Dicke Hairline und als Kapitälchen verwendet. Die einzige Ausnahme hiervon stellen Präsentationen da, in welchen Lato in Light verwendet werden darf.

Nebenschriftart

Dancing Script ist unsere Nebenschriftart. Sie wird in normaler Dicke verwendet.

Benutzung

Lato sollte hauptsächlich benutzt werden. Dancing Script darf maximal als Untertitel eines mit Lato geschriebenen Titels fungieren und das auch nur in Ausnahmefällen.

Die Benutzung von Dancing Script sollte zur Sicherheit immer mit dem Design Department abgestimmt sein.

Generelle Aufteilung

Sämtlicher Inhalt muss in die vorgegebene Kartenform platziert werden; Inhalt außerhalb dieser Karten darf nur in Absprache mit dem Design Department hinzugefügt werden.

Die Ecken

Die linke untere Ecke darf nicht belegt werden.

In der rechten oberen Ecke sollten längerfristige Informationen, wie beispielsweise die Kategorie der Frage und/oder der aktuelle Spieler stehen.

Die rechte untere Ecke beziehungsweise der von dort ausgehende untere Rand sollte mit Zusatzinformationen belegt werden. Diese sollten ebenfalls längerfristig sein, dürfen aber auch interaktiv sein. Dort dürfen beispielsweise Joker platziert werden oder im Printbereich eine Kartenidentifikationsnummer.

Der zentrale Kartenbereich

Der zentrale Kartenbereich sollte immer in der oberen Hälfte aus einer Überschrift oder dem Logo bestehen und in der unteren Hälfte sollten sich Interaktionsmöglichkeiten befinden. So kann zum Beispiel im Startbildschirm der Webapplikation oben das Logo als Überschrift platziert werden und darunter Buttons zum Starten des Spiels oder für weitere Optionen. Eine weitere Anwendungsmöglichkeit wäre die Überschrift für eine Frage zu verwenden und den Interaktionsbereich als vier Antworten zu gestalten.

Sonstiges

Buttons

Buttons beziehungsweise Auswahlmöglichkeiten müssen immer als abgerundete unausgefüllte Rechtecke dargestellt werden. Highlighting selbiger darf nur durch ein Leuchten (einen Glow) des Randes und des Textes dargestellt werden.