Medienproduktion - online piano lessons

Hier der Link zu meinem Homepage-Entwurf am Webspace: Link

Farbwahl

Passend zum Thema, wähle ich ein klassisches Design, das zum Großteil in Graufstufen gehalten ist. Dies soll den Inhalt in den Vordergrund stellen, denn die Farben sollten nicht zu sehr von Text, Bildern und Übungen ablenken. Die Farben der Klaviertastatur: schwarz und weiß ziehen sich durch die gesamte Homepage.

Als einzige Highlight-Farbe habe ich ein Rot gewählt, diese Farbe betont zum Teil größere Überschriften, die jeweils ausgewählte Rubrik im Menü und findet sich auch im Header in Form einer Rose wieder.

Die Farbe Rot soll hier nicht als Warnfarbe oder ähnliches wahrgenommen werden. Rot steht (bei einer positiven Assoziation mit der Farbe) für Aktivität, Dynamik, Temperament, Lebensfreude, Sinnlichkeit, Leidenschaft,... - all das wofür Musik und v.a. auch Klaviermusik stehen kann. Die Farbe Rot erhöht die Energie im Körper und übt einen starken Einfluss auf unser Nervensystem aus. Das warme Rot, das ich gewählt habe, soll belebend und stärkend wirken. Außerdem vermittelt die Farbe Rot einen starken Willen, Entschlossenheit und Durchhaltevermögen.¹

Der Text ist grundsätzlich schwarz, um eine gute Lesbarkeit zu gewährleisten.

Verwendete Farben (Hexadezimal)

• #000000
• #ffffff
• #e2dcdb
• #d41b23

Graphische Gliederung

• Die Seite besitzt einen Header, in dem das Thema der Homepage und der Name der Klavierschule aufscheinen. Als Hintergrund für den Header habe ich ein Foto eingefügt, welches ich selbst gemacht habe. Es zeigt eine Rose, die ja bekanntlich für Kreativität, Liebe, Schönheit, Würde, Vielfalt, Harmonie und Vergänglichkeit steht, und Notenblätter, die das Thema des Lernens wiederspiegeln sollen.

• Das Menü der Homepage befindet sich links und ist wie die Tastatur eines Klaviers aufgebaut. Dieses Bild habe ich ebenfalls selbst erstellt. Um das Menü perfekt in die Seite zu integrieren, habe ich einen Flügel, aus der Perspektive der Draufsicht, an die Menüpunkte angefügt. Diese Bild habe ich auf der Wikimedia Commons-Seite (Link) gefunden, und habe es für meine Zwecke im Photoshop bearbeitet.

• Der restliche Teil der Seite bildet der Textbereich.

Einbindung des Programms Noteflight

Um Übungen leichter dazustellen, verwende ich das Online-Tool Noteflight. Diese wird mithilfe von einfachem html code in der Seite eingebunden.

Fazit

Das gesamte Design soll Eleganz und Professionalität widerspiegeln, um die Zielgruppe (Studenten, Berufstätige) anzusprechen. Es soll besonders übersichtlich und einfach gehalten werden, um keine zusätzliche Komplexität in diese Lernumgebung zu bringen. Außerdem möchte ich betonen, dass die Homepage nicht auf Kinder zugeschnitten ist, da Kinder eine andere Art der Wahrnehmung haben und auch ein ganz anderes Lernverhalten aufweisen als Erwachsene.

¹Quelle (Bedeutung der Farbe Rot): http://www.lichtkreis.at/html/Wissenswelten/Welt_der_Farben/wirkung-farbe-rot.htm