WORKSHOP Moderne Weblayouts gestalten mit Figma

extra Anmeldung!

Tools zur Gestaltung von modernen Weblayouts gibt es viele – der Funktionsumfang ist oft ähnlich und wie bei einem guten Design steckt der Teufel oftmals im Detail.

Figma (https://www.figma.com) ist eines dieser Tools und bietet alle Funktionen zur Gestaltung von modernen Weblayouts – plattformübergreifend, webbasierend und in der „Starter“-Variante völlig kostenfrei.

Dieses Setup bietet viele Vorteile – sei es in der täglichen Zusammenarbeit mit Kollegen als auch bei der Präsentation gegenüber Stakeholdern.

An Hand eines Beispielprojekts werden die gängigen Schritte der Gestaltung eines Screendesigns durchlaufen:


  • Wireframing

  • High-Fidelity Screendesign

  • Prototyping & Kunden-Präsentation


Hierbei werden die Funktionsweisen von Figma (Ebenso gültig für vergleichbare Tools wie Sketch oder Adobe XD) erläutert:
Komponenten / Styles (Einführung in Design – Libraries)
Grid-Systeme
Plugin-System

Voraussetzungen:
Vor dem Workshop sollten sich alle Teilnehmer auf www.figma.com registriert haben (Das „Starter“-Paket ist völlig ausreichen). Zudem sind grundlegende Kenntnisse im Umgang mit Design-Tools (Photoshop, Illustrator, Sketch, Adobe XD) von Vorteil.

Zielgruppe:
Webdesigner und „Integrator“ die in Zukunft ihre eigenen Weblayouts entwerfen wollen.
Das Tool eignet sich sowohl für Freelancer als auch für Teams.