Transformation
verschiedene Varianten!
Ausarbeitung einer Variante!
Ziel war es, die erste Variante so weiterzuentwickeln, dass am Ende das organische L entsteht. Die Schritte davor sollten etwas verfeinert werden.
Umsetzung in Figma!
Das erste Bild ist der erste Animationsversuch, bei dem ich mich in Details verloren habe. Das zweite Bild ist das vorläufige Endergebnis und das letzte Bild ist meine Idee für den Druck.
Am Anfang hatte ich das Problem, dass bei der Animation oft „Schatten“ entstanden. Bei den Punkten konnte ich das Problem lösen, indem ich die Punkte in jedem Frame gleich benannt habe. Bei den großen organischen Flächen bleibt das Problem bestehen.
Endergebnis!
In der weiteren Bearbeitung habe ich noch einen Schritt hinzugefügt & mit der Größe der Punkte gespielt. Am Anfang sind noch nicht alle Punkte vorhanden. Einige kommen im späteren Verlauf hinzu. Außerdem sind die Punkte unterschiedlich groß & werden erst in den folgenden Schritten einheitlich groß.
Die „Schatten“ konnte ich immer noch nicht beseitigen, aber ich konnte sie etwas abschwächen, indem ich die organischen Flächen gruppiert habe.
Das zweite Bild ist das Endergebnis für den Druck.
Ornamente
Figma!
Die Aufgabe ist mir leicht gefallen und hat Spaß gemacht. Auffällig war, dass bei den Schriften Futura & Rockwell eher geometrische und teilweise symmetrische Ornamente entstanden. Bei den Schriften Garamond & Didot wirkten die Ornamente durch die Serifen edler. Bei den Schriften Mistral & Fraktur entstanden viele unterschiedliche & kreative Ornamente.
Typografische Komposition
Figma!
Die Umsetzung der Kompositionen war mit einer selbst gewählten Schriftart viel einfacher als mit der Helvetica, da die Schriftart die Wirkung des Wortes schon stark beeinflusst. Besonders bei meinem Verb „laugh“ fand ich die Verstärkung der Wirkung durch die Schriftart extrem. Ich habe relativ schnell viele passende Schriften gefunden. Bei der Helvetica war es schwieriger, die Wirkung des Wortes nur durch die Komposition zu vermitteln.
Ich hatte Probleme, die Abstände der Buchstaben in den Bögen gleichmäßig zu gestalten. Es half, jeden Buchstaben von Hand auszurichten und nicht durch das Programm.
Schritt 1!
Mein Favourite ist das erste Bild.
Schritt 2!
Mein Favourite ist das letzte Bild.
Schritt 3!
Mein Favourite ist das letzte Bild.
Schritt 4!
Mein Favourite ist das erste Bild.
Überarbeitung!
Dabei habe ich die Abstände zwischen den Buchstaben angepasst. Vor allem bei den Bögen.
Titelseite
Das erste Bild war von Anfang an mein Favorit, weil ich sofort eine Idee für eine Startanimation hatte. Diese habe ich dann auch umgesetzt. Später ist mir aufgefallen, dass das Cover für das Thema des Zines zu schlicht war. Beim Zine konnte ich das durch eine andere Schriftart anpassen. Bei der iPad-Anwendung war das durch die Animation nicht so einfach möglich, weshalb ich es bei der ersten Variante belassen habe.
Figma!
Text zu laugh
Bei dieser Aufgabe hatte ich große Schwierigkeiten mit der Schriftgröße und den Abständen. Beim Zine war es mit Adobe Illustrator etwas einfacher, da man alles einstellen konnte, aber ich habe einfach noch kein Gefühl dafür, was gut aussieht. Bei Figma war es am schwierigsten, da alles mit einzelnen Textfeldern erstellt wurde und die Abstände der Textfelder bei mir nicht stimmten.
Figma!
Ipad Anwendung!
Zine!
Piktogramme zu laugh
Diese Aufgabe ist mir sehr leicht gefallen, vor allem durch das Moodboard. So hatte ich einen Überblick, was es schon gibt und in welche Richtungen ich gehen konnte. Das einzige Problem war, dass ich Angst hatte, etwas zu kopieren, da es schon sehr viele lachende Smileys gibt. Außerdem ließen sich die Smileys für die iPad-Anwendung super animieren.
Figma!
Muster
Figma!
Das Muster auf Seite 4 gefällt mir am besten. Ich finde, es ist etwas verspielt und passt deshalb zum Thema Lachen. Außerdem hat es viele Bögen, was mich an ein Grinsen erinnert. Durch die Verwendung von Graustufen passt es zum Cover des Zines.
Ipad Anwendung
Figma!
Horizontales scrollen!
Im weiteren Verlauf verworfen.
Vertikales scrollen!
Im weiteren Verlauf verworfen.
Blättern!
Das ist es am Ende geworden. Es gibt zwei Varianten, eine nur mit weißem Hintergrund und eine mit weißem und schwarzem Hintergrund. Schwarzer Hintergrund immer dann, wenn eine neue Aufgabe beginnt. Dadurch werden die einzelnen Aufgaben noch deutlicher voneinander getrennt.
Figma - Ipad: Endprodukt
Zine
Das dritte Zine ist es dann schlussendlich geworden. Für alle Varianten wurde das zweispaltige Raster verwendet.
Bei der ersten Variante wird auf die Hervorhebung durch einen schwarzen Hintergrund verzichtet. Bei der zweiten Variante wird die Animation mit Pfeilen dargestellt, die ich aber ohne und nur mit Hilfe der Leserichtung anordnen sollte. Dies habe ich dann in der endgültigen Variante umgesetzt.
Hier hatte ich Probleme beim Drucken, weil die Abstände nie gepasst haben. Als ich es dann mit Schnittmarken ausgedruckt und zugeschnitten habe, haben die Abstände gepasst.
Bilder des gedruckten Zine!
Fazit
