Ralf Bartsch | Wissenschaftler, Ingenier, Gestalter

Über / Gestaltungs­konzept

Grundkonzept

Das Erscheinungs­bild der Web­seite soll ein Schrift­stück auf einer edlen Arbeits­unter­lage imitieren. Um diese Impression auf­recht zu erhalten, werden so wenig wie mög­lich Grafiken und bunte Elemente ein­gesetzt. Das helle Schrift­stück sticht auf der dunklen Arbeits­unter­lage hervor und lenkt somit den Fokus auf den Inhalt. Navi­gations­elemente befinden sich wie akkurat gelegte Stifte eher unauf­fällig über und unter dem Schrift­stück. Damit der gehobene Unter­grund die Wirkung bei­behält, ist der Inhalt typo­graphisch ähn­lich einem Buch auf­ge­stellt.

Farben

Das Design basiert auf nüchternen Layout­far­ben in Kombi­nation mit mit Akzent­farben. Die Farben des Layouts sind im eigent­lichen Sinne keine Farben, sondern verschie­dene Grau­stufen. Die Akzent­farben haben drei Farb­töne. Diese sind nochmals in helle und grelle Nuancen abge­stuft, sodass die Erkann­bar­keit auf hellem sowie dunklem Hinter­grund zu gewähr­leistet ist. Die sekundären Akzent­farben, die nur spar­sam einge­setzt wer­den, dienen dazu Inhalte an einigen Stel­len her­vor­zu­heben oder bes­ser zu diffe­ren­zie­ren. Nach­folgend sind alle ver­wendeten Farben aufge­führt. Die Akzent­farben sind dem Farb­system RAL Design entnommen.

Layout: Elementfarben

Papier
CMYK: 0, 0, 0, 5
RGB: 242, 242, 242
Rand
CMYK: 0, 0, 0, 20
RGB: 204, 204, 204
Schattiertes Papier
CMYK: 0, 0, 0, 10
RGB: 230, 230, 230

Layout: Textfarben

Tinte
CMYK: 0, 0, 0, 0
RGB: 0, 0, 0
Bleistift
CMYK: 0, 0, 0, 66
RGB: 87, 87, 87

Akzente: Primäre Farben

RAL 260 30 35
CMYK: 49, 18, 0, 51
RGB: 0, 77, 124
RAL 040 60 60
CMYK: 0, 48, 60, 11
RGB: 228, 105, 76
RAL 260 50 30
CMYK: 42, 18, 0, 33
RGB: 62, 125, 170
RAL 040 70 40
CMYK: 0, 34, 42, 9
RGB: 232, 145, 125
RAL 260 70 25
CMYK: 33, 15, 0, 16
RGB: 131, 176, 214
RAL 040 80 20
CMYK: 0, 20, 25, 5
RGB: 241, 190, 176

Akzente: Sekundäre Farben

RAL 130 60 60
CMYK: 24, 0, 44, 38
RGB: 96, 158, 47
RAL 120 80 60
CMYK: 14, 0, 48, 40
RGB: 119, 154, 32

Texte

Es werden drei verschieden Schrifttypen verwendet, wobei darauf geachtet wurde, dass die Lesbar­keit auf normalen Moni­toren (weniger als 150 ppi) gegeben ist.

Schriften

Elena
Überschriften und Fließtext
Spartan MB
Navigation, Auszeichnungen
Fira Mono
Code, Dateien