Unsicher, wo
anfangen?

Track

Zertifikat

Ui/ux-Design-Tools

4.7+

★★★★★

10 Bewertungen

Beginner

Durch den Abschluss dieses Tracks erwerben Sie die Fähigkeiten, intuitive und visuell ansprechende Web- und mobile Schnittstellen mit Figma zu entwerfen, wesentliche UI/UX-Prinzipien anzuwenden, um die Benutzererfahrung zu verbessern, und effizient mit Adobe Photoshop und Illustrator für hochwertige Grafiken und Designelemente zu arbeiten. Diese Werkzeuge und Techniken helfen dabei, professionelle, benutzerfreundliche digitale Produkte zu erstellen, die Benutzer ansprechen und binden.

Figma

Photoshop

Illustrator

Boost your Tech Skills!

with up to 55% off

What you'll get with our subscription:

Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion

Training 2 or more people?

Get your team access to Codefinity courses anytime, anywhere.

Try Codefinity Teams

What you will learn

Explore design principles, user experience methodologies, and real-world UI/UX challenges through practical projects
Understand core design principles, including layout, typography, color theory, and composition
Gain expertise in Photoshop's selection tools, layers, masks, and adjustment layers for advanced photo editing
Master retouching techniques, color correction, and non-destructive editing to enhance digital artwork
Learn to create professional vector graphics, including logos, icons, and illustrations
Explore Illustrator's essential tools, layer management, and color manipulation techniques for high-quality design projects

126 chapters
13 hours
162 tasks

Trusted by employees of leading companies

Learning track content

Module 1 / UI/UX-Design mit Figma

Erfahren Sie, was Figma ist, welche Rolle es im UI/UX-Design spielt und wie Sie die Benutzeroberfläche sowie die Werkzeuge bedienen. Entdecken Sie das FigJam-Board für Brainstorming und Zusammenarbeit sowie Seiten und Frames in Figma, die die Grundlage für eine effektive Organisation und Strukturierung Ihrer Designs bilden.

Erfahren, wie Ebenen in Figma das Design organisiert halten. Untersuchen, wie gruppierte Formen beeindruckende Visualisierungen ermöglichen. Textgestaltung mit Typografie-Werkzeugen.

Erlernen des Platzierens von Fotos und Videos, der Verwendung von Masken und der Anwendung von Mischmodi für dynamische Designs. Beherrschen von Farben, Farbverläufen, Schaltflächen, automatischen Layouts, Komponenten und Stilen. Nutzung von Plugins und Widgets zur Erweiterung der Kreativität und Optimierung des Workflows.

Erkunden von Spalten, Rastern, Plugins und der Eltern-Kind-Komponentenstruktur zur Optimierung des Designprozesses.

Entwicklung von Low-Fidelity-Wireframes. Erstellung interaktiver Prototypen. Animation von Designs. Effektive Präsentation der Arbeiten für Kunden.

Module 2 / Adobe Photoshop Mastering

Erfahren Sie, wie Sie in Photoshop navigieren, neue Projekte erstellen, den Arbeitsbereich anpassen und sich mit der Software vertraut machen.

Vertiefte Kenntnisse in der Auswahl von Objekten in Photoshop, Verständnis der Funktionsweise von Ebenen sowie Anwendung von Ebenenmasken als grundlegender Schritt zur Erstellung kreativer Bilder.

Erfahren Sie, wie unerwünschte Objekte oder Störelemente unabhängig von ihrer Größe aus Bildern entfernt, das Erscheinungsbild bestimmter Objekte verändert sowie Licht und Farben eines Bildes angepasst werden können.

Bereit, tiefer in die Kunstwelt von Photoshop einzutauchen? In diesem Abschnitt erfahren Sie mehr über Farben, Farbtheorie, verschiedene Pinsel- und Musterarten, das Erstellen von Farbverläufen und mehr!

Nachdem wir die meisten Grundlagen in Photoshop erlernt haben, ist es nun an der Zeit, kreativ zu werden und visuelle Elemente zu gestalten.

Da wir am Ende des Kurses angekommen sind, sehen wir uns an, wie wir unseren Arbeitsablauf verwalten und alles organisiert halten können.

Module 3 / Adobe Illustrator Grundlagen

Entdecken Sie, wie Sie Illustrator verwenden, indem Sie sich zurechtfinden, neue Projekte starten, Ihren Arbeitsbereich anpassen und sich mit der Software vertraut machen.

