icon-arrow-lefticon-arrow

Kurzbeschreibung

Die Gestaltung flexibler und interaktiver Layouts stellt Designer und Agenturen vor neue Herausforderungen. Früher war es üblich, Benutzeroberflächen für Websites und Apps 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, und die Kommunikation mit Auftraggebern erfolgte häufig ebenso statisch und zeitintensiv wie der Design-Prozess.

Heute sind die Bereiche Design, UX und Entwicklung eng 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 nur bedingt geeignet, doch es gibt neue Programme und Tools, die Designern unter die Arme greifen.

Wir möchten Ihnen mit diesem Workshop einen umfangreichen und praktischen Überblick über die aktuellen Designtrends, die Protoyping- und Kollaborations-Tools sowie einen effizienten Workflow vermitteln.

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 erfahren, worauf es bei der Gestaltung responsiver Websites ankommt. In diesem Zusammenhang werden Sie anhand in sich abgeschlossener Übungen auch die neue Generation der Webdesign-Tools kennenlernen. Programme wie Adobe XD, Invision, Sketch und nicht zuletzt der Browser bieten vielfältige Möglichkeiten, um praxistaugliche visuelle Prototypen und Website-Layouts zu erstellen. Sowohl die Zusammenarbeit mit den Kollegen aus der Konzeption und Entwicklung als auch die Kommunikation mit dem Kunden kann somit spürbar vereinfacht werden, ohne dass Sie selbst zu tief in die Website-Entwicklung einsteigen müssen.

Agenda

  • Design-Trends, UX-, UI und RWD-Grundlagen
    • Modulares Design und Website-Architektur
    • Die Layout-Typen im responsive Design
    • Der Responsive Workflow
    • Breakpoints richtig setzen
    • Design Thinking
    • Design-Trends und Ihre Auswirkungen: Flat-Design, Material-Design & Co.
    • Benutzerführung und Mikroanimationen
    • Navigation im Responsive Design
    • Typografie
    • Die Design- und Testing-Funktionen der Google Chrome-Entwicklertools kennen
  • Clickdummies, interaktive Wireframes & Co.
    • Arbeiten mit »echten Inhalten«
    • Tools für Platzhalter und Content-Pools
    • Die Tools kennen: Balsamiq Mockups, Axure, Platforma, Adobe Comp, Pop & Co.
    • Pen and Paper Prototyping
    • Bootstrap
  • Layout, Responsive Design, Animation und Interaktion
    • Etablierte Tools wie Photoshop mit Plugins um Prototyping-Funktionen erweitern: InVision, Craft & Co.
    • Statische Programme effizient bedienen: Adobe Bibliotheken, Verknüpfungen & Co.
    • Tools für Visual Design und Prototyping anhand praktischer Übungen kennenlernen: Adobe XD, Sketch, Adobe Muse, Invision (Studio), Figma & Co.
    • Tools für Interaction Design anhand praktischer Übungen kennenlernen: ProtoPie, Principle, Framer & Co.
  • Workflow, Kommunikation und Datenübergabe
    • Design-Elemente exportieren und in CSS konvertieren: Zeplin, Adobe Extract & Co.
    • Tools für Kommunikation und Zusammenarbeit: XD, InVision, Figma, Marvel & Co.
    • Tools zum gleichzeitigen Arbeiten an einem Layout
    • Korrekturschleifen kostengünstig umsetzen
  • Dokumentation und Präsentation
    • Style Tiles und Style Guides
    • Atomic Design und PatternLab
    • Datenausgabe und Präsentationsmöglichkeiten

Voraussetzungen & Zielgruppe

Dieses Seminar richtet sich an Print-, Screen-, Web- und UX-Designer, die Websites bzw. Apps gestalten möchten, ohne dabei zu viele Berührungspunkte mit der Programmierung zu bekommen. Solide EDV-Kenntnisse werden erwartet.

