Gestaltungsraster und Grid-Systeme
Manche können sich gar nicht mehr an eine Zeit ohne das World Wide Web erinnern – tatsächlich ist das Internet aber ein relativ neues Medium. Eines, das seine Form immer noch findet und sich konstant weiter verändert. So auch in der Gestaltung. Tatsächlich dominiert im Webdesign heute oft der Einheitsbrei: Oben ein riesiges Header-Bild, darunter ein paar Spalten mit hübschen Icons und zwischen drin wieder ein paar große Bilder. Schön wenn es so einfach geht – aber auch ziemlich vorhersehbar und langweilig. Millionenfach kultiviert in Wordpress-Themes und Bootstrap-Frameworks. Für eine Zeit sah es so aus, als wäre dies die finale Iteration des Mediums Web.
Aber es gibt Abhilfe. Webdesign geht optisch variabler. Und es wird einfacher in der Umsetzung. Direkt in CSS eingebaute Technologien wie CSS Grid und Flexbox ermöglichen ganz neue Formen der Kreativität. Oft mit nur wenigen Zeilen einfachem CSS – ohne den Ballast von Bootstrap und Konsorten. Das Standard-Theme hatte seine Zeit, jetzt heißt es, die Fesseln lösen und das Medium auf die nächste Stufe bringen!
3 Abende
Ort: wird noch bekanntgegeben
140 € tgm-Mitglieder und Kooperationspartner 200 € Nicht-Mitglieder
Max. 16 Teilnehmer:innen
Themen
An allen Abenden wiederholen wir immer wieder das gleiche Spiel:
Wir schauen uns Beispiele für mutiges aktuelles Webdesign an.
Wir analysieren die Design Pattern dahinter, arbeiten die Vor- und Nachteile heraus, prüfen alternative Ansätze und entwickeln so ein Verständnis was Sinn macht, und was vielleicht nicht.
Wir verwenden die Browser Inspektoren um hinter die Kulissen der Umsetzung zu schauen.
Wir versuchen die Gestaltungen selbst im Code nachzuvollziehen – mit CSS Grid und Flexbox können wir unsere Ideen direkt testen.
Mit jedem Beispiel entsteht so ein besseres Verständnis für die Gestaltungsräume des Webdesigns und ihrer praktischen Umsetzung.
Ziel
Die Teilnehmenden erhalten einen fundierten Einblick in Gestaltungsraster und »best practices«, wie man sie mithilfe von neuen CSS-Technologien wie CSS Grid oder Flexbox umgesetzt. Für eigene Entwürfe entstehen so wertvolle Impulse.
Zielgruppe
Gestalter:innen und Designer:innen, die an Website-Projekten arbeiten und mehr über aktuelle Gestaltungstrends und ihre technische Umsetzung erfahren möchten.
Level
(Grund)kenntnisse und -verständniss in HTML und CSS sind von Vorteil.
Weitere Hinweise
Einen eigenen Rechner mitzubringen, um die Beispiele und Übungen direkt nachvollziehen zu können, ist sinnvoll, aber nicht zwingend notwendig. Falls Sie einen Rechner haben, sollte dieser mit aktuellen Browsern und einem Code-Editor (Visual Studio Code, Sublime Text o. ä.) ausgestattet sein.
Georg Obermayr
Referent, Coach und Speaker
Head of CMS der Digitalagentur schalk & friends, Autor des Buches »Agiles Publishing« über die Organisation und Kreation von Publishing-Erlebnissen. Seine Veröffentlichungen behandeln Themen rund um Digital Publishing und die Medienproduktion. Er ist ein Praktiker der digitalen Medien – komplexe Websites, Apps und Portale begleitet er von der Konzeption bis zur Umsetzung. Als Grenzgänger zwischen Design, Technologie, Marketing und Beratung stellt er immer wieder spannende Transfers zwischen praktischer Umsetzung und strategischer Einordnung her.
Weitere Veranstaltungen, die Sie interessieren könnten
Warm, kühl oder doch mit Textur?
Farboptimierung oder -änderung sowie das Anpassen von neuen Texturen auf Oberflächen gehören zu den täglichen Arbeiten mit Photoshop. Ob es dabei um Mode, Porträt oder Landschaft geht, ist eigentlich egal.
Sprache als Kreativwerkzeug
Sprache ist flexibel, ist poetisch, philosophisch, ist multifunktional. Wörter sind präziser als Bilder, assoziativer als Farben, vielschichtiger als Visuals. Unsere Sprache ist zudem etwas sehr Persönliches. Die gesamtgesellschaftlichen Debatten um Sprachformen belegen das. Sprache spiegelt Realität! Sprache ist überall.
The Making of Neugier
„The Making of Neugier“ ist ein leidenschaftlicher Appell von Irmgard Hesse, sich mit Spaß und Energie in merkwürdige Themen, abseitige Leidenschaften und verschrobene Randgebiete aller Art zu stürzen. Denn Neugier ist die Basis für unsere Kreativität. Sie ist wie ein Muskel, der trainiert werden muss: nach dem Muskelkater entstehen Ideen ganz von allein.