Screendesign: Die Katze, ein Schmustiger

silvia.igmann.uni-linz, 22. Juni 2011, 18:46

Layout

Da mein Thema auf die Gefühlsebene des Betrachters abzielt, habe ich mich für ein aufgelockertes Layout entschieden. Anstatt einer starren Gliederung mit Menübalken möchte ich die Menüpunkte wie Wolken frei schweben lassen. Der User soll die Website "erleben" und kann sich durch die einzelnen "Inseln" klicken.


Beim Auswählen eines Menüpunkts gelangt der User auf eine neue Seite wo der Text zu finden ist. Der Hintergrund wird sich an die Länge des Inhaltes anpassen und wo notwenig, ein Scrollen ermöglichen. Weiters befindet sich oben links ein "zurück-Button", mit dem man auf den Startbildschirm zurückgelangt und einen anderen Menüpunkt auswählen kann.

 

 Die zwei Musterseiten sind hier (Startseite) und hier (Textseite) auf dem Webspace ersichtlich.

Farbgebung

Wie bereits im letzten Blogeintrag erwähnt, möchte ich mit der Seite den Kuschelfaktor von Katzen ausdrücken. Bei den Farben habe ich mich für einen weißen bzw. cremefarbenen Hintergrund in der Optik eines weichen, flauschigen Materials entschieden. Als Akzentfarbe verwende ich rosa, da es meine Zuneigung und mein liebesvolles Verhältnis zu Katzen zum Ausdruck bringt.

Rosa ist zärtlich, süß, kitschig. Es steht für Romantik, Sanftheit, Sensibilität, Zuneigung, aber auch ein verstärktes Schutzbedürfnis. (http://www.mara-thoene.de/html/farbensymbolik.html).

Der Text ist in einem dunklen grau gehalten, da es auf dem hellen Untergrund nicht so hart wirkt wie schwarz.

 

Verwendete Farben (RGB)

rosa (R 242, G 134, B 200)

weiß (R 255, G 255, B 255)

dunkelgrau (R 102, G 102, B 102) – Text

hellgrau (R 204, G 204, B 204) – Hintergrund

0 comments :: Kommentieren