Dann werde mit uns zum Storyteller
Was ist Intermedia Design?
Ein Studium für Tüftler, Denker, Gamer, Coder & Designer. Für Quereinsteiger, Andersdenkende, Sinnsucher, Durchreisende. Für Local Heroes, frühe Vögel und alte Hasen
Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren.
Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren.
Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte!
Das erste Element in einer Tab/Reiter-Gruppe ist gleichzeitig das Tab/Reiter-Element, das per Click aktiviert werden kann
Als Startelement bieten sich vor allem Überschriften an, z.B. H2 / H3,…
Elemente, die nach dem Toggle-Element folgen und nicht vom selben Typ sind, werden unterhalb des Tab/Reiter als dessen Inhalt dargestellt, wenn das Tab/Reiter Element aktiv ist
In dieser Beispiel-Tab/Reitergruppe ist das Toggle Element ein H3-HTML-Element, d.h. alle H3-Elemente werden als Reiter dargestellt. Es ist also sinnvoll innerhalb des nachfolgenden Inhalts keine H3-Elemente einzusetzen, logisch käme als nächster Überschriften-Grad das H4-Element.
Zunächst scheint vieles möglich, so wie es in diesem Beispiel zu sehen ist, Mehrspaltigkeit und Flipcards scheinen kein Problem zu sein…
Höhe wird durch Rückseite bestimmt
Enthät die übergeordnete Gruppe das Klassenattribut front-height, so wird die Höhe durch den Front Cover-Block bestimmt.
…scheinen zunächst keine Schwierigkeiten zu machen, dennoch ist unbekannt, wann und bei welcher Komplexität die Tab/Reiter-Gruppe fehlerhaft wird.
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext.
Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.
Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren.
Ein Cover-Block erlaubt es beschriftet zu werden
Unterhalb des Cover-Blocks können nun weitere Blöcke, wie Überschriften, Absätze oder Buttons stehen. Die Farbeinstellungen der übergeordneten Gruppe greifen hier, jedoch sollten die Farben etwas angepasst werden…
Eine Flipcard besteht aus einem Cover-Block gefolgt von weiteren Blöcken, die gruppiert werden. Der übergeordnete Gruppenblock muss dann das Klassen-Attribut “is-style-flipcard” erhalten.
Per Default wird die back-card (die Rückseite) dazu genutzt, um die Höhe der Flipcard festzulegen.
Höhe wird durch Rückseite bestimmt
Enthät die übergeordnete Gruppe das Klassenattribut front-height, so wird die Höhe durch den Front Cover-Block bestimmt.
Per Default wird die back-card (die Rückseite) dazu genutzt, die Höhe der Flipcard festzulegen, jedoch kann unter Hinzuname der Klasse “front-height” am übergeordneten Gruppenblock dafür gesorgt werden, dass die Vorderseite als Höhenvorgabe dient.
Hierbei sollte bei den Blockeigenschaften des Cover-Blocks eine Mindesthöhe definiert werden.
Ein Gruppen-Block mit nachfolgenden Klassen-Attributen erzeugt ein responsives Grid: grid-2-columns, grid-3-columns, grid-4-columns
Sollte auch gehen
Einfarbige Hintergründe können auch eingestellt werden…
Ein Cover-Block erlaubt es beschriftet zu werden
Unterhalb des Cover-Blocks können nun weitere Blöcke, wie Überschriften, Absätze oder Buttons stehen. Die Farbeinstellungen der übergeordneten Gruppe greifen hier, jedoch sollten die Farben etwas angepasst werden…
Ein Cover-Block erlaubt es beschriftet zu werden
Unterhalb des Cover-Blocks können nun weitere Blöcke, wie Überschriften, Absätze oder Buttons stehen. Die Farbeinstellungen der übergeordneten Gruppe greifen hier, jedoch sollten die Farben etwas angepasst werden…
Ein Cover-Block erlaubt es beschriftet zu werden
Unterhalb des Cover-Blocks können nun weitere Blöcke, wie Überschriften, Absätze oder Buttons stehen. Die Farbeinstellungen der übergeordneten Gruppe greifen hier, jedoch sollten die Farben etwas angepasst werden…
Welche Berufe sind an dieses Studiengebiet angeknüpft?
Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim.
Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. “Fix, Schwyz! ” quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich.
Falsches Üben von Xylophonmusik quält jeden größeren Zwerg. Heizölrückstoßabdämpfung. Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern.
1. Die Chance sich weiterzuentwickeln: Der Raum sich als Designer_in besser kennen zu lernen
2. Strategien entwickeln
De Master befähigt zum Umsetzen und Managen komplexer Projekte
Icon “Ersetzen” – siehe obere Werkzeugleiste Inhalt ist von einer Gruppe umschlossen
Du hast nichts zu verlieren – im Gegenteil! In unserem Bewerbungsverfahren hast du die Möglichkeit herauszufinden, ob das Intermedia Studium zu dir passt