Zur Suche springen Zur Navigation springen Zum Hauptinhalt springen Zum Footer springen
Von Jonas

Infos zu unserem Seminar »Visuelles Prototyping« in Berlin.

Aktualisiert am 4 Kommentare

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 Design-Trends, 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 Web Design Tools kennenlernen. Programme wie Adobe XD, Invision, Sketch und nicht zuletzt der Browser bieten vielfältige Möglichkeiten, um praxistaugliche visuelle Prototypen und Web-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 Web-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 und ein eigenes Notebook mit installiertem Google Chrome-Browser sowie Adobe Photoshop, Adobe Illustrator, Adobe Muse und Adobe XD (Testversionen ausreichend) sind notwendig um die Übungen dieses Workshop live mitmachen zu können. Wenn ihr ein Mac Notebook zur Verfügung habt, bietet es sich an zusätzlich Sketch (sketchapp.com) zu installieren. Für Windows steht Sketch leider nicht zur Verfügung. Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Veranstaltungsort & Verpflegung


[info_location_weiberwirtschaft_berlin]
[info_catering]

Dozent


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=“5″ slider=“true“]

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 – 4 Kommentare

  1. Doreen
    schrieb am 25.09.2018 um 16:22 Uhr:

    Hallo Jonas,

    weißt du schon, wann du diesen Kurs wieder in Berlin anbietest? Ich würde sehr gerne daran teilnehmen, jedoch ist dieser schon ausgebucht.

    Viele Grüße,
    Doreen

    Antworten
    • Jonas Hellwig
      schrieb am 25.09.2018 um 16:25 Uhr:

      Hallo Doreen, der Termin wird am 28. und 29.03.2019 in Berlin wiederholt. Das Datum steht schon final fest, wir haben es nur noch nicht geschafft die neuen Termine auf der Website zu veröffentlichen. Gerne informieren wir dich per E-Mail, sobald die neuen Termine online sind.

      Antworten
  2. Kristina
    schrieb am 22.08.2018 um 19:04 Uhr:

    Hallo! Ich will demnächst verstärkt mit Sketch arbeiten und frage mich, wieviel mit diesem Programm (oder anderen Programmen) Übungen gemacht werden im Workshop? Also wird viel hands on gearbeitet, oder ist es eher frontal Unterricht?

    Liebe Grüße
    Kristina

    Antworten

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 →