Weet je niet waar
starten?

Track

Certificaat

UI/UX Ontwerptools

4.7+

★★★★★

10 recensies

Beginner

Door het voltooien van dit traject, verwerf je de vaardigheden om intuïtieve en visueel aantrekkelijke web- en mobiele interfaces te ontwerpen met Figma, essentiële UI/UX-principes toe te passen om de gebruikerservaring te verbeteren, en efficiënt te werken met Adobe Photoshop en Illustrator voor hoogwaardige graphics en ontwerpelementen. Deze tools en technieken helpen bij het creëren van professionele, gebruiksvriendelijke digitale producten die gebruikers betrekken en behouden.

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

127 chapters
13 hours
162 tasks

Trusted by employees of leading companies

Learning track content

Module 1 / UI/UX Design with Figma

Learn what Figma is, what its role is in UI/UX design, and how to navigate its interface and tools. Explore the FigJam board for brainstorming and collaboration, along with pages and frames in Figma, which form the foundation for organizing and structuring your designs effectively.

Discover how layers in Figma keep your design organized, explore how grouped shapes help you create stunning visuals, and learn to style text beautifully using typography tools.

Learn to place photos and videos, use masks, and apply blend modes for dynamic designs. Master colors, gradients, buttons, auto layouts, components, and styles. Unlock the power of plugins and widgets to enhance your creativity and streamline your workflow.

Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.

Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.

Module 2 / Adobe Photoshop Mastering

Learn how to navigate Photoshop, create new projects, customize workspace, and get familiar with the software.

Let's master selections in Photoshop, understand how layers work, and learn to use layer masks which is the first step toward making creative images.

Learn how to remove unwanted objects or distractions from your images regardless of their size, change the appearance of some objects, and how to adjust the lights and colors of an image.

Ready to get deeper into the art world of Photoshop? In this section, you'll learn more about colors, color theory, different types of brushes and patterns, how to create gradients and more!

Now that we've learned most of the basic stuff with photoshop, it’s time to get creative and create some visuals.

Since we've come to the end of the course. Let’s see how we can manage our workflow and keep everything organized.

Module 3 / Adobe Illustrator Fundamentals

Discover how to use Illustrator by finding your way around, starting new projects, customizing your workspace, and getting comfortable with the software.

Let's start getting deeper into Illustrator and understand the difference between raster images and vector graphics, which will be our head start toward creating and managing objects & shapes.

Are you ready to dive deeper into Illustrator's art pool? In this section, you’ll learn more about manipulating shapes, color theory, how to create gradients and more!

It's time to learn how to draw any artwork from scratch and how to color them. Ready to create some digital art?

Now that we've learned most of the basic stuff, it's time to bring our inner artist to life.

Let's finalize everything we talked about, know how to polish artworks, how to present them, and how to export assets.

Module 4 / Ontwerpbasis

Ontdek wat design betekent, waarom het belangrijk is en de invloed die het heeft op communicatie en probleemoplossing. Leer hoe verschillende soorten design ervaringen vormgeven in diverse vakgebieden, van digitale producten tot drukwerk. Verken de rol van onderzoek bij het sturen van creatieve beslissingen en het waarborgen dat oplossingen effectief voldoen aan de behoeften van gebruikers.

Inzicht in hoe lijnen, vormen en figuren visuele lay-outs structureren. Het belang van grootte, ruimte en formaat bij het creëren van balans. De rol van fotografie en illustraties in visueel vertellen. Toepassing van Gestalt-principes om waarneming te sturen en elementen tot een samenhangend geheel te verbinden.

Beheers de bouwstenen van sterk ontwerp. Verken nadruk, balans, contrast, herhaling en proportie om harmonie en duidelijkheid te creëren. Ontdek hoe ritme, beweging, patroon en hiërarchie de aandacht sturen, terwijl witruimte en variatie voor ademruimte en energie zorgen. Leer hoe eenheid alles samenbrengt voor impact.

Verdiep u in typografie als een essentieel onderdeel van design. Bestudeer letteranatomie, spatiëring en leesbaarheid om communicatie te verbeteren. Leer het selecteren van lettertypen die passen bij toon en doel. Verken typografische hiërarchie om orde en betekenis te creëren. Typografie wordt een krachtig instrument om zowel stijl als duidelijkheid vorm te geven.

Ontdek de taal en systemen van kleur, waaronder RGB, CMYK en Pantone. Verken kleurtheorie en harmonie om visueel evenwichtige ontwerpen te creëren. Begrijp hoe contrast de leesbaarheid beïnvloedt, hoe kleurmodellen consistentie over verschillende media waarborgen en hoe de psychologie van kleuren emoties, merkidentiteit en waarneming beïnvloedt.

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

