Web- und Mobile-UI/UX-Design: Von Figma zu HTML und CSS

Meistern Sie die Benutzeroberfläche und erleben Sie Designprinzipien, um atemberaubende Layouts in Figma zu erstellen, und lernen Sie dann, wie Sie Ihre Designs in sauberes, responsives HTML und CSS übersetzen.

4.4 (1,407) ⏱ 47 Min. 📚 4 Lektionen 🎧 Audioversion

Über diesen Kurs

Großartige digitale Produkte beginnen mit außergewöhnlichem Benutzererlebnis und Schnittstellendesign.Zu verstehen, wie diese Designs in funktionierende Weblayouts umgewandelt werden, schließt die Lücke zwischen kreativer Vision und technischer Realität. Dieser Kurs führt Sie durch die Grundprinzipien des UI / UX-Designs und vermittelt Ihnen die Fähigkeit, professionelle Layouts für Web- und mobile Geräte zu erstellen.Sie lernen die Mechanik von Figma, beherrschen den Designprozess von den ersten Wireframes bis hin zu polierten Layouts und erwerben die grundlegenden HTML- und CSS-Fähigkeiten, die erforderlich sind, um effektiv mit Entwicklern zu kommunizieren oder eigene responsive Webseiten zu erstellen. Was Sie lernen werden: - Verstehen Sie die Grundprinzipien des User Experience (UX) und User Interface (UI) Designs, einschließlich visueller Hierarchie, Typografie und Farbtheorie. - Beherrschen Sie die Grundlagen von Figma, einschließlich Rahmen, automatisches Layout, wiederverwendbare Komponenten und Einschränkungen für responsives Design. - Erstellen Sie Benutzerflüsse, Wireframes mit niedriger Wiedergabetreue und polierte Designlayouts mit hoher Wiedergabetreue. - Wenden Sie moderne Barrierefreiheitsstandards an, um sicherzustellen, dass Ihre digitalen Designs inklusiv und hochgradig nutzbar sind. - Übersetzen Sie Designlayouts in saubere, semantische HTML-Struktur und responsive CSS-Layouts. Sie lernen die grundlegenden Design-Begriffe und die Nutzerpsychologie kennen, bevor Sie praktische Figma-Techniken erlernen.Schließlich erkunden Sie die Übersetzung von Design in Code und lernen, wie Sie Layouts mit modernen CSS und HTML strukturieren. Dieser Kurs richtet sich an absolute Anfänger, die in das Designfeld einsteigen möchten, sowie an Entwickler, die ihre visuellen Designfähigkeiten verbessern möchten, ohne dass vorherige Design- oder Codiererfahrung erforderlich ist. Beginnen Sie noch heute mit dem Lesen und machen Sie den ersten Schritt in Richtung schöne, funktionale digitale Erlebnisse.

Was du erhältst

  • 📜 Abschlusszertifikat
    Füge es deinem LinkedIn-Profil hinzu
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • 🎧 Audioversion enthalten
    Lerne unterwegs — kein Bildschirm nötig
  • ♾️ Lebenslanger Zugang
    Komme jederzeit zurück, kein Ablauf
  • 📱 Smartphone oder Computer
    Auf jedem Gerät, überall
  • 💸 30 Tage Rückgaberecht
    Ohne Wenn und Aber
  • Kurz und fokussiert
    47 Min. praktische Inhalte

Bewertungen (7)

Mia Hall AU
★ 5 · 2025-12-09T14:09:51+00:00

Ich habe die praktischen Beispiele geliebt, sie haben wirklich geholfen, die Konzepte zu festigen.

วิชัย เกษมสุข TH
★ 4 · 2025-09-19T01:05:51+00:00

Die Lernerfahrung hat mir sehr gut gefallen. Die bereitgestellten Materialien waren erstklassig und einfach zu verfolgen.

سهام DZ Verifizierter Lernender
★ 5 · 2025-08-01T01:26:51+00:00

Dieser Kurs hat meine Erwartungen übertroffen. Die realen Anwendungen, die diskutiert werden, sind unglaublich nützlich.

Camila Sánchez CO
★ 4 · 2025-04-16T19:35:51+00:00

Eine gute Einführung. Die Struktur war meist klar, aber ich wünschte, es gäbe ein paar mehr Beispiele aus der realen Welt.

Elżbieta Szymańska PL
★ 5 · 2025-04-12T05:37:51+00:00

Sehr gut gestaltet. Die Konzepte bauen nahtlos aufeinander auf. Sehr praktisch und gut erklärt.

Марія Лисенко UA Verifizierter Lernender
★ 5 · 2025-04-04T10:49:51+00:00

Wow, ich bin beeindruckt. Die gezeigten Anwendungen aus der realen Welt waren super hilfreich.

سعاد DZ
★ 3 · 2025-02-27T17:47:51+00:00

Es ist eine anständige Einführung, die von mehr verschiedenen Beispielen und einem etwas besseren Fluss zwischen den Modulen profitieren könnte.

Bewertung schreiben

Du wirst nach dem Senden zur Anmeldung aufgefordert — dein Entwurf bleibt gespeichert.

Andere belegten auch

Häufige Fragen

Was brauche ich, um diesen Kurs zu belegen? +

Nur Telefon oder Computer mit Internet. Keine Installation, keine spezielle Hardware.

Wie kann ich bezahlen? +

Per Karte über Stripe oder mit Kryptowährung. Wir speichern keine Kartendaten — Stripe übernimmt das sicher.

Kann ich eine Rückerstattung erhalten? +

Ja — volle Rückerstattung innerhalb von 30 Tagen, ohne Wenn und Aber.

Wie lange habe ich Zugang? +

Für immer. Nach dem Kauf kannst du jederzeit zum Kurs zurückkehren.

Erhalte ich ein Zertifikat? +

Ja. Nach Abschluss erhältst du ein Zertifikat, das du in dein LinkedIn-Profil aufnehmen kannst.

Entwickelt für Lernende in
Tech Design Finanzen Marketing Gesundheit Bildung Gastgewerbe Produktion