Kurzbeschreibung

Die Gestaltung flexibler Weblayouts stellt Designer vor neue Herausforderungen. Früher war es üblich, eine Website in einem Grafik- oder Bildbearbeitungsprogramm zu gestalten und anschließend an die Programmierung zu übergeben. Der Designer hatte daher mit der technischen Umsetzung nur wenig zu tun. Heute sind die Bereiche Design, UX und Entwicklung stark verzahnt. Screen-Designer müssen flexible Layouts entwerfen können, die über Interaktionen verfügen und Animationen, Verlinkungen und Scrolling-Effekte abbilden. Programme wie Photoshop, InDesign oder Illustrator sind dafür nicht geeignet, doch es gibt neue Programme und Tools, die Designern unter die Arme greifen.

In diesem Seminar lernen Sie, worin der Unterschied zwischen einem statischen Layout und einem visuellen Prototypen besteht und warum die Arbeit mit Prototypen so erfolgreich und effektiv ist. Sie lernen die notwendigen HTML- und CSS-Basics kennen, die benötigt werden, um funktionierende Weblayouts konstruieren zu können. Sie erfahren, worauf es bei der Gestaltung responsiver Websites ankommt. In diesem Zusammenhang werden Sie anhand in sich abgeschlossener Übungen auch die neue Generation der Web Design Tools kennenlernen. Programmen wie Adobe Muse, Adobe Comp CC, Webflow und nicht zuletzt der Browser bieten vielfältige Möglichkeiten, um praxistaugliche visuelle Prototypen und Web-Layouts zu erstellen. Die Zusammenarbeit mit den Kollegen aus der Konzeption und Entwicklung kann somit spürbar vereinfacht werden, ohne dass Sie selbst zu tief in die Web-Entwicklung einsteigen müssen.

Agenda

  • Die Arbeit mit visuellen Prototypen – Vorteile/Nachteile und Workflow-Konzepte
  • Begrifflichkeiten, HTML- und CSS-Grundlagen
  • UX / UI und responsive Design Grundlagen
  • Grundlagen zur Web-Typografie
  • Den Browser als Bildbearbeitungs- und Korrekturprogramm einsetzen
  • Sinnvolle Web-Design-Funktionen in Photoshop und Illustrator
  • Photoshop-Elemente in CSS umwandeln – Adobe Extract
  • Breakpoints intelligent einsetzen – Adobe Muse, Adobe Edge Reflow & Co.
  • Weblayouts planen – Adobe Comp & Co.
  • Weblayouts gestalten – Adobe Muse, Webflow & Co.
  • Visuelle Prototypen präsentieren
  • Korrekturen effizient umsetzen und die Zusammenarbeit mit Kollegen verbessern

Vorkenntnisse/Voraussetzungen

Gute Kenntnisse in Adobe Photoshop und Illustrator. HTML- und CSS-Kenntnisse sind hilfreich, aber nicht erforderlich.

Durchführung

Wir können für das Seminar insgesamt 8 Apple iMacs bereitstellen. Wenn Sie Ihr eigenes Laptop nutzen wollen bzw. können, geben Sie dieses bitte bei der Anmeldung an. Die maximale Teilnehmerzahl ist 10. Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Veranstaltungsort


[info_location_haus_der_wissenschaft_bremen]

Verpflegung


[info_catering]

Dozent: Jonas Hellwig


Jonas HellwigJonas Hellwig ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.


Kunden-Feedback zu unseren öffentlichen Schulungen

[testimonials kategorie=“Oeffentliche Schulung“ posts_per_page=“2″]

Geschrieben von Jonas

Benutzerbild

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing

Feedback & Ergänzungen – Schreibe einen Kommentar

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Website-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.

Übersicht Kompetenzen →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →