Fontroad entstand im Rahmen des Grundkurses Typographie mit Lars Harmsen. Dortmund wurde in ca. 35 Planquadrate aufgeteilt und Studierenden zugeteilt welche sich dann auf die Suche nach typografischen Fundstücken machten. Fontroad ist eine Zusammenstellung dieser Recherche.
Team: Studenten aus dem ersten Semester FB2
Gestaltung / Umsetzung
Sebastian Tiede
www.fontroad.com
»Fotografische Abschlussarbeit von Max Brunnert — Kollektiv/Singular beschäftigt sich mit einem Kollektiv, das doch keines ist, mit der Suche nach Identität und Gemeinschaft. Es geht um die Jugend, den Mythos der Jugend, die Jugend als Mythos.«
Die Internetseite basiert auf dem »Google-Maps-Prinzip«.
Der Nutzer kann sich auf einer Fläche frei bewegen, ein- und auszoomen und Inhalte (Audio, Video, Multimedia und Fotos) gezielt aufrufen.
Unterstrichene Fotos deuten auf die genannten Medien, die mit dem jewieligen Foto verknüft sind.
Einige lassen sich lediglich vergrößern.
Idee / Konzept / Gestaltung:
Max Brunnert
Umsetzung / Konzept
Sebastian Tiede
www.kollektiv-singular.de
Für das Typografie-Symposium »33pt« der FH Dortmund gestaltete ich zusammen mit Michelle Flunger, Willi Harder und Sascha Schilling den zugehörigen Corporate Font.
„Bereits zum zweiten Mal initiiert das buchlabor - Institut für Buchforschung (i.Gr.) der FH Dortmund, die Ausstellungs- und Veranstaltungsreihe »Das buchlabor zu Gast …« und »Dialoge über Bücher« mit dem diesjährigen Thema Visuelle Forschung.“
Zu diesem Anlass sucht das buchlabor Buchprojekte, die sich mit visueller Forschung befassen.
Um möglichst viele Studenten zu erreichen, wurde neben einer Plakatkampagne eine Internetseite konzipiert und umgesetzt, die die analoge Überdrucktechnik der Printmedien aufgreift.
So baut sich "onscroll" der gestempelte Einleitungstext auf. Dabei passt sich die Seite an die Browser-Größe des Nutzers an.
Illustrationen: Myriam Villis
http://buchlabor.net/visuelle-forschung/
Anlässlich des Call-for-Entries Poladarium (2013), wurde eine Internetpräsenz gestaltet, die zur Teilnahme aufruft und den Kalender präsentiert.
Durch die Wordpress-Anbindung können einfach Inhalte eingepflegt werden.
So können Gestaltung und Inhalte ohne HTML-, CSS- und Programmierkenntnisse angepasst werden.
Projektleitung / Idee:
MAGMA Brand Design
+ Ruddigkeit
Gestaltung / Umsetzung
Sebastian Tiede
www.poladarium.de
33pt ist ein Typografiesymposium der Fachhochschule Dortmund.
Die Veranstaltung ist eine Fortsetzung der Symposien 33pt. Eskapade (2009) und 33pt. Musik (2006).
Das dynamische Erscheinungsbild der diesjährigen Veranstaltung erlaubte eine Gestaltung, die mit zufälligen Positionierungen und Farben spielt. Durch Überlagerung entstehen so interessante Formen.
Basistechnik der Internetseite ist Bewegungsparallaxe, die durch Scrollen eine räumliche Tiefe suggeriert.
Technologien:
HTML5, CSS3, JavaScript, AJAX, SVG+XML
http://www.33pt.de
„Stadtansichten, Portraits und Momentaufnahmen dokumentieren Juliane Herrmanns fotografische Erkundung der Stadt Den Haag. Der Wunsch das Nachbarland kennenzulernen, das auf sonderbare Weise dem eigenen ähnelt und doch ganz anders scheint, führte sie in die niederländische Stadt hinter den Dünen.“
Bachelor-Fotobuch-Projekt in Zusammenarbeit mit Juliane Herrmann.
Käuflich erwerbbar hier
Die Aufgabe des Seminars „Schokolade“ war die Gestaltung einer Schokoladenverpackung.
Meine Lösung veranschaulicht eine Schokoladenserie für eine fiktive Jubiläumsfeier der Marke
Imhoff-Stollwerck.
Die Gestaltung der Verpackung orientiert sich an dem englischen / amerikanischen typografischen Stil der 20er Jahre.
Jede Verpackung der sechsteiligen Serie ist handvernäht und mit einem individuellen Siegel verschlossen.
Dieses Buch zeigt unkommentiert die Privatsammlung von Fotografien, die im Rahmen des Zweiten Weltkrieges durch meinen Großvater, dem Unteroffizier Werner Ehrenfried Tiede, entstanden sind.
Zur Ausstellung einiger Fotografie-Bachelor-Absolventen gestaltete und programmierte ich die Internetseite.
Die Gestaltungsrichtlinien waren durch diverse Printprodukte, welche im Vorhinein produziert worden waren, gegeben.
Das besondere an dieser Internetseite ist, dass sie auf den ersten Blick komplett Client-seitig funktioniert und für den jeweiligen Seitenwechsel kein Reload nötig ist. Die Daten (Fotografien und Texte) werden über JSON-Dateien abgerufen. Die Seite passt sich an die Browsergröße des Besuchers an. Über JavaScript-Events, kann sich der Besucher durch die Seite scrollen.
http://audiovideodisco.info
Wie oft sitzt man in der Bahn und kann sich nicht auf sein Buch konzentrieren, weil sich Sitznachbarn laut unterhalten. Oftmals sind die Inhalte der Gespräche so intim, dass alle Reisenden im Umfeld erröten. Manchmal sind die Geschichten auch so spannend und ausführlich, dass man gerne zuhört und nach der Fahrt das Gefühl hat, alles über den Erzähler zu wissen.
Die Redner scheinen von ihrer öffentlichen Selbstentblößung meist nichts zu bemerken.
Bei dem Buch handelt es sich um eine rein typografische Umsetzung.
Das Buch entstand im Rahmen des Seminars »Bootcamp Book« der FH Dortmund.
Das Projekt wurde von Prof. Sabine an Huef, Julia Majewski und Bernd Dicke betreut.
Es sieht einfacher aus als es ist: Die Anpassung eines gemeinen social-media-buttons.
Für das buchlabor und zukünftig weitere Projekte habe ich nun ein Plugin geschrieben, mit dem der Facebook-Button und der Google+-Button selber gestaltet werden kann. Die Gestaltung war nicht das Problem, Funktionen, wie Counter, Unlike und Markierung des eingedrückten Buttons, sollten weiterhin bestehen. Mit JavaScript, PHP und der API der jeweiligen Anbieter ist mir das nun gelungen.
Anwendungsbeispiel ist zu sehen auf http://buchlabor.net bzw. genauer: http://buchlabor.net/de/buchdarstellung/reflektor_3
Das Buch „Stadt Essen · Das Popup-Buch“ entstand im Seminar „Papervisions“ bei Linda Wucherpfennig.
Es richtet sich mit vier Sehenswürdigkeiten der Stadt Essen an Kinder und verspielte Lokalpatrioten, die Ihre Stadt im Taschenbuchformat bei sich tragen möchten.
Aufwändige Popup-Elemente zeigen die Dimensionen und Besonderheiten der Gebäude. Liebevolle, zum Teil abstrakte Illustrationen zeigen Winkel der Objekte, wie sie noch nie gesehen wurden.
Im Essen Werdener Stadtbad inszenierten wir zwei Alltagssituationen. Die Unterwasserportraitserie – ein Nebenprodukt – etablierte sich als wichtigster Bestandteil der Arbeit.
Konzeption / Fotografien / Umsetzung:
Thorwald Hoffmann, Sebastian Tiede
Making-of:
Zum Projekt "scheinmoral" gab es eine Dokumentation, in der die Entstehungsgeschichte und Technologie der Internetseite bzw. der Kampagne zu sehen ist.
Die Seiten des Buches sind handschriftlich mit Tusche beschrieben und das Buch mit einer Fadenbindung gebunden.
Auch bei diesem Projekt kümmerte ich mich um die Programmierung.
Aufgabe war es, eine bereits bestehende Internetseite so umzubauen, dass Inhalte live eingeladen werden und sich von unten dezent in das Blickfeld des Betrachters schieben.
Technologien:
HTML5, CSS3, JavaScript, AJAX
Grafik-Design:
Danny Schuster
http://danny-schuster.de
http://von-acht.de
Das Institut buchlabor hat eine neue Internetseite.
Hierbei habe ich die Programmierung und Umsetzung übernommen.
Als Basis der Seite dient das CMS Expression Engine.
Technologien:
HTML5, CSS3, PHP, JavaScript, jQuery, AJAX, XML
http://buchlabor.net
Auf der Ausstellung der Seminare sandyslashuwe und TYPOTIGER / PROTEST sowie vielen weiteren konnten die Besucher Schilder von scheinmoral.de beschriften und an der Wand aufhängen.
Entstanden sind folgende Ergebnisse:
Viel gibt es nicht zu erklären – denken Sie sich einen Demonstrationsgrund aus und posten Sie ihn auf der Internetseite. Es dürfen insgesamt fünf Sprüche / Schlagwörter à 40 Zeichen geposten werden. Die persönlichen Daten werden weder abgefragt noch gespeichert. Die IP wird verschlüsselt in der Datenbank gespeichert um Spam zu verhindern.
Technologien:
HTML5, CSS3, PHP, JavaScript, jQuery, AJAX, XML, MySQL
http://www.scheinmoral.de
Im Seminar „Hände“ konnte ein freies Thema rund um den Begriff „Hände“ (wie ungewöhnlich) bearbeitet werden. Ich habe mich mit Comic-Händen beschäftigt. Dazu habe ich mir mehrere Comics und Bücher bei eBay ersteigert und von Freunden/Bekannten ausgeliehen und hochauflösend eingescannt.
Dabei herumgekommen ist ein über fünf Meter langer Leporello zusammengefasst in einer Kassette.
Durch einen Klettverschluss kann der Leporello auch als Buch gelesen werden.
Das Typolabor entstand im Rahmen der Seminare „Typografie und Layout“, sowie „Theorie und Geschichte der Schriftgestaltung“ an der FH Dortmund. Die Betreuung des Projekts erfolgte durch Sabine an Huef.
Das Buch dokumentiert Experimente mit Typografie. Dazu wurden folgende sieben Aufgaben gestellt und gelöst: Der Buchstabe; das Wort; die Zeile; der Text; der Absatz, die satzweise, die Ausrichtung, die Überschrift; die Schrift und das Layout; Schrift und Bild.
Das puristische Hardcover aus Graupappe unterstreicht die experimentelle Thematik.
Das Buch wurde demnach in sieben Kapitel unterteilt – pro Frage ein Kapitel.
Die Kapitel werden durch einen jeweiligen Einschlag gefasst, sodass, wenn ein Kapitel aufgeschlagen wird, immer die Aufgabenstellung auf dem aufgeklappten Einschlag zu sehen ist.
Alles begann mit der Semesteraufgabe, einen Streetartist zu dokumentieren. Da wir kein Piece beschreiben wollten, hatten wir uns vorgenommen, einen Künstler der Szene zu interviewen. Dank einer Bekanntschaft konnte Sebastian mit Alias, einem – in der Szene – bekannten Streetartist aus Berlin, in Kontakt treten. Nach einer kurzen Überlegung wurde der Trip nach Berlin geplant.
Ich habe mich nun endlich für einen Blog entschieden.
Hier folgen bald ein paar Studienprojekte.