Farbkonzept (2)
- Details
- Erstellt am 18.05.2011
Die Bachelorarbeit ist zwar inzwischen längst abgegeben, dennoch folgen hier im Blog nach längerer Pause noch die finalen Entwürfe und Änderungen, die bis zur Abgabe umgesetzt wurden. Zunächst zum überarbeiteten Farbkonzept:
Kennzeichnung der Hauptbereiche
Wie im letzten Beitrag bereits beschrieben, waren die ersten Entwürfe für die Farbverläufe im Seitenkopf viel zu heftig und wurden daraufhin noch abgemildert. Ebenso wurden Basisfarben definiert:
Farben für Fließtexte und Links
Der normale Text wird in einem dunklen Braunton gehalten, wie bereits im vorherigen Farbkonzept erläutert. Links werden aber nicht mehr einfach Blau gemacht, sondern es wird auf die Farben der drei Hauptbereiche zurückgegriffen. Es sind allerdings etwas intensivere Farbtöne notwendig, um einen ausreichenden Kontrast des Textes vom Hintergrund zu erreichen:
Daraus ergibt sich folgende Farbkennzeichnung in der Hauptnavigation in den drei Breichen:
Die jeweils aktive (zuletzt angeklickte) Kategorie und der aktive Navipunkt sind farblich hervorgehoben und die Navigationspunkte werden bei Mauskontakt ebenfalls in der Kategoriefarbe hervorgehoben.
Wenn man die Hauptkategorie wechseln möchte, klappt die neue Kategorie mit einem Slider-Effekt auf und wird mit der neuen Kategoriefarbe gekennzeichnet. Der Verlauf im Seitenheader ändert sich aber erst, wenn auch ein Navipunkt der neuen Hauptkategorie angeklickt wurde und man wirklich in die neue Kategorie wechselt:
Hier noch Gestaltungsvarianten der Hauptnavigation, die zwar ausprobiert wurden, aber zu Irritationen führen und daher bewusst nicht weiter verfolgt wurden (zu bunt / Kennzeichnung nicht eindeutig genug):
Kennzeichnung von Links im Inhaltsbereich
Je nach Kategorie werden die Links im Fließtext (Inhaltsbereich) nun auch in der jeweiligen Kategoriefarbe gekennzeichnet. Bei Mauskontakt werden die verlinkten Worte mit der Kategoriefarbe als Hintergrundfarbe hervorgehoben:
