Webdesign + Wireframe + Figma + Programmierung

Diese Weiterbildung vermittelt Kenntnisse in Webdesign, Wireframe-Erstellung, der Nutzung von Figma für Prototyping sowie in objektorientierter Programmierung. Die Teilnehmenden lernen, funktionale und benutzerfreundliche Webseiten und Software zu gestalten und zu entwickeln.

Modul 1: Webdesign: Grundlagen, Tools und Standards
Modul 2: Wireframe: Strukturierung, Tools und Interface-Planung
Modul 3: Figma: Gestaltung und Prototyping im Webdesign
Modul 4: Objektorientierte Programmierung in der Softwareentwicklung

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.

Wireframe: Strukturierung, Tools und Interface-Planung
  • Wireframes als Planungstool für Webseiten, Interfaces und Anwendungen im Kontext von UX Design und Nutzerführung.
  • Digitale Wireframes mit Figma, Sketch und Adobe XD zur Visualisierung statischer und interaktiver Benutzeroberflächen.
  • Wireframing zur Analyse von Navigationsstrukturen, Responsive Design und Usability-Aspekten im UI/UX-Prozess.
  • Integration in UI-Workflows, Übergabe an Frontend-Teams und Anbindung an Designsysteme und User Interface Coding.

Figma: Gestaltung und Prototyping im Webdesign
  • Einführung in Figma: Grundlagen der webbasierten Designsoftware zur Erstellung von User Interfaces, Wireframes und interaktiven Prototypen.
  • Gestaltung & Komponenten: Anwendung von UI-Kits, Auto-Layout, Designsystemen und responsivem Webdesign in plattformübergreifenden Projekten.
  • Kollaboration & Feedback: Nutzung von Figma-Funktionen für Teamarbeit, Kommentierung und Übergabe an Entwickler im UI/UX-Workflow.
  • Prototyping & Testing: Erstellung interaktiver Klick-Prototypen, Durchführung von User Tests und Vorbereitung auf Usability-Optimierungen.

Objektorientierte Programmierung in der Softwareentwicklung
  • Grundprinzipien der OOP: Einführung in Klassen, Objekte, Vererbung, Kapselung und Polymorphie in aktuellen Programmiersprachen.
  • Anwendung in Projekten: Objektorientiertes Programmieren lernen durch praxisnahe Aufgaben mit Fokus auf Clean Code und Software Engineering.
  • Struktur & Architektur: Aufbau wartbarer Software mit OOP-Patterns, APIs, Frameworks und strukturierter Code-Entwicklung im Team.
  • Tools & Praxisumfeld: Einsatz von GitHub, Code-Management, Testing und Entwicklung objektorientierter Module für reale Software-Projekte.

Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, Webdesign und Wireframe-Techniken zu kombinieren, Figma zur Erstellung von Prototypen zu nutzen und objektorientierte Prinzipien in der Softwareentwicklung anzuwenden.