Unsicher, wo
anfangen?

Track

Zertifikat

Ui/ux-Design-Tools

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.

Design

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
161 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 Kompletter Leitfaden

Erfahren Sie, wie Sie Illustrator nutzen, indem Sie sich orientieren, neue Projekte starten, Ihren Arbeitsbereich anpassen und sich mit der Software vertraut machen.

Lassen Sie uns tiefer in Illustrator einsteigen und den Unterschied zwischen Rasterbildern und Vektorgrafiken verstehen, was unseren Einstieg in das Erstellen und Verwalten von Objekten und Formen bildet.

Sind Sie bereit, tiefer in die kreative Welt von Illustrator einzutauchen? In diesem Abschnitt erfahren Sie mehr über die Bearbeitung von Formen, Farbtheorie, das Erstellen von Farbverläufen und vieles mehr!

Es ist an der Zeit, zu lernen, wie man beliebige Grafiken von Grund auf zeichnet und koloriert.

Nachdem 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, was wir besprochen haben, erfahren, wie man Kunstwerke verfeinert, sie präsentiert und Assets exportiert.

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
250+ Top-Rated courses
Completion certificates
AI-Assistant in all courses
40+ hands-on Real-world projects
Personalized study tracks
Unlimited workspaces

Ui/ux-Design-Tools

TEST TRACK 12

Full Stack Webentwicklung

Werden Sie Ein React-Entwickler

Beherrschung der Datenvisualisierung

SQL von Null bis Held

C++ Grundlagen

Python von Null bis Held

Machine Learning Mastery

Python Über das Mittlere Niveau Hinaus

Java-Grundlagen

Spielentwicklung Mit Unity

Become a Django Developer

Flask for Dummies

Grundlagen der Frontend-Entwicklung

Web Developer from Zero to Hero

Preparation for Data Science

Deep Learning Odyssey

Webentwicklung mit C#

TEST E2E TRACK BEGINNER

Test Track

Skilled Python BackEnd Developer

Test Recalculate

Excel-Grundlagen

Full-Stack .NET Developer Journey

Full-Stack .NET Developer Journey

Test track with rating

TEST TEST TRACK

Grundlagen Für Datenanalysten

C++ Meisterschaft

Java Web

Werden Sie QA-Ingenieur

Videoproduktion mit Adobe

Test image upload track

Wesentliche Bürokompetenzen

GitHub from Zero to Hero

No-Code-Website-Entwicklung

C Programming & Low-Level Development

testes

Testübersetzungskurs

Test CMS Track

Python for Data Analysis

Digital Marketing Essentials

Complete Social Media Management

Business AI Toolkit

track with track courses

Some test track

TEST PROGRESS TRACK

Ready to get started?