Webdesign + CSS + UX + UI

Diese Weiterbildung vermittelt fortgeschrittene Kenntnisse im Webdesign, einschließlich der Anwendung von Tools und Standards. Die Teilnehmer lernen, visuelle Designs zu erstellen und funktionale Webseiten umzusetzen, wobei auch Barrierefreiheit und aktuelle Layout-Techniken einbezogen werden.

Modul 1: Webdesign: Grundlagen, Tools und Standards
Modul 2: CSS und Layout-Techniken im Webdesign
Modul 3: UX UI Gestaltung für interaktive Systeme

Webdesign: Grundlagen, Tools und Standards
  • Grundlagen im Webdesign: Einführung in UI/UX Design, Responsive Webdesign, Strukturierung und Gestaltung funktionaler Webseiten.
  • Visuelle Gestaltung & Tools: Arbeiten mit Figma, Adobe XD und Sketch zur Erstellung von Wireframes, Prototypen und Interface-Layouts.
  • Frontend & Struktur: Umsetzung von Designs mit HTML, CSS, Flexbox und Grid Design für funktionale und zugängliche Benutzeroberflächen.
  • Barrierefreiheit & Standards: Anwendung von WCAG, Style Guides und Usability-Prinzipien für inklusive, nutzerfreundliche Webangebote.

CSS und Layout-Techniken im Webdesign
  • CSS3-Grundlagen zu Selektoren, Box-Modell, Kaskade und Integration in strukturierte HTML-Dokumente.
  • Gestaltung mit Flexbox, Grid Design und Media Queries für skalierbare und responsive Weblayouts.
  • Nutzung von Style-Konzepten, modularem CSS und UI Frameworks in der Frontend Entwicklung.
  • Arbeitsweise mit GitHub, Versionskontrolle und Organisation wiederverwendbarer CSS-Strukturen.

UX UI Gestaltung für interaktive Systeme
  • Interface-Grundlagen: Struktur, Nutzerführung und Interface-Gestaltung für responsive Anwendungen und smartphone apps.
  • Wireframing & Tools: Erstellung von Wireframes und App Wireframes mit figma ui, sketch und wireframe software.
  • UX Methoden: Einsatz von user research, user persona development und customer journey mapping für zielgerichtetes ux design.
  • Framework & Designsysteme: Verwendung von ui framework, style guides und wcag-konformen Elementen für barrierefreie Interfaces.

Am Ende der Weiterbildung beherrschen die Teilnehmenden fortgeschrittene Webdesign-Techniken und sind im Umgang mit Tools wie Figma und Adobe XD versiert. Sie können responsive Designs erstellen und barrierefreie Webstandards umsetzen.