Webdesign von Grund auf bis PRO – kostenloser Kurs von Skillbox, Schulung, Datum: 29. November 2023.

Figma von Grund auf PRO
Sie beherrschen das beliebteste Webdesign-Programm auf professionellem Niveau. Erfahren Sie, wie Sie interaktive Prototypen erstellen, Entwürfe an Entwickler übergeben und Zeit bei Routineaufgaben sparen.

Figma kennenlernen
Sie werden die Benutzeroberfläche und Grundeinstellungen des Programms verstehen. Erfahren Sie, wie Sie geometrische Formen, Ebenen und Textfelder verwenden. Bauen Sie Ihren ersten Prototyp.

Grundlegende Figma-Tools
Erfahren Sie, was Frames sind und wie sie sich von Ebenen unterscheiden. Lernen Sie, einfache Formen zu zeichnen, Farben, Effekte und Text hinzuzufügen. Lernen Sie die Grundlagen des Prototypings.

Symbole, Illustrationen und Bilder
Erfahren Sie, wie Sie mit den internen Tools von Figma Ihre eigenen Symbole erstellen und Bilder bearbeiten. Sie können Designlayouts von Grund auf erstellen, ohne Editoren von Drittanbietern zu verwenden.

Komponenten
Erfahren Sie, wie Sie Komponenten erstellen und das Einstellungsfeld verwenden. Erfahren Sie, wie Sie interaktive Prototypen erstellen und dem Kunden zeigen, wie die Leute die zukünftige Website nutzen werden.

Komponentenbibliotheken und gängige Stile
Sie können Stilbibliotheken und UI-Kits erstellen, um Schnittstellenelemente zu standardisieren. Lernen Sie, mit modularen Rastern übersichtliche Layouts zu erstellen.

Automatisches Layout und Varianten
Sie erfahren, wie Sie mit der Funktion Varianten Layouts zu einem System zusammenfassen. Sie sind in der Lage, komplexe Oberflächenelemente für verschiedene Geräte zu erstellen und anzupassen.

Komplexe mehrseitige Dokumente
Lernen Sie, mit einfachen Bildschirmen zu arbeiten und einen Seitenbaum zu erstellen. Beginnen Sie mit der Beta-Funktion von Branches. Sie werden verstehen, wie Sie die Arbeit des Teams an verschiedenen Versionen desselben Layouts organisieren.

Zusätzliche Funktionen und Autorengemeinschaft
Finden Sie heraus, welche Plugins Ihnen dabei helfen, schnell Projektentwürfe zu erstellen und mit Änderungen zu arbeiten. Erfahren Sie, wie Sie Prototypen Animationen hinzufügen.

Vorbereiten eines Layouts für Entwickler
Sie können dem Entwickler die technischen Aspekte des Projekts und den Code der Komponenten zeigen. Erfahren Sie, wie Sie die Arbeit Ihres Teams mit dem Figma Jam-Plugin optimieren.

Webdesign von Grund auf bis PRO
Sie tauchen in den Beruf eines Webdesigners ein. Sie lernen, wie Sie an einem Projekt arbeiten – vom ersten Treffen mit dem Kunden bis zur fertigen Website. Lernen Sie, kreative Ideen zu entwickeln und auf UX-Forschung zurückzugreifen. Verbessern Sie Ihre Fähigkeiten durch Design-Sprints.

Einführung in den Beruf eines Webdesigners
Erfahren Sie, welche Probleme Webdesigner lösen und warum diese Spezialisten so gefragt sind. Machen Sie sich mit Fachbegriffen und Tools vertraut.

Erster Auftrag: Kommunikation mit dem Kunden und technische Spezifikationen
Lernen Sie, mit dem Kunden zu kommunizieren: Ziele und Grenzen des Projekts herausfinden, Referenzen besprechen, Termine planen. Sie werden verstehen, wie Sie die richtigen Erwartungen an die Arbeit wecken und nicht zu viel versprechen. Erstellen Sie technische Spezifikationen.

Suche nach einer Idee
Sie werden verstehen, wie Beobachtung Ihnen hilft, die besten Designideen zu finden. Lernen Sie, Ihre Mitbewerber zu analysieren, Moodboards zu erstellen und erfolgreiche Referenzen für Ihr Projekt auszuwählen.

Modulare Gitter
Jedes Layout beginnt mit einem modularen Raster. Sie lernen die verschiedenen Typen kennen und erfahren, wie Sie die richtige auswählen. Erfahren Sie mehr über die Nuancen von Grids für Mobil- und Vollversionen.

Vertikaler Rhythmus
Lernen Sie, die Aufmerksamkeit der Benutzer mithilfe einer kompetenten Komposition und eines vertikalen Rhythmus zu steuern. Erfahren Sie mehr über die visuelle Hierarchie und verstehen Sie, welche Größe jedes Element auf der Seite haben sollte.

