Webdesign + Programmierung + Figma + UI/UX

Diese Weiterbildung vermittelt Kenntnisse in der digitalen Gestaltung und technischen Umsetzung von Webanwendungen. Die Teilnehmenden lernen Grundlagen der Programmierung sowie den Einsatz von Tools wie Figma, um benutzerfreundliche und barrierefreie Webprojekte zu entwickeln.

Modul 1: Webdesign: Digitale Gestaltung und technische Umsetzung
Modul 2: Grundlagen der Programmierung
Modul 3: Figma: Webbasierte UI-Konzepte und Prototyp-Entwicklung
Modul 4: UI/UX Design für digitale Anwendungen

Webdesign: Digitale Gestaltung und technische Umsetzung
  • UI/UX Design und Interface-Gestaltung für strukturierte und funktionale Benutzeroberflächen im Webdesign-Kontext.
  • Erstellung von Wireframes und Prototypen mit Figma, Adobe XD und Sketch zur Visualisierung digitaler Webprojekte.
  • Technische Umsetzung mit HTML, CSS, Grid Design und Flexbox im Bereich der Frontend Webentwicklung.
  • Einführung in WCAG, Style Guides und barrierefreie Webstandards für zugängliche und normgerechte Webseiten.

Grundlagen der Programmierung
  • Einstieg in die Programmierung: Verständnis von Algorithmen, Datentypen und Programmlogik mit gängigen Programmiersprachen wie Java & Swift.
  • Entwicklung & Coding Basics: Arbeiten mit HTML, CSS und GitHub, erste Anwendungen mit Android Studio, Xcode und gängigen Code-Editoren.
  • Datenverarbeitung & Schnittstellen: Umgang mit JSON, API Schnittstellen und SQL Datenbanken zur Strukturierung datenbasierter Anwendungen.
  • Softwareentwicklung im Kontext: Einführung in Usability, agile Entwicklung, Versionskontrolle mit Git und praxisnahe Anwendungskonzepte.

Figma: Webbasierte UI-Konzepte und Prototyp-Entwicklung
  • Einführung in Figma-Workflows zur Gestaltung von Benutzeroberflächen, Wireframes und responsiven Webseiten.
  • Einsatz von Auto-Layout, Designsystemen und UI-Kits zur komponentenbasierten Entwicklung digitaler Interfaces.
  • Zusammenarbeit in UI/UX-Teams, strukturierte Feedbackprozesse und Vorbereitung auf die Frontend-Entwicklung.
  • Erstellung von App-Prototypen, Anwendung von UI-Testing-Methoden und Integration in User-Interface-Prozesse.

UI/UX Design für digitale Anwendungen
  • Grundlagen von UI/UX: Einführung in Usability, Interface-Gestaltung und Nutzerführung für Web, App und mobile Anwendungen.
  • Prototyping & Wireframes: Einsatz von Figma, Adobe XD und Rapid Prototyping zur Entwicklung von nutzerzentrierten UI-Konzepten.
  • UX Research & Testing: Durchführung von User Research, A/B-Tests und User Personas zur Optimierung der User Experience.
  • Designsysteme & Tools: Nutzung von UI Frameworks, Style Guides und WCAG-Richtlinien für barrierefreies und responsives Design.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, Webdesign und Programmiergrundlagen anzuwenden, Figma zu nutzen und digitale Anwendungen unter Berücksichtigung von UI/UX-Prinzipien zu gestalten.