Design Logo

Verantwortlicher: Sebastian Seitz

Nachfolgend wird der Prozess des Design-Entwurfes aufgezeigt und ausführlich erläutert. Dabei wird auf Punkte wie die Farbgebung, die Logo Anatomie und Gedanken zum Logo eingegangen.

---

#Logo#

Das Logo wurde streng nach dem Google Material Design Guideline entworfen, wie auch der Rest der Webanwendung (Google Material Design)

Laut Google soll das Icon oder das Logo einer Anwendung "einfach, gewagt und freundlich" gestaltet sein. Das Logo soll den Kern der Anwendung und die Grundidee vermitteln. Gibt es mehrere Logos sollten diese vereinheitlicht sein und dem selben Konzept entspringen. Das Logo vermittelt die Identität der Marke.

##Gedanken zum Logo## Das Logo der GoHappy Anwendung sollte das Kernelement der Anwendung wiederspiegeln. Der Cocktail bzw. das gefüllte Cocktail Glas symbolisiert die in der Happy Hour konsumierten Getränke, welche dort vergünstigt angeboten werden. Außerdem lässt sich dieses Symbol simpel und strukturiert darstellen, ohne das Logo zu überladen. Außerdem kann das Logo so einen hohen Wiedererkennungswert erlangen und prägt sich gut ein.

##Farbgebung## Alle Farbcodes sind in der HTML-Notation wiedergegeben.

• Hintergrund: 3f51b5
• Schatten auf dem Hintergrund: 303f9f
• Strohalm: 00c853
• Frucht: ff5722
• Glas (oben): ffffff
• Glas (Füllung): Verlauf von f50057 nach 880e4f

##Produkt Logo Gitter## Google selbst stellt einen "Product Logo Grid" zur Verfügung, nach welchem die Form des Logos oder des Icons ausgewählt werden kann.

Ich habe die linke Form für das iOS WebApp Icon und das rechte für das Android WebApp Icon ausgewählt. Das "Square Icon" entspricht bereits der Form eines Standard iOS Icons. Bei Android ist die Form des Icons frei wählbar. Seit der neuen Android Iteration 5.0 Lollipop setzt Google verstärkt auf runde Formen, weshalb ich mich hier für ein kreisförmiges Logo entschieden habe.

##Design Ansatz## Das Produkt Logo soll laut dem Material Design Guideline vom Gefühl und der Physis einem echten Material nachempfunden sein. Alles soll sich, wenn es geschnitten oder gefaltet ist, wie Papier verhalten. Das dreidimensionale Material interagiert somit auch mit der Lichtquelle um für Highlights und Schatten zu sorgen.

###Physischer Prototyp### ###Licht Studie### ###Material Prototyp### ###Farb Studie###

##Produkt Logo Anatomie## Die Logo Anatomie beschreibt laut Google die einzelnen grafischen Elemente aus denen das Logo besteht. Dadurch soll es einfacher werden die Idee und den Charakter des Logos zu verstehen. Außerdem wird dem Betrachter so die Struktur des Logo Designs vermittelt.

• Ebene 1: Material Hintergrund
• Ebene 2: Material Ebene 1
• Ebene 3: Material Ebene 2
• Ebene 4: Farbe
• Ebene 5: Schatten
• Ebene 6: Finales Logo (Alle Ebenen vereint)

Ebene 1 und Ebene 2 sind zu sehen. Ebene 3 und 5 kommen hinzu. ###Weitere Ansichten###

##Logo 1 Square##

##Logo 1 Round##

##Logo 1 on Android##

##Logo 1 on iOS##

##Go Happy Button Entwurf 1##

##Go Happy Button Entwurf 2##

##Go Happy Button Final##