Het belangrijkste is om te leren en niet op te geven

Het materiaal is goed, er valt veel te leren, alles om beter te worden en het belangrijkste is te leren wat je wilt....

Matteo Comune

Dankzij hen leer ik veel…

Dankzij hen leer ik veel sneller omdat ze je vanaf nul alles uitleggen. Het is de beste website voor mensen zonder IT-achtergrond...

Yuliana Cadavid

geweldige cursus voor beginners

geweldige cursus voor beginners, ze toetsen je kennis in elke les...

Elpunzon

Ik geniet van mijn Codefinity-ervaring…

Ik geniet van mijn Codefinity-ervaring met Python. De zelfgestuurde leermethode past perfect in mijn schema...

Alexandru Alexandru

Het is prettig om van Codefinity te leren

Het is prettig om van Codefinity te leren. Het is eenvoudig en heeft goede voorbeelden van wat ik hier geleerd heb...

jacob Templet

Easy to follow along with and provides…

Makkelijk te volgen en biedt uitdaging in mijn dagelijks leven. Die uitdaging motiveert me elke dag weer te leren...

Elan

Codefinity is een uitgebreide leeromgeving…

Codefinity is een uitgebreide leeromgeving die je helpt je vaardigheden als software engineer of datawetenschapper te ontwikkelen. De oefeningen zijn leuk en helpen je je skills aan te scherpen...

Thibault

Voor het eerst leren coderen

Voor het eerst leren coderen en dit succesvol doen met Codefinity - bedankt...

Adrien Morel

Goed ontworpen voor totale beginners

Goed ontworpen voor totale beginners, met stapsgewijze vooruitgang die me vertrouwen geeft....

_Gracy

het is simpelweg perfect uitgelegd

het is simpelweg perfect uitgelegd! Tot nu toe heb ik geen problemen ervaren, want alles is zo goed geregeld....

Ruslan Kravchuk

Het belangrijkste is om te leren en niet op te geven

Het materiaal is goed, er valt veel te leren, alles om beter te worden en het belangrijkste is te leren wat je wilt....

Matteo Comune

Dankzij hen leer ik veel…

Dankzij hen leer ik veel sneller omdat ze je vanaf nul alles uitleggen. Het is de beste website voor mensen zonder IT-achtergrond...

Yuliana Cadavid

geweldige cursus voor beginners

geweldige cursus voor beginners, ze toetsen je kennis in elke les...

Elpunzon

Ik geniet van mijn Codefinity-ervaring…

Ik geniet van mijn Codefinity-ervaring met Python. De zelfgestuurde leermethode past perfect in mijn schema...

Alexandru Alexandru

Het is prettig om van Codefinity te leren

Het is prettig om van Codefinity te leren. Het is eenvoudig en heeft goede voorbeelden van wat ik hier geleerd heb...

jacob Templet

Easy to follow along with and provides…

Makkelijk te volgen en biedt uitdaging in mijn dagelijks leven. Die uitdaging motiveert me elke dag weer te leren...

Elan

Codefinity is een uitgebreide leeromgeving…

Codefinity is een uitgebreide leeromgeving die je helpt je vaardigheden als software engineer of datawetenschapper te ontwikkelen. De oefeningen zijn leuk en helpen je je skills aan te scherpen...

Thibault

Voor het eerst leren coderen

Voor het eerst leren coderen en dit succesvol doen met Codefinity - bedankt...

Adrien Morel

Goed ontworpen voor totale beginners

Goed ontworpen voor totale beginners, met stapsgewijze vooruitgang die me vertrouwen geeft....

_Gracy

het is simpelweg perfect uitgelegd

het is simpelweg perfect uitgelegd! Tot nu toe heb ik geen problemen ervaren, want alles is zo goed geregeld....

Data Engineer

Certificaat van Voltooiing

Toon je pas verworven vaardigheden. Je hebt het verdiend

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 Ontwerptools

Webontwikkeling met C#

Python van Nul tot Held

SQL van Nul tot Held

C++ Basisprincipes

Game-ontwikkeling Met Unity

Word Een React Ontwikkelaar

Excel Essentials

Java Essentials

Full Stack Webontwikkeling

Fundamenten van Frontend-ontwikkeling

Meesterschap in Datavisualisatie

Machine Learning Mastery

C++ Beheersing

Java Web

Word een QA-Ingenieur

Videoproductie met Adobe

Essentiële Kantoorvaardigheden

Digital Marketing Essentials

Complete Social Media Management

Business AI Toolkit

No-code Websiteontwikkeling

Deep Learning Odyssee

Ready to get started?