Skizze Architekt

Skizze für ein Wandbild, welches anschließend auch umgesetzt wurde. Die Szene sollte einen Architekten zeigen, im Gespräche mit seinen Kunden. Der Entwurf wurde mit Adobe Photoshop gezeichnet und anschließend mit einem Projektor an die entsprechende Wand geworfen.

Vorschau:

architekt

Top 5 meiner Online-Generatoren

Man kann sich viel Arbeit machen, muss es aber nicht. Viele kleine Helferlein finden sich im Netz, die den gestalterischen Alltag vereinfachen. In diesem Artikel plaudere ich mal aus dem Nähkästchen und zeige die Top 5 meiner am meisten genutzten Online-Generatoren aus dem Bereich Webdesign und Webentwicklung.

 

1. Webfont Generator von fontsquirrel.com

Zu finden hier: fontsquirrel.com

Eigene Schriftart in der Webseite gefällig? Bitteschön, Schriftart hochladen und fertig. Der Generator erstellt alle notwendigen Dateien und auch den kompletten CSS-Code. Dieser muss lediglich in das eigene Dokument eingefügt werden und die restlichen Dateien in den korrekten Speicherort verschoben werden. Fertig!

2. Farbschema Generator Kuler von Adobe

Zu finden hier: kuler.adobe.com

Gewöhnlich steht zu Beginn jedes Designs das Farbkonzept. Damit kann man unverschämt viel Zeit verbringen, hier schafft der Generator Kuler Abhilfe. Basierend auf verschiedenen Farbkontrasten oder Farbklängen lassen sich mit wenigen Handgriffen beliebige Farbpaletten erstellen. Auch aus Bildern lassen sich solche Farbschemas problemlos erstellen. Spätere Ausgabe erfolgt in diversen Farbcodes, für das exportieren ganzer Schemas sollte man sich einen Account erstellen.

3. Favicon.cc Generator

Zu finden hier: favicon.cc

Es kann sehr umständlich sein ein Favicon für die erstellte Webseite zu gestalten. Hier hilft der Generator, er erstellt aus beliebigem Bildmaterial (z.B. Logo der Webseite) und rechnet es auf die benötigte Größe um. Nachträglich lässt sich das Ergebnis simpel bearbeiten. Alternativ lässt sich das gewünschte Favicon auch komplett selbst erstellen.

4. CSS3 Button Generator

Zu finden hier: css3button.net

Eigene Buttons erstellen von der Idee zum fertigen Ergebnis nimmt doch etwas Zeit in Anspruch. Diesen Aufwand kann man sich mit css3button.net teilweise sparen. Mit dem Generator lassen sich alle Eigenschaften des Buttons konfigurieren, von der Schriftart über Verlauf bis zum Schlagschatten und Kontur. Anschließend wird der entsprechende CSS-Code generiert und muss nur übernommen werden.

5. Ultimate CSS Gradient Generator für Farbverläufe

Zu finden hier: colorzilla.com

Auch um einen Farbverlauf für eine Webseite zu erstellen muss man mit etwas Aufwand rechnen. Auch dafür gibt es tolle Generatoren die einem etwas Arbeit abnehmen. Ich nutze gerne den Verlauf-Generator von colorzilla.com. Man hat eine kleine Auswahl von Verläufen die man sofort nutzen kann. Diese lassen sich beliebig bearbeiten oder man erstellt einfach einen eigenen Verlauf. Auch Orientierung, Gesamtgröße oder auch Sättigung und Helligkeit lassen sich einstellen.

 

Sambasia Park / Abschlussprüfung

Mediengestalter Abschlussprüfung Winter 2012/2013. Aufgabenstellung war es, für den Zoo „Sambasia Park“ aus Nürnberg eine Internet-Präsentation zu entwickeln. Als Zielgruppe wurden sowohl Kinder als auch Erwachsene genannt und sollten möglichst gleichermaßen angesprochen werden.

Funktionalität sollten folgende Webseiten aufweisen; Home, Erlebnis Sambasia, Touren, Preise & Zeiten sowie das Impressum. Auf der Touren-Seite sollte ein interaktiver Plan des Parks erstellt werden, welche dem Besucher die Möglichkeit gibt sich im Vorfeld über Umfang und Dauer der Touren zu informieren.

Das Layout habe ich erstellt mit Adobe Photoshop CS3 und Adobe Illustrator CS3. Symbole des Lageplans wurden ebenfalls mit Illustrator erstellt, die Animation habe ich mit Adobe Flash CS4 gemacht. Programmiert habe ich die Webseite mit HTML & CSS (teilweise auch mit CSS3 Elementen), unter Verwendung von Adobe Dreamweaver CS3.

Die dazugehörige Dokumentation umfasste 19 Seiten und wurde mit Adobe Indesign CS3 erstellt.

Hier die fertige Internetpräsenz, belohnt wurde die Seite mit einem sehr guten Prüfungsergebnis.

sambasia.pixelero.de

Logo Löwe

Logo Entwurf für die spätere Verendung auf einem Flyer oder Prospekt. Angedacht war eine weitere Verwendung auch als Firmenlogo in vereinfachter Form und universell einsetzbar. Vorgabe war ein Löwe in minimierter Form, wie z.B. bei einem Ornament.

Vorschau:

loewe_neu