Wenn Sie sich für diesen Kurs anmelden, müssen Sie auch ein bestimmtes Programm auswählen.
Lernen Sie neue Konzepte von Branchenexperten
Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
Erwerben Sie ein Berufszertifikat zur Vorlage
In diesem Kurs gibt es 12 Module
In diesem umfassenden UI-Design-Kurs lernen Sie, wie Sie mit HTML und CSS schöne und gut funktionierende Benutzeroberflächen erstellen. Er ist voll von interaktiven Tutorials, um sicherzustellen, dass das Wissen bei Ihnen hängen bleibt. Erstellt von Gary Simon, dem populärsten Online-Lehrer zu diesem Thema. Während wir alle klar erkennen können, wie eine großartige Benutzeroberfläche aussieht, ist es tatsächlich sehr schwer, eine solche zu erstellen! Genau darum geht es in diesem Kurs. Gary Simon macht Sie zu einem Meister des UI-Designs. Er wird Ihnen das UI-Design von Grund auf beibringen und Ihnen die Fähigkeiten vermitteln, die Sie brauchen, um sicherzustellen, dass Ihr nächstes Projekt sowohl gut aussieht als auch gut zu bedienen ist.der Kurs beginnt mit den Grundlagen, so dass Sie keine Erfahrung im UI-Design benötigen, sondern nur Grundkenntnisse in HTML und CSS
Das Kurseinführungsmodul bietet einen Überblick über den Kurs Learn UI Design und erläutert seine Ziele, den Lehrplan und die Vorteile, die er Lernenden bietet, die die Kunst des User Interface (UI) Designs perfektionieren möchten.
Das ist alles enthalten
1 Aufgabe4 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 10 Minuten
Quiz zur Kurseinführung•10 Minuten
4 Plug-ins•Insgesamt 7 Minuten
Willkommen zum interaktiven Unterricht!•1 Minute
Wer ich bin, was wir lernen werden & Voraussetzungen•2 Minuten
Subjektivität vs. Objektivität•2 Minuten
Zu verwendende Tools•2 Minuten
Grundlagen des UI-Designs
Modul 2•2 Stunden abzuschließen
Moduldetails
Machen Sie sich mit den Grundlagen des UI-Designs vertraut und lernen Sie die wichtigsten Prinzipien und Techniken kennen, um visuell ansprechende und benutzerfreundliche Oberflächen zu erstellen.
Das ist alles enthalten
1 Aufgabe14 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 30 Minuten
Quiz zu den Grundlagen des UI-Designs•30 Minuten
14 Plug-ins•Insgesamt 64 Minuten
Einführung•1 Minute
Weißer Raum•5 Minuten
Abstimmung•3 Minuten
Design-Herausforderung: 1•4 Minuten
Kontrast•4 Minuten
Skala•4 Minuten
Design-Herausforderung: 2•7 Minuten
Typografie•6 Minuten
Farbe•6 Minuten
Design-Herausforderung: 3•4 Minuten
Visuelle Hierarchie•8 Minuten
Design-Herausforderung: 4•6 Minuten
Die letzte Herausforderung•5 Minuten
Einpacken•1 Minute
Aufbau eines einfachen Layouts
Modul 3•1 Stunde abzuschließen
Moduldetails
Entdecken Sie, wie Sie ein grundlegendes UI-Layout erstellen können, und lernen Sie wichtige Konzepte wie Mehrspaltigkeit und die Arbeit mit Fotos kennen.
Das ist alles enthalten
1 Aufgabe7 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 10 Minuten
Ein einfaches Layout-Quiz erstellen•10 Minuten
7 Plug-ins•Insgesamt 39 Minuten
Aufbau eines einfachen Layouts - Einführung•1 Minute
Ultra einfach gehalten•6 Minuten
Unser Layout dunkel machen•6 Minuten
Herausforderung 1•7 Minuten
Mehrspaltig•5 Minuten
Arbeiten mit Fotografien•6 Minuten
Lektion zum letzten Kapitel•8 Minuten
Reaktionsfähiges Design
Modul 4•1 Stunde abzuschließen
Moduldetails
Dieses Modul befasst sich mit den Prinzipien und Techniken des responsiven Designs und vermittelt den Lernenden die Fähigkeit, Websites und Anwendungen zu erstellen, die sich an verschiedene Geräte und Bildschirmgrößen anpassen und effektiv angezeigt werden.
Das ist alles enthalten
1 Aufgabe9 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 10 Minuten
Quiz zum Responsive Design•10 Minuten
9 Plug-ins•Insgesamt 53 Minuten
Einführung•1 Minute
Definieren des HTML•7 Minuten
Mobile First CSS (Teil 1)•7 Minuten
Mobile First CSS (Teil 2)•6 Minuten
Mobile First CSS (Teil 3)•6 Minuten
Reaktionsfähiges Design (Teil 1)•5 Minuten
Responsive Design Herausforderung 1•7 Minuten
Fertigstellen•8 Minuten
Finale Kapitel Herausforderung•6 Minuten
Reaktionsfähige Navigation
Modul 5•1 Stunde abzuschließen
Moduldetails
Rüsten Sie sich mit den notwendigen Fähigkeiten aus, um adaptive und benutzerfreundliche Navigationssysteme zu erstellen, die sich nahtlos an unterschiedliche Bildschirmgrößen und Geräte anpassen.
Dieses Modul führt Sie durch den Prozess des Refactorings eines UI-Projekts und vermittelt Techniken und bewährte Verfahren zur Verbesserung der Codestruktur, der Wartbarkeit und der allgemeinen Effizienz der Benutzeroberfläche.
Das ist alles enthalten
1 Aufgabe7 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 15 Minuten
Vollständiges Projekt Refactoring Quiz•15 Minuten
7 Plug-ins•Insgesamt 43 Minuten
Projekt Refactoring: Einführung & Definieren des HTML•6 Minuten
Korrigieren von Farbe und Kontrast•4 Minuten
Festlegen der Schrift- und Bildhierarchie•7 Minuten
Weißraum reparieren•6 Minuten
Erste Medienabfragen•6 Minuten
Tablet Medienabfragen•5 Minuten
Desktop Medienabfrage•9 Minuten
Tee UI Design Projekt
Modul 7•1 Stunde abzuschließen
Moduldetails
Üben Sie Ihre neuen Fähigkeiten im UI-Design, indem Sie eine praktische Tee-Website erstellen. Wenden Sie grundlegende Designprinzipien und -techniken an, um eine ansprechende und visuell ansprechende Benutzeroberfläche zu erstellen.
Das ist alles enthalten
1 Aufgabe9 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 10 Minuten
Tee UI Design Projekt Quiz•10 Minuten
9 Plug-ins•Insgesamt 46 Minuten
Die TeaPlace Landing Page Herausforderung•4 Minuten
Erforschen Sie den effektiven Einsatz von Schatten im UI-Design und lernen Sie, wie Sie verschiedene Schattentechniken einsetzen können, um Tiefe, Hierarchie und visuelle Attraktivität zu verbessern.
Das ist alles enthalten
1 Aufgabe6 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 30 Minuten
Schatten Quiz•30 Minuten
6 Plug-ins•Insgesamt 27 Minuten
Schatten 101•2 Minuten
Drop Shadow Spielplatz Einrichtung•5 Minuten
Herausforderung 1: Harte und weiche Schlagschatten•7 Minuten
Herausforderung 2: Schatten zum Definieren von Containern verwenden•5 Minuten
Herausforderung 3: Farbige Schatten•5 Minuten
Kurzer Tipp: Mehrschichtige Schatten•3 Minuten
Farbverläufe
Modul 9•1 Stunde abzuschließen
Moduldetails
Lernen Sie die kreative Anwendung von Farbverläufen im UI-Design kennen. Nutzen Sie die Kraft von Farbübergängen, um Tiefe und visuelles Interesse zu erzeugen und die Gesamtästhetik von Benutzeroberflächen zu verbessern.
Entdecken Sie, wie Sie durch eine Kombination aus bewährten Verfahren, innovativen Techniken und Überlegungen zur Benutzerfreundlichkeit fesselnde und benutzerfreundliche Formulare erstellen können.
Erwecken Sie Benutzeroberflächen mit ansprechenden und nahtlosen Animationen zum Leben, die die Benutzerfreundlichkeit verbessern, die Benutzer begeistern und das Benutzererlebnis verbessern.
Das ist alles enthalten
1 Aufgabe5 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 30 Minuten
UI Animation Quiz•30 Minuten
5 Plug-ins•Insgesamt 31 Minuten
Einführung•2 Minuten
Definieren des HTML•4 Minuten
Definieren des ursprünglichen CSS für Mobile•8 Minuten
Herausforderung 2: Ein einfacher Schwebeflug•6 Minuten
Abschließendes Projekt
Modul 12•2 Stunden abzuschließen
Moduldetails
Das abschließende Projektmodul des umfassenden UI Design-Kurses fordert die Lernenden heraus, ihr erworbenes Wissen und ihre Fähigkeiten anzuwenden. Es gipfelt in der Erstellung eines ausgefeilten und innovativen Benutzeroberflächendesign-Projekts, das ihr Fachwissen über Designprinzipien, ihre Kreativität und ihren nutzerzentrierten Ansatz unter Beweis stellt.
Das ist alles enthalten
1 Aufgabe15 Plug-ins
Infos zu Modulinhalt anzeigen
1 Aufgabe•Insgesamt 30 Minuten
Abschlussprojekt-Quiz•30 Minuten
15 Plug-ins•Insgesamt 87 Minuten
Projekt-Einführung•2 Minuten
Definieren des HTML•7 Minuten
Definieren des HTML (Teil 2)•5 Minuten
Definieren des Navigations-CSS•6 Minuten
Definieren des CSS für die Hero-Sektion (Teil 1)•7 Minuten
Definieren des CSS für die Hero-Sektion (Teil 2)•7 Minuten
Definieren des Abschnitts Merkmale•4 Minuten
Fertigstellung des mobilen CSS•8 Minuten
Herausforderung: Responsive Design für kleine Tablets•7 Minuten
Herausforderung: Responsive Design für den Desktop•8 Minuten
Herausforderung: Testimonials auf dem Desktop•5 Minuten
Definieren der Unterseite HTML•5 Minuten
Herausforderung: Die Unterseite gestalten•8 Minuten
Herausforderung: Animieren der Benutzeroberfläche•5 Minuten
Scrimba ist eine interaktive Code-Lernplattform mit über einer Million Nutzern aus der ganzen Welt. Sie bietet hochgradig interaktive und ansprechende Kurse über Programmierung und Webentwicklung.
Wann werde ich Zugang zu den Vorlesungen und Aufgaben haben?
Um Zugang zu den Kursmaterialien und Aufgaben zu erhalten und um ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung erwerben, wenn Sie sich für einen Kurs anmelden. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen. Der Kurs kann stattdessen die Option "Vollständiger Kurs, kein Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Bewertungen abgeben und eine Abschlussnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Was bekomme ich, wenn ich mich für diese Specialization einschreibe?
Wenn Sie sich für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Spezialisierung, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Seite "Leistungen" hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder Ihrem LinkedIn-Profil hinzufügen.
Ist finanzielle Hilfe verfügbar?
Ja. Für ausgewählte Lernprogramme können Sie finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie die Einschreibegebühr nicht aufbringen können. Wenn für das von Ihnen gewählte Lernprogramm eine finanzielle Unterstützung oder ein Stipendium verfügbar ist, finden Sie auf der Beschreibungsseite einen Link zur Beantragung.