Wir können für das Seminar Apple iMacs bereitstellen. Wenn Sie Ihr eigenes Laptop nutzen wollen bzw. können, geben Sie dieses bitte bei der Anmeldung an. Sie benötigen dann einen installiertem Google Chrome-Browser sowie Adobe Photoshop, Adobe Illustrator, Adobe Muse und Adobe XD (Testversionen ausreichend), um die Übungen dieses Workshops live mitmachen zu können. Wenn Sie ein Mac Notebook zur Verfügung haben, bietet es sich an, zusätzlich Sketch (sketchapp.com) zu installieren. Für Windows steht Sketch leider nicht zur Verfügung. Die maximal Teilnehmerzahl ist 10.

Veranstaltungsort & Verpflegung

Das Seminar findet im »Haus der Wissenschaft« in der Sandstr. 4 in Bremen statt.

Fotos des Seminarraums im Haus der Wissenschaft Bremen

Sie finden das Haus der Wissenschaft in unmittelbarer Nähe zum Bremer Dom. Die Seminarräume befinden sich im 1. Obergeschoss und sind behindertengerecht ausgestattet.

Kaffee, Tee, kalte Getränke, Obst und Gebäck stehen Ihnen den ganzen Schulungstag über zur Verfügung. In der Mittagspause gehen Sie gemeinsam mit dem Dozenten und den anderen Teilnehmern in einem Restaurant in der Nähe des Seminarraums essen. Dort werden neben fleischhaltigen auch vegetarische und vegane Gerichte angeboten. Die Kosten sind im Seminarpreis enthalten.

Dozent

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben UX/UI-, Frontend- & Responsive Design hat er sich auf WordPress und Workflow-Optimierungen im Web Design spezialisiert und ist Gründer der Agentur kulturbanause® (kulturbanause.de). Auf blog.kulturbanause.de veröffentlicht er interessante Artikel, Tipps und Tutorials zum Thema Web Design. Jonas Hellwig ist regelmäßig als Sprecher auf Veranstaltungen zum Thema Webdesign anzutreffen und unterstützt Digitalagenturen und Unternehmen bei der Planung und bei der technischen Umsetzung von Web-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Super Trainingsseminar, es wurden alle Erwartungen an die Themen erfüllt und es hat Spaß gemacht mit Jonas in Prototyping einzusteigen.

Mai 2018, Johannes Jatho, Art Director – Quelle

Zwei Tage mit großartigem Input - danke an Jonas. Es war die reine Freude jemandem zuzuhören, der unglaublich kompetent und mit vielen Beispielen und Praxiserfahrungen das umfangreiche Thema RWD so verständlich und interessant rüberbringt, dass wir gern noch mehr davon gehabt hätten. Wirklich fantastisch - wir empfehlen Euch sehr,  jederzeit. Vielen Dank auch für die umfangreiche Seminardokumentation.

April 2017, Friederike Kussin, Design und Internettechnik, Amt für Statistik Berlin-Brandenburg

Ich fand den Kurs super aufschlussreich. Dozent sehr angenehm, gut verständlich, Inhalt sehr gut, umfangreich.

Mai 2017, Philippe Rothen, Frontend, infoklick.ch

Vielen Dank für die sehr kurzweiligen, spannenden Seminartage. Ich werde vielen von dem Gelernten direkt in meinen Projekten berücksichtigen. Auf konkrete Fragestellungen habe ich effiziente Antworten erhalten.

April 2017, Ann-Kathrin Fischer, Projektleitung/Konzeption/Layout, soldan kommunikation

Der Workshop zu SVG-Grafiken war spannend, zukunftsweisend und in einem breiten Arbeitsumfeld bereichernd. Jonas Hellwig gibt einen umfassenden Einblick in Anwendungsgebiete und fokussiert gekonnt die individuell relevanten Schwerpunkte. Ein intensiver und wertvoller Lehrgang – besonders an der Schnittstelle zwischen Gestaltung und Entwicklung, der zu neuen Ansätzen motiviert und mir als Designer technische Möglichkeiten verständlich und zugänglich macht.

April 2017, Miriam Stepper, Grafik-Designerin, infoclick.ch

Ihr Kommentar zu diesem Termin

Ihr Kommentar zu diesem Termin

Bei Fragen, Anregungen oder Kritik zu diesem Termin, nutzen Sie bitte das Kommentar-Formular.

Ihr Kommentar wird überprüft bevor er auf der Website erscheint. Nicht themenrelevante Beiträge werden gelöscht.

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir sind nicht auf eine Branche festgelegt und haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: