Brand Design

Visuelle Systeme - Style Guide

Erstellung eines Style Guide basierend auf einem eigens kreierten Raster

Herleitung

Der Ansatz

Es galt die Fibunacci - Zahlenreihe zu untersuchen und diese erst einmal in Quadraten darzustellen. Hierbei wurde schnell sichtbar wie sich die Größen zueinander verhalten.
Um den Spielraum etwas zu erweitern, wurde das entstandene Gebilde noch um 45° gedreht.

Verwendete Abstände

px 13 | 21 | 34 | 55 | 89 | 144
pt 10 | 15 | 25,5 | 41,25 | 66,75 | 108

Das Raster

Vom Gebilde...

Um damit weiter arbeiten zu können, wurden zuerst die Seitenlinien der Quadrate auf den größten Durchmesser aller Formen in dem Gebilde verlängert. Das somit entstandene kleine Raster wurde im nächsten Schritt zur Logo-Entwicklung weiter genutzt.

...zum Raster

In diesem Schritt wird das kleine Raster auf die DIN Formate angewendet, um Drucksachen wie das Magazin inhaltlich setzen zu können und Plakate, Flyer etc. erstellen zu können.

Entwicklung des Logos

LogoType

Durch experimentellem Ausfüllen der Flächen des kleinen Rasters ergab sich der Buchstabe „d“ mit einer interessanten Anmutung.

Hier entstand der Gedanke zu einem Magazindesign mit der Zielgruppe aller Designer. Deshalb der Name „designers page magazine“.

Farbwahl

Schlicht und dezent

Allgemein werden nur ganz dezent und sparsam Farben eingesetzt. Die Farben ergeben sich durch das einsetzen der Fibunacci-Zahlen zwischen 13 und 144 in CMYK und RGB Werte.

Auswahl der Typografie

Myriad Pro SemiBold

Myriad Pro SemiBold wird verwendet für Headlines und Hervorhebungen im Text in gemischter Schreibweise.

Myriad Pro Regular

Myriad Pro Regular wird verwendet für Fließtexte.

Bildsprache

Anwendung

Drucksachen

Web-Anmutung

Kategorie: Visuelle Systeme

Aufgaben: Konzeption, Design, Dokumentation

Design Lead: Dennis Ziep

Jahr: 2013

DHBW-Ravensburg

Semester 4

All Recent Work