Layout Design

Ich habe verschiedene Layoutideen gesucht.

Seitenplanung

Dies ist mein erster Plan für die gestalterische Umsetzung.

Erste Startseitenumsetzung
Finale Umsetzung Frontpage
Burgermenu ausgeklappt
Erste Version – Muffins bis zum Boden
Finale Version – Footer ist ein weisser Balken, der über der Muffin-Grafik im Hintergrund
Prototype Linien

Muffin’s Muffins

Dies ist die Dokumentation meiner 2. Semesterarbeit im Modul Visualisieren 2. Dabei muss man für ein Restaurant ein interaktives Mockup für eine Webseite zu gestalten. Logo, Schriften, Farben, Bild und/ oder Formsprache sollten ins visuelle Erscheinungsbild eingebunden werden.

Ich habe lange gebraucht bis ich ein passendes Thema gefunden habe, doch als ich es gefunden habe war es mir klar. Muffin’s Muffins ist der Name für mein Restaurant. Ein kleines Restaurant, welches sich auf Muffins spezialisiert hat. Ich selbst liebe es zu backen vor allem Muffins.

Logodesign

Erste Zeichnungen
Schriftart gefunden – Tomarik, Farbgebung der Schrift ausarbeiten

Endgültiges Logo

Farben vom Logo abgeleitet, Kontrast oben vs unten

Semesterarbeit

In diesem Blogbeitrag dokumentiere ich den Prozess meines ersten gestalterischen Projekts.

Schriftproben und Testtexte
Erstes einfügen von Originaltext

Skizzieren – Tag 4

Schatten und Perspektiven

Abgezeichnet mittels ausgestrecktem Arm und Bleistift
Fünf Dunkelheiten
Fünf Dunkelheiten
Zwei Tische in einem Raum
Meine letzte Zeichnung für diese Woche.
So könnte eine Landschaft in einem Storyboard aussehen. Den Moment eingefangen, mit Wasser etwas Stimmung ins Bild gezaubert und mittels verschiedener Dunkelheiten Dynamik ins ganze gebracht.

Skizzieren – Tag 3

Akzentuierung und Perspektiven

Ratatouille skizziert
Lippen
Hand skizziert
weniger Linien um Form zu finden oder weniger stark drücken.

Perspektiven

Box am Himmel
Weitere Schachteln korrekt perspektivisch dargestellt.
Giebeldach
Den Giebel eines Dachs erhält man so, indem man die Diagonalen verbindet und von dort aus senkrecht eine Linie zieht. So erhält man einen Giebel.
Gedrehte Box
Neue Fluchtpunkte setzen mit gleichem Abstand zu den jeweiligen Fluchtpunkten

Skizzieren – Tag 2

schnelle Skizzen

Pralinen
Mit Geschwindigkeit Pralinen skizzieren und nicht gross darüber nachdenken. Einfach machen ist das Ziel. Schon in diesen kleinen immer fast gleichen Motiven sehe ich eine Veränderung in meiner Skizzierweise.
Kissen – zzZZzzZZZzzzzZZZzZZzZz
Schnell mein Kissen so wie ich es vor dem Unterricht verlassen habe skizzieren. Zum Glück bin ich nicht weit davon entfernt, doch besteht die Versuchung bei diesem Thema sich wieder ins Bett zu legen.
Huhn – eingefärbt
Kakadu
Nicht den Stab vergessen auf dem der Vogel sitzt.
Vorübung – Richtung im Bild finden
Frog – qero qero
Nüsse skizziert
Fahrradfahrer
Fisch aus verschiedenen Perspektiven

Skizzieren – Tag 1

Ein Tag voller Kreativität.
Genau Beobachten – Blind auf den Instinkt verlassen – Vorstellungsvermögen

Handlinien skizzieren
Mit sehr genauem Beobachten versuche ich meine Handlinien darzustellen. Es ist mehr ein Chrüsimüsi als ein klares Linienbild.
Blind meine Hand skizzieren
Den Blick zu kontrollieren ist nicht ganz so einfach wie gedacht.
Fünf Figuren aus vagen Vorlagen konstruieren
Mit etwas Kreativität ist es möglich aus langweiligen Formen etwas Spannendes zu erarbeiten.
Arbeiten mit Strichbündeln
Eine Cherrytomate mit Strichbündeln zu skizzieren ist um einiges einfacher als mit einer einzelnen Line. Sehr schnell kann man die Linienführung korrigieren um sich an die tatsächliche Form anzunähern.
Kreise über Kreise
Mit flatternder Linie einige Kreise vorzeichnen und mittels Strichbündeln die Form korrigieren.
Popcorn
Grobe Linien finden, diese ausarbeiten und mittels Schattierung dem Objekt eine Form geben.
Schneebälle
Die Form schnell finden und mittels gebündelten Linien diese ausarbeiten. Zusätzlich habe ich mit etwas Schatten gearbeitet um dem ganzen etwas mehr Tiefe zu geben.
Schneeballherzen
Rembrandt
Eine Skizze angelehnt an Rembrandts Skizierweise. Diesmal habe ich einen 8B-Bleistift verwendet um die Struktur der Vorlage besser zu interpretieren.
The Windmill at Wijk bij Duurstede, Jacob Isaacksz van Ruisdael
Eine Landschaft skizziert mit den wichtigsten Merkmalen.