Lassen Sie uns tiefer in Illustrator eintauchen und den Unterschied zwischen Rasterbildern und Vektorgrafiken verstehen, was unser Einstieg in das Erstellen und Verwalten von Objekten und Formen sein wird.

Sind Sie bereit, tiefer in den Kunstpool von Illustrator einzutauchen? In diesem Abschnitt lernen Sie mehr über die Manipulation von Formen, Farbtheorie, wie man Verläufe erstellt und mehr!

Es ist an der Zeit zu lernen, wie man Kunstwerke von Grund auf zeichnet und wie man sie koloriert. Bereit, digitale Kunst zu erstellen?

Da wir nun die meisten Grundlagen gelernt haben, ist es an der Zeit, unseren inneren Künstler zum Leben zu erwecken.

Lassen Sie uns alles abschließen, worüber wir gesprochen haben, erfahren Sie, wie Sie Kunstwerke polieren, wie Sie sie präsentieren und wie Sie Assets exportieren.

Module 4 / Design-Grundlagen

Erkunden, was Design bedeutet, warum es wichtig ist und welchen Einfluss es auf Kommunikation und Problemlösung hat. Verstehen, wie verschiedene Designarten Erfahrungen in unterschiedlichen Bereichen prägen, von digitalen Produkten bis hin zu Printmedien. Die Rolle der Forschung bei der Steuerung kreativer Entscheidungen und der Sicherstellung, dass Lösungen die Bedürfnisse der Nutzer effektiv erfüllen, entdecken.

Verstehen, wie Linien, Formen und Gestalten visuelle Layouts strukturieren. Bedeutung von Größe, Raum und Format für die Schaffung von Ausgewogenheit. Beitrag von Fotografie und Illustrationen zur visuellen Erzählung. Anwendung der Gestaltprinzipien zur Steuerung der Wahrnehmung und Verbindung von Elementen zu einem kohärenten und ansprechenden Gesamtbild.

Beherrschen Sie die Grundlagen eines überzeugenden Designs. Untersuchen Sie Betonung, Ausgewogenheit, Kontrast, Wiederholung und Proportion, um Harmonie und Klarheit zu schaffen. Erfahren Sie, wie Rhythmus, Bewegung, Muster und Hierarchie die Aufmerksamkeit lenken, während Weißraum und Vielfalt für Freiraum und Dynamik sorgen. Entdecken Sie, wie Einheit alle Elemente wirkungsvoll zusammenführt.

Tauchen Sie in die Typografie als zentrales Element des Designs ein. Untersuchen Sie Schriftanatomie, Abstände und Lesbarkeit zur Verbesserung der Kommunikation. Erfahren Sie, wie Sie Schriftarten auswählen, die Ton und Zweck entsprechen, und erkunden Sie die typografische Hierarchie zur Schaffung von Ordnung und Bedeutung. Typografie wird so zu einem wirkungsvollen Werkzeug, um sowohl Stil als auch Klarheit zu gestalten.

Entdecken Sie die Sprache und Systeme der Farbe, einschließlich RGB, CMYK und Pantone. Erkundung der Farbtheorie und Farbharmonie zur Schaffung visuell ausgewogener Arbeiten. Verständnis, wie Kontrast die Lesbarkeit beeinflusst. Erklärung, wie Farbräume die Konsistenz über verschiedene Medien hinweg definieren. Analyse, wie die Psychologie der Farben Emotionen, Markenbildung und Wahrnehmung beeinflusst.

Requirements

A computer with a browser - all browsers are supported.
Your enthusiasm to enhance your tech skills.
Everything else needed to start learning and practicing is already included in this course.

Over 200,000 5-star ratings and counting

Ruslan Kravchuk

Das Wichtigste ist zu lernen und nicht aufzugeben

Das Material ist gut, es gibt viel zu lernen, alles um besser zu werden und das Wichtigste ist, das zu lernen, was Sie wollen....

Matteo Comune

Dank ihnen lerne ich viel…

Dank ihnen lerne ich viel schneller, weil sie Ihnen helfen, alles von Grund auf zu verstehen. Es ist die beste Website, die Menschen ohne IT-Hintergrund hilft...

Yuliana Cadavid

großartiger Kurs für Anfänger

großartiger Kurs für Anfänger, sie testen Ihr Wissen in jeder Lektion...

Elpunzon

Ich genieße meine Codefinity-Erfahrung…

Ich genieße meine Codefinity-Erfahrung beim Lernen von Python. Die selbstgesteuerte Lernweise ist großartig, weil ich sie in meinen Zeitplan integrieren kann...

