Zum Campus
Videokurs

Design-Grundlagen für App- und Webdesign

Lerne praxisnah, das Design und den Aufbau von Websites und Apps kennen

LERNZIELE

  • Du verstehst was Design- and Prototyping-Tools sind
  • Du erhältst einen Einblick in die Welt von Design-Systemen
  • Du lernst Farben, Typographie, Icons und Komponenten kennen
  • Du verstehst was die wichtigsten Layoutelemente sind
  • Du lernst einen Workflow zum Gestalten von Websites und Apps kennen

INHALT

Da bei professionellen Websites das Design eine wichtige Rolle spielt, erhält du in diesem Kurs einen Einblick in die Vorgehensweise professioneller Teams. Du erfährst, was Design- and Prototyping-Tools sind und wie sie sich von Programmen wie Photoshop unterscheiden. Auch werfen wir einen genauen Blick auf Design-Systeme und deren Bestandteile wie Farben, Typografie und Icons.

Du lernst dabei auch wichtige Layoutelemente kennen, die sich im Bereich der App- und Webentwicklung durchgesetzt haben. Zum Schluss bekommst du noch einen beispielhaften Workflow mit an die Hand, an dem du dich bei der Konzeption deiner nächsten Website oder App orientieren kannst.

ALLE LEKTIONEN IM ÜBERBLICK

Design Grundlagen
  • Intro
  • Design and Prototyping Tools kennenlernen
  • Mit Design-Systemen gestalten
  • Die richtigen Farben finden und festlegen
  • Typografie richtig anwenden
  • Icons einbinden
  • Mit Komponenten arbeiten
  • Typische Layoutelemente im Webdesign
  • Workflow für die Konzeption deiner Website
  • Quiz: Design Grundlagen

SO LERNST DU MIT DIESEM KURS

In den Videokursen der heise academy lernst du IT-Themen anschaulich und verständlich. Du siehst den Experten bei der praktischen Arbeit zu und lässt dir dabei alles genau erklären. Das Wissen ist in kompakte Lerneinheiten unterteilt, sodass du den Kurs Schritt für Schritt durcharbeiten oder gezielt zu Lektionen springen kannst, die dich interessieren. Die persönliche Lernumgebung der heise academy hält viele Funktionen für dich bereit, die dich beim Lernen unterstützen:

  • Flexibler Videoplayer mit vielen Steuerungsmöglichkeiten
  • Wissensquiz zur Lernkontrolle
  • Lernhistorie und Lernfortschritt
  • Lesezeichen und Notizen
  • Volltextsuche in den Videos
  • Übungsmaterial zum Mitmachen
  • Responsive Web-App und Videostreaming für alle Endgeräte

TECHNISCHE VORAUSSETZUNGEN

Für diesen Videokurs wird lediglich ein aktueller Browser (mit eingeschalteter JavaScript-Funktionalität) und eine Internetverbindung benötigt.

DEIN EXPERTE

Fabian Hiller
Webentwickler und CTO | Adstock

Fabian Hiller gründete bereits mit 18 Jahren sein erstes Unternehmen und unterstützte Unternehmen, Restaurants und Vereine in seiner Umgebung mit Grafikdesign und Webentwicklung. 2018 folgte dann mit Adstock das zweite Unternehmen. Neben seinem YouTube-Kanal, auf dem er sein Wissen und seine Erfahrungen rund um UI- und UX-Design sowie App- und Webentwicklung teilt, ist er an zahlreichen weiteren Softwareprojekten beteiligt.

Design-Grundlagen für App- und Webdesign

Veröffentlicht am 13.12.2025
ab 49,00 €
im
ESSENTIAL PASS
Preise und Pakete vergleichen

Du hast Fragen zu unseren academy Videokursen? Wir helfen dir gerne weiter.

Fülle ganz einfach und bequem das Kontaktformular aus und wir werden deine Fragen schnellstmöglich beantworten.

Kontaktformular