Weet je niet waar
starten?
Track
Certificaat
UI/UX Ontwerptools
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 TeamsWhat 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
92 chapters
10 hours
119 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.
- Layers in Figma: Organizing and Managing Your Design ElementsVoorbeeld
- Using Groups in Figma: Structuring and Nesting Objects EfficientlyVoorbeeld
- Shapes in Figma: Creating and Customizing Design ElementsVoorbeeld
- Alignment of Objects in Figma: Precision and Layout OptimizationVoorbeeld
- Pen Tool in Figma: Creating Custom Shapes and Vector GraphicsVoorbeeld
- Figma Version History: How to Track and Restore ChangesVoorbeeld
- Type Tool in Figma: Adding and Styling Text for UI/UX DesignVoorbeeld
- Fonts in Figma: Choosing and Applying Typography EffectivelyVoorbeeld
- Typographic Hierarchy in Figma: Enhancing Readability and UI DesignVoorbeeld
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.
- Placing Photos and Videos in Figma: Enhancing Your Designs with MediaVoorbeeld
- Using Masks in Figma: Clipping and Layering for Advanced VisualsVoorbeeld
- Blend Modes in Figma: Creating Stunning Effects and OverlaysVoorbeeld
- Color and Gradient Fill in Figma: Mastering Palettes for UI/UX DesignVoorbeeld
- Buttons and Auto Layout in Figma: Streamlining Interactive ElementsVoorbeeld
- Figma Components: Building Reusable Design Systems EfficientlyVoorbeeld
- Styles in Figma: Creating Consistent Design Systems for UI/UXVoorbeeld
- Plugins and Widgets in Figma: Extending Functionality for Better WorkflowVoorbeeld
Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.
- Layout Grids, Rows, and Columns in Figma: Structuring Your DesignsVoorbeeld
- Grid Theory in Figma: Designing for Precision and ConsistencyVoorbeeld
- Frames vs. Groups in Figma: Choosing the Right StructureVoorbeeld
- Constraints in Figma: Responsive Design Made EasyVoorbeeld
- Prototyping Basics in Figma: Creating Interactive User FlowsVoorbeeld
- Variants in Figma: Streamlining UI Components for EfficiencyVoorbeeld
- Component Properties in Figma: Enhancing Reusable Design ElementsVoorbeeld
- Practice: Creating Different Buttons in FigmaVoorbeeld
Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.
- Wireframing in Figma: Laying the Foundation for a Great UIVoorbeeld
- Animating UI in Figma: Bringing Designs to LifeVoorbeeld
- Designing a Mobile App in Figma: From Concept to PrototypeVoorbeeld
- Finalizing the Design: Polishing Your UI for Development HandoffVoorbeeld
- Testing Your App Design: Ensuring a Seamless User ExperienceVoorbeeld
- Showcasing Your Work: Presenting Your Figma ProjectsVoorbeeld
Module 2 / Adobe Photoshop Mastering
Learn how to navigate Photoshop, create new projects, customize workspace, and get familiar with the software.
- Introduction to Adobe Photoshop: Overview and CapabilitiesVoorbeeld
- Photoshop Key TerminologyVoorbeeld
- Setting Up a Project in Photoshop: Interface and Document CreationVoorbeeld
- Customizing Photoshop WorkspaceVoorbeeld
- Managing Transparency, Importing, and Cropping Images in PhotoshopVoorbeeld
- Configuring Photoshop PreferencesVoorbeeld
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.
- Layer Alignments and Image ResizingVoorbeeld
- Working with Artboards, Units, Rulers, Guides, and Grids in PhotoshopVoorbeeld
- Exporting Images and Managing Metadata for Optimized FilesVoorbeeld
- Exploring New Photoshop Tools (July 2024 Update)Voorbeeld
- Final Photoshop Project: Applying Advanced Editing SkillsVoorbeeld
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.
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
Alleen voor Ultimate
1 Cursus
1 Project
0 TaskAlleen voor Ultimate
7 Cursussen345 TakenAlleen voor Ultimate
4 Cursussen98 TakenAlleen voor Ultimate
5 Cursussen145 TakenAlleen voor Ultimate
4 Cursussen115 TakenAlleen voor Ultimate
6 Cursussen101 TakenAlleen voor Ultimate
6 Cursussen195 TakenAlleen voor Ultimate
5 Cursussen135 TakenAlleen voor Ultimate
3 Cursussen1 Project125 TakenAlleen voor Ultimate
7 Cursussen376 TakenAlleen voor Ultimate
4 Cursussen143 TakenAlleen voor Ultimate
5 Cursussen180 TakenAlleen voor Ultimate
5 Cursussen165 TakenAlleen voor Ultimate
6 Cursussen308 TakenAlleen voor Ultimate
6 Cursussen252 TakenAlleen voor Ultimate
8 Cursussen2 Projecten185 TakenAlleen voor Ultimate
2 Cursussen80 TakenAlleen voor Ultimate
7 Cursussen293 TakenAlleen voor Ultimate
1 Project0 TaskAlleen voor Ultimate2 Cursussen21 TakenAlleen voor Ultimate
5 Cursussen139 TakenAlleen voor Ultimate
2 Cursussen0 TaskAlleen voor Ultimate
4 Cursussen81 TakenAlleen voor Ultimate
13 Cursussen555 TakenAlleen voor Ultimate
13 Cursussen555 TakenAlleen voor Ultimate
1 Cursus0 TaskAlleen voor Ultimate
0 TaskAlleen voor Ultimate
6 Cursussen180 TakenAlleen voor Ultimate
3 Cursussen70 TakenAlleen voor Ultimate
7 Cursussen282 TakenAlleen voor Ultimate
5 Cursussen239 TakenAlleen voor Ultimate
4 Cursussen125 TakenAlleen voor Ultimate
1 Cursus15 TakenAlleen voor Ultimate
3 Cursussen75 TakenAlleen voor Ultimate
3 Cursussen41 TakenAlleen voor Ultimate
2 Cursussen151 TakenAlleen voor Ultimate
3 Cursussen61 TakenAlleen voor Ultimate
2 Cursussen1 Project38 TakenAlleen voor Ultimate
3 Cursussen36 TakenAlleen voor Ultimate
2 Cursussen1 Project38 TakenAlleen voor Ultimate
5 Cursussen134 TakenAlleen voor Ultimate
4 Cursussen159 TakenAlleen voor Ultimate
4 Cursussen154 Taken
Learning tracks
traject
Alleen voor UltimateTEST TRACK 12
1 Cursus1 Project0 TaskBeginner
4.0
(8247)
traject
Alleen voor UltimateFull Stack Webontwikkeling
7 Cursussen345 TakenBeginner
4.5
(59)
traject
Alleen voor UltimateWord Een React Ontwikkelaar
4 Cursussen98 TakenHalfgevorderd
4.9
(7)
traject
Alleen voor UltimateMeesterschap in Datavisualisatie
5 Cursussen145 TakenHalfgevorderd
4.6
(7)
traject
Alleen voor UltimateSQL van Nul tot Held
4 Cursussen115 TakenBeginner
4.7
(93)
traject
Alleen voor UltimateC++ Basisprincipes
6 Cursussen101 TakenBeginner
4.4
(17)
traject
Alleen voor UltimatePython van Nul tot Held
6 Cursussen195 TakenBeginner
4.7
(284)
traject
Alleen voor UltimateGecontroleerd Machine Learning
5 Cursussen135 TakenHalfgevorderd
4.9
(7)
traject
Alleen voor UltimatePython Voorbij Gevorderd
3 Cursussen1 Project125 TakenBeginner
4.7
(3)
traject
Alleen voor UltimateJava Essentials
7 Cursussen376 TakenBeginner
4.3
(9)
traject
Alleen voor UltimateGame-ontwikkeling Met Unity
4 Cursussen143 TakenBeginner
4.6
(7)
traject
Alleen voor UltimateBecome a Django Developer
5 Cursussen180 TakenGevorderd
4.5
(28)
traject
Alleen voor UltimateFlask for Dummies
5 Cursussen165 TakenHalfgevorderd
4.5
(32)
traject
Alleen voor UltimateFundamenten van Frontend-ontwikkeling
6 Cursussen308 TakenBeginner
4.6
(53)
traject
Alleen voor UltimateWeb Developer from Zero to Hero
6 Cursussen252 TakenBeginner
4.6
(57)
traject
Alleen voor UltimatePreparation for Data Science
8 Cursussen2 Projecten185 TakenHalfgevorderd
4.5
(11)
traject
Alleen voor UltimateDeep Learning Odyssey
2 Cursussen80 TakenGevorderd
5.0
(3)
traject
Alleen voor UltimateWebontwikkeling met C#
7 Cursussen293 TakenBeginner
4.8
(98)
traject
Alleen voor UltimateTEST E2E TRACK BEGINNER
1 Project0 TaskBeginner
traject
Alleen voor UltimateTest Track
2 Cursussen21 Taken 4.7
(3)
traject
Alleen voor UltimateSkilled Python BackEnd Developer
5 Cursussen139 TakenGevorderd
4.7
(261)
traject
Alleen voor UltimateTest Recalculate
2 Cursussen0 TaskBeginner
traject
Alleen voor UltimateExcel Essentials
4 Cursussen81 TakenBeginner
4.5
(39)
traject
Alleen voor UltimateFull-Stack .NET Developer Journey
13 Cursussen555 TakenHalfgevorderd
4.8
(129)
traject
Alleen voor UltimateFull-Stack .NET Developer Journey
13 Cursussen555 TakenHalfgevorderd
4.8
(129)
traject
Alleen voor UltimateTest track with rating
1 Cursus0 TaskGevorderd
4.0
(4)
traject
Alleen voor UltimateTEST TEST TRACK
0 TaskBeginner
traject
Alleen voor UltimateData-Analist Basis
6 Cursussen180 TakenBeginner
4.7
(116)
traject
Alleen voor UltimateC++ Beheersing
3 Cursussen70 TakenGevorderd
traject
Alleen voor UltimateJava Web
7 Cursussen282 TakenGevorderd
4.5
(31)
traject
Alleen voor UltimateWord een QA-Ingenieur
5 Cursussen239 TakenBeginner
4.5
(44)
traject
Alleen voor UltimateVideoproductie met Adobe
4 Cursussen125 TakenBeginner
traject
Alleen voor UltimateTest image upload track
1 Cursus15 TakenBeginner
traject
Alleen voor UltimateEssentiële Kantoorvaardigheden
3 Cursussen75 TakenBeginner
4.6
(24)
traject
Alleen voor UltimateGitHub from Zero to Hero
3 Cursussen41 TakenBeginner
traject
Alleen voor UltimateNo-Code Website Development
2 Cursussen151 TakenBeginner
traject
Alleen voor UltimateC Programming & Low-Level Development
3 Cursussen61 TakenBeginner
traject
Alleen voor Ultimatetestes
2 Cursussen1 Project38 TakenBeginner
4.7
(3)
traject
Alleen voor UltimateTest translation track
3 Cursussen36 TakenHalfgevorderd
traject
Alleen voor UltimateTest CMS Track
2 Cursussen1 Project38 TakenBeginner
4.7
(3)
traject
Alleen voor UltimatePython for Data Analysis
5 Cursussen134 TakenHalfgevorderd
4.6
(9)
traject
Alleen voor UltimateDigital Marketing Essentials
4 Cursussen159 TakenBeginner
traject
Alleen voor UltimateComplete Social Media Management
4 Cursussen154 TakenBeginner
Become a Development expert
Interactive exercises
Learning videos
AI-assistant on all courses
Workspaces for designing your own projects
Ready to get started?
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 | | |
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