Alexandru Alexandru

Es ist schön, von Codefinity zu lernen

Es ist schön, von Codefinity zu lernen. Es ist einfach und hat gute Beispiele für das, was ich hier gelernt habe...

jacob Templet

Easy to follow along with and provides…

Einfach zu folgen und bietet Herausforderungen in meinem täglichen Leben. Die Herausforderung hält mich dazu an, Tag für Tag lernen zu wollen...

Elan

Codefinity ist ein umfassendes Lernwerkzeug…

Codefinity ist ein umfassendes Lernwerkzeug, das Ihnen hilft, Ihre Fähigkeiten als Software-Ingenieur oder Datenwissenschaftler zu entwickeln. Die Übungen machen Spaß und sind eine gute Möglichkeit, Ihre Fähigkeiten zu schärfen...

Thibault

Zum ersten Mal lernen, wie man programmiert

Zum ersten Mal lernen, wie man programmiert und es erfolgreich mit Codefinity tut - danke...

Adrien Morel

Gut gestaltet für totale Anfänger

Gut gestaltet für totale Anfänger, schrittweiser Fortschritt und gibt mir Vertrauen....

_Gracy

es ist einfach perfekt erklärt

es ist einfach perfekt erklärt! bisher habe ich keine Schwierigkeiten erlebt, weil alles so gut organisiert ist...

Ruslan Kravchuk

Das Wichtigste ist zu lernen und nicht aufzugeben

Das Material ist gut, es gibt viel zu lernen, alles um besser zu werden und das Wichtigste ist, das zu lernen, was Sie wollen....

Matteo Comune

Dank ihnen lerne ich viel…

Dank ihnen lerne ich viel schneller, weil sie Ihnen helfen, alles von Grund auf zu verstehen. Es ist die beste Website, die Menschen ohne IT-Hintergrund hilft...

Yuliana Cadavid

großartiger Kurs für Anfänger

großartiger Kurs für Anfänger, sie testen Ihr Wissen in jeder Lektion...

Elpunzon

Ich genieße meine Codefinity-Erfahrung…

Ich genieße meine Codefinity-Erfahrung beim Lernen von Python. Die selbstgesteuerte Lernweise ist großartig, weil ich sie in meinen Zeitplan integrieren kann...

Alexandru Alexandru

Es ist schön, von Codefinity zu lernen

Es ist schön, von Codefinity zu lernen. Es ist einfach und hat gute Beispiele für das, was ich hier gelernt habe...

jacob Templet

Easy to follow along with and provides…

Einfach zu folgen und bietet Herausforderungen in meinem täglichen Leben. Die Herausforderung hält mich dazu an, Tag für Tag lernen zu wollen...

Elan

Codefinity ist ein umfassendes Lernwerkzeug…

Thibault

Zum ersten Mal lernen, wie man programmiert

Zum ersten Mal lernen, wie man programmiert und es erfolgreich mit Codefinity tut - danke...

Adrien Morel

Gut gestaltet für totale Anfänger

Gut gestaltet für totale Anfänger, schrittweiser Fortschritt und gibt mir Vertrauen....

_Gracy

es ist einfach perfekt erklärt

es ist einfach perfekt erklärt! bisher habe ich keine Schwierigkeiten erlebt, weil alles so gut organisiert ist...

Data Engineer

Abschlusszertifikat

Zeigen Sie Ihre neu erworbenen Fähigkeiten. Sie haben es sich verdient.

Discover more
Learning tracks

	ProBest intro offer	UltimateA complete experience to kickstart your career
85+ Top-Rated courses
Completion certificates
AI-Assistant in all courses
20+ hands-on Real-world projects
Personalized study tracks
Unlimited workspaces

Ui/ux-Design-Tools

Webentwicklung mit C#

Python von Null bis Held

SQL von Null bis Held

C++ Grundlagen

Spielentwicklung Mit Unity

Werden Sie Ein React-Entwickler

Excel-Grundlagen

Java-Grundlagen

Full Stack Webentwicklung

Grundlagen der Frontend-Entwicklung

Beherrschung der Datenvisualisierung

Machine Learning Mastery

C++ Meisterschaft

Java Web

Werden Sie QA-Ingenieur

Videoproduktion mit Adobe

Wesentliche Bürokompetenzen

Digital Marketing Essentials

Complete Social Media Management

Business AI Toolkit

No-Code-Website-Entwicklung

Deep Learning Odyssey

Ready to get started?