Typografie
Lernen Sie, Schriftarten auszuwählen und miteinander zu kombinieren. Sie verstehen, wie Sie unter Berücksichtigung der Regeln der Typografie ein wirkungsvolles Design erstellen.

Sprint 1
Teuer und minimalistisch: Wir erstellen ein Landingpage-Design basierend auf Typografie

Die Aufgabe von Texten in Schnittstellen
Erfahren Sie mehr über die Anforderungen an Texte für Schnittstellen. Lernen Sie die Grundlagen des UX-Textens. Sie können die Texte so modifizieren, dass sie für Benutzer verständlich sind und sich perfekt in das Layout einfügen.

Farben, Hintergründe und Schatten
Beherrschen Sie die Farbtheorie und lernen Sie ihre Funktionen in der Benutzeroberfläche kennen. Sie erfahren, wie Sie eine Palette für eine Website auswählen und die Elemente hervorheben, die für den Benutzer am wichtigsten sind. Sie können realistische Schatten für Schaltflächen und andere Designkomponenten erstellen.

Kontrast und Lesbarkeit
Erfahren Sie, wie Sie wichtige Blöcke auf einer Seite visuell hervorheben und den Text besser lesbar machen. Machen Sie sich mit den Prinzipien des inklusiven Designs vertraut und erstellen Sie Websites für ein breites Publikum.

Prototyp der ersten Seite
Erstellen Sie ein Wireframe – einen Prototyp, der sich eher auf Struktur und Logik als auf visuelles Design konzentriert. Beherrschen Sie zwei Designansätze: Block und Freestyle.

Sprint 2
UX-Schreiben: Wir erstellen eine Landingpage und bereiten Texte für alle Oberflächenelemente vor.

Bildschirm der ersten Seite
Machen Sie sich mit der Atomic-Design-Methode vertraut, die das Website-Design beschleunigt. Sie werden verstehen, wie Sie die Aufmerksamkeit der Benutzer vom ersten Bildschirm an fesseln. Erfahren Sie, wie Sie Schaltflächen, Symbole, Dateneingabefelder und Formulare in einem einheitlichen Stil und Maßstab erstellen.

Benutzerforschung: Customer Journey Map und Benutzerfluss
Erfahren Sie, wie Sie die Bedürfnisse Ihrer Zielgruppe in Ihrem Design berücksichtigen. Erfahren Sie, wie Sie eine Customer Journey Map und einen Benutzerfluss erstellen und das Benutzerverhalten in jeder Phase der Interaktion mit der Website bewerten.

Navigation
Verstehen Sie die Arten der Navigation. Sie werden verstehen, für welche Aufgaben und Geräte jeder von ihnen geeignet ist.

Entwurf von Hauptblöcken
Lernen Sie, Produktkarten, Slider, Blöcke mit Vorteilen, Tarifen und Werbung zu erstellen. Sie erstellen eine vollständige Seite und verstehen, wie Sie diese dem Kunden präsentieren. Sie sind in der Lage, Ihre Designentscheidungen zu erläutern, Änderungen angemessen zu akzeptieren und mit Kundeneinwänden zu arbeiten.

Anpassungsfähigkeit und Komponenten
Lernen Sie Responsive Webdesign und seine Prinzipien kennen. Schauen wir uns beliebte adaptive Netze an. Erfahren Sie, wie Sie eine hochwertige mobile Version der Website erstellen.

Sprint 3
Wir passen das Seitenlayout für Computer, Tablet und Mobiltelefon an.

Präsentation des Projekts beim Kunden
Erfahren Sie, wie Sie ein Projekt wirkungsvoll und verständlich präsentieren. Lernen Sie, dem Kunden Ihre Lösungen zu erklären und typische oder unerwartete Fragen zu beantworten.

Übergabe des Layouts an Entwickler
Sie bringen die Ebenen und ihre Namen in die richtige Reihenfolge, erstellen einfache Animationen von Elementen und Übergängen zwischen Seiten und erstellen eine Spezifikation. Erfahren Sie, wie Sie nach dem Layout eine Designprüfung durchführen.

Sprint 4
Techniken für ein beeindruckendes Portfolio: Erstellen eines Falls auf Behance.

Portfolio-Fall
Sie werden herausfinden, was sich besser für die Werbung eignet – eine Visitenkarten-Website oder ein Portfolio auf Designplattformen. Erfahren Sie, wie Sie Fälle auf Behance erstellen, damit Ihre Arbeit wahrgenommen und geschätzt wird. Erfahren Sie mehr über kostenpflichtige und kostenlose Werbemethoden.

Bonusmodule

1. Grundsätze erfolgreicher Zusammenarbeit mit dem Kunden
2. Wo kann man nach Bestellungen suchen?
3. Wie Designer in großen Teams arbeiten

Abschlussprojekt

Website-Design-Konzept
Wählen Sie einen echten Kunden aus und entwickeln Sie ein Website-Design für sein Unternehmen. Nutzen Sie die Prinzipien des Storytellings, um über Ihre Arbeit zu sprechen.