

Osäker på var
börja?
Track
Certifikat
UI/UX Design Tools
Beginner
By completing this track, you will gain the skills to design intuitive and visually appealing web and mobile interfaces using Figma, apply essential UI/UX principles to enhance user experience, and efficiently work with Adobe Photoshop and Illustrator for high-quality graphics and design elements. These tools and techniques will help create professional, user-friendly digital products that engage and retain users.
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 ElementsFörhandsgranska
- Using Groups in Figma: Structuring and Nesting Objects EfficientlyFörhandsgranska
- Shapes in Figma: Creating and Customizing Design ElementsFörhandsgranska
- Alignment of Objects in Figma: Precision and Layout OptimizationFörhandsgranska
- Pen Tool in Figma: Creating Custom Shapes and Vector GraphicsFörhandsgranska
- Figma Version History: How to Track and Restore ChangesFörhandsgranska
- Type Tool in Figma: Adding and Styling Text for UI/UX DesignFörhandsgranska
- Fonts in Figma: Choosing and Applying Typography EffectivelyFörhandsgranska
- Typographic Hierarchy in Figma: Enhancing Readability and UI DesignFörhandsgranska
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 MediaFörhandsgranska
- Using Masks in Figma: Clipping and Layering for Advanced VisualsFörhandsgranska
- Blend Modes in Figma: Creating Stunning Effects and OverlaysFörhandsgranska
- Color and Gradient Fill in Figma: Mastering Palettes for UI/UX DesignFörhandsgranska
- Buttons and Auto Layout in Figma: Streamlining Interactive ElementsFörhandsgranska
- Figma Components: Building Reusable Design Systems EfficientlyFörhandsgranska
- Styles in Figma: Creating Consistent Design Systems for UI/UXFörhandsgranska
- Plugins and Widgets in Figma: Extending Functionality for Better WorkflowFörhandsgranska
Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.
- Layout Grids, Rows, and Columns in Figma: Structuring Your DesignsFörhandsgranska
- Grid Theory in Figma: Designing for Precision and ConsistencyFörhandsgranska
- Frames vs. Groups in Figma: Choosing the Right StructureFörhandsgranska
- Constraints in Figma: Responsive Design Made EasyFörhandsgranska
- Prototyping Basics in Figma: Creating Interactive User FlowsFörhandsgranska
- Variants in Figma: Streamlining UI Components for EfficiencyFörhandsgranska
- Component Properties in Figma: Enhancing Reusable Design ElementsFörhandsgranska
- Practice: Creating Different Buttons in FigmaFörhandsgranska
Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.
- Wireframing in Figma: Laying the Foundation for a Great UIFörhandsgranska
- Animating UI in Figma: Bringing Designs to LifeFörhandsgranska
- Designing a Mobile App in Figma: From Concept to PrototypeFörhandsgranska
- Finalizing the Design: Polishing Your UI for Development HandoffFörhandsgranska
- Testing Your App Design: Ensuring a Seamless User ExperienceFörhandsgranska
- Showcasing Your Work: Presenting Your Figma ProjectsFörhandsgranska
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 CapabilitiesFörhandsgranska
- Photoshop Key TerminologyFörhandsgranska
- Setting Up a Project in Photoshop: Interface and Document CreationFörhandsgranska
- Customizing Photoshop WorkspaceFörhandsgranska
- Managing Transparency, Importing, and Cropping Images in PhotoshopFörhandsgranska
- Configuring Photoshop PreferencesFörhandsgranska
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.
- Healing Tools in Photoshop: Removing Blemishes and ImperfectionsFörhandsgranska
- Using the Liquify Tool: Reshaping and Refining Image DetailsFörhandsgranska
- Adjusting Light and Color with Levels and Curves in PhotoshopFörhandsgranska
- Dodge, Burn, and Sponge Tools: Enhancing Highlights and ShadowsFörhandsgranska
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.
- Understanding Raster vs. Vector Graphics & Smart Objects in PhotoshopFörhandsgranska
- Mastering the Pen ToolFörhandsgranska
- Type Tool for Text & Typography in PhotoshopFörhandsgranska
- Layer Blending Modes, Layer Styles, Filters and Smart FiltersFörhandsgranska
- Color Grading & Enhancement Using Camera Raw FiltersFörhandsgranska
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 ResizingFörhandsgranska
- Working with Artboards, Units, Rulers, Guides, and Grids in PhotoshopFörhandsgranska
- Exporting Images and Managing Metadata for Optimized FilesFörhandsgranska
- Exploring New Photoshop Tools (July 2024 Update)Förhandsgranska
- Final Photoshop Project: Applying Advanced Editing SkillsFörhandsgranska
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
Det viktigaste är att lära sig och inte ge upp
Materialet är bra, det finns mycket att lära, allt för att bli bättre och det viktigaste är att lära sig det man vill....
Matteo Comune
Tack vare dem lär jag mig mycket…
Tack vare dem lär jag mig mycket snabbare eftersom de hjälper dig att förstå allt från grunden. Det är den bästa webbplatsen som hjälper personer utan IT-bakgrund...
Yuliana Cadavid
Utmärkt kurs för nybörjare
Utmärkt kurs för nybörjare, de testar dina kunskaper i varje lektion...
Elpunzon
Jag njuter av min Codefinity-upplevelse…
Jag njuter av min Codefinity-upplevelse med att lära mig Python. Det självstyrda lärsättet är fantastiskt eftersom jag kan anpassa det efter mitt schema...
Alexandru Alexandru
Det är trevligt att lära sig från Codefinity
Det är trevligt att lära sig från Codefinity. Det är enkelt och har bra exempel på vad jag lärt mig här...
jacob Templet
Easy to follow along with and provides…
Lätt att följa med i och ger utmaningar i min vardag. Utmaningen får mig att vilja lära mig dag efter dag...
Elan
Codefinity är ett heltäckande lärverktyg…
Codefinity är ett heltäckande lärverktyg som hjälper dig att utveckla dina färdigheter som mjukvaruingenjör eller datavetare. Övningarna är roliga och ett bra sätt att skärpa dina kunskaper...
Thibault
Första gången jag lär mig att koda
Första gången jag lär mig att koda och lyckas med Codefinity - tack...
Adrien Morel
Väl utformad för totala nybörjare
Väl utformad för totala nybörjare, med stegvis utveckling som får mig att känna mig trygg....
_Gracy
det är helt enkelt perfekt förklarat
det är helt enkelt perfekt förklarat! Hittills har jag inte upplevt några svårigheter eftersom allt är så välorganiserat...
Ruslan Kravchuk
Det viktigaste är att lära sig och inte ge upp
Materialet är bra, det finns mycket att lära, allt för att bli bättre och det viktigaste är att lära sig det man vill....
Matteo Comune
Tack vare dem lär jag mig mycket…
Tack vare dem lär jag mig mycket snabbare eftersom de hjälper dig att förstå allt från grunden. Det är den bästa webbplatsen som hjälper personer utan IT-bakgrund...
Yuliana Cadavid
Utmärkt kurs för nybörjare
Utmärkt kurs för nybörjare, de testar dina kunskaper i varje lektion...
Elpunzon
Jag njuter av min Codefinity-upplevelse…
Jag njuter av min Codefinity-upplevelse med att lära mig Python. Det självstyrda lärsättet är fantastiskt eftersom jag kan anpassa det efter mitt schema...
Alexandru Alexandru
Det är trevligt att lära sig från Codefinity
Det är trevligt att lära sig från Codefinity. Det är enkelt och har bra exempel på vad jag lärt mig här...
jacob Templet
Easy to follow along with and provides…
Lätt att följa med i och ger utmaningar i min vardag. Utmaningen får mig att vilja lära mig dag efter dag...
Elan
Codefinity är ett heltäckande lärverktyg…
Codefinity är ett heltäckande lärverktyg som hjälper dig att utveckla dina färdigheter som mjukvaruingenjör eller datavetare. Övningarna är roliga och ett bra sätt att skärpa dina kunskaper...
Thibault
Första gången jag lär mig att koda
Första gången jag lär mig att koda och lyckas med Codefinity - tack...
Adrien Morel
Väl utformad för totala nybörjare
Väl utformad för totala nybörjare, med stegvis utveckling som får mig att känna mig trygg....
_Gracy
det är helt enkelt perfekt förklarat
det är helt enkelt perfekt förklarat! Hittills har jag inte upplevt några svårigheter eftersom allt är så välorganiserat...
Data Engineer
Certifikat för slutförande
Visa dina nyförvärvade färdigheter. Du har förtjänat det
Discover more
Learning tracks
Endast för Ultimate
1 Kurs
1 Projekt
0 Task
Endast för Ultimate
7 Kurser
345 Uppgifter
Endast för Ultimate
5 Kurser
119 Uppgifter
Endast för Ultimate
5 Kurser
146 Uppgifter
Endast för Ultimate
4 Kurser
115 Uppgifter
Endast för Ultimate
6 Kurser
101 Uppgifter
Endast för Ultimate
6 Kurser
168 Uppgifter
Endast för Ultimate
5 Kurser
135 Uppgifter
Endast för Ultimate
2 Kurser
1 Projekt
57 Uppgifter
Endast för Ultimate
7 Kurser
376 Uppgifter
Endast för Ultimate
4 Kurser
143 Uppgifter
Endast för Ultimate
5 Kurser
180 Uppgifter
Endast för Ultimate
5 Kurser
165 Uppgifter
Endast för Ultimate
6 Kurser
308 Uppgifter
Endast för Ultimate
6 Kurser
252 Uppgifter
Endast för Ultimate
8 Kurser
2 Projekt
176 Uppgifter
Endast för Ultimate
2 Kurser
80 Uppgifter
Endast för Ultimate
7 Kurser
293 Uppgifter
Endast för Ultimate
1 Projekt
0 Task
Endast för Ultimate
2 Kurser
21 Uppgifter
Endast för Ultimate
5 Kurser
111 Uppgifter
Endast för Ultimate
2 Kurser
0 Task
Endast för Ultimate
3 Kurser
39 Uppgifter
Endast för Ultimate
13 Kurser
555 Uppgifter
Endast för Ultimate
13 Kurser
555 Uppgifter
Endast för Ultimate
1 Kurs
0 Task
Endast för Ultimate
0 Task
Endast för Ultimate
5 Kurser
139 Uppgifter
Endast för Ultimate
3 Kurser
71 Uppgifter
Endast för Ultimate
7 Kurser
282 Uppgifter
Endast för Ultimate
5 Kurser
239 Uppgifter
Endast för Ultimate
4 Kurser
125 Uppgifter
Endast för Ultimate
2 Kurser
33 Uppgifter
Endast för Ultimate
1 Kurs
15 Uppgifter
Endast för Ultimate
3 Kurser
75 Uppgifter
Endast för Ultimate
3 Kurser
31 Uppgifter
Endast för Ultimate
2 Kurser
151 Uppgifter
Endast för Ultimate
3 Kurser
56 Uppgifter
Endast för Ultimate
2 Kurser
1 Projekt
38 Uppgifter
Endast för Ultimate
3 Kurser
36 Uppgifter
Endast för Ultimate
2 Kurser
1 Projekt
38 Uppgifter
Endast för Ultimate
5 Kurser
134 Uppgifter
Learning tracks
spår
TEST TRACK 12
Nybörjare
4.0
(7146)
spår
Full Stack Web Development
Nybörjare
4.5
(58)
spår
Become a React Developer
Medelnivå
4.9
(7)
spår
Mastering Data Visualization
Medelnivå
4.6
(7)
spår
SQL from Zero to Hero
Nybörjare
4.7
(93)
spår
С++ Essentials
Nybörjare
4.4
(17)
spår
Python from Zero to Hero
Nybörjare
4.7
(284)
spår
Supervised Machine Learning
Medelnivå
4.9
(7)
spår
Python Beyond Intermediate
Nybörjare
5.0
(1)
spår
Java Essentials
Nybörjare
4.3
(9)
spår
Game Development with Unity
Nybörjare
4.6
(7)
spår
Become a Django Developer
Avancerad
4.4
(27)
spår
Flask for Dummies
Medelnivå
4.5
(31)
spår
Frontend Development Foundations
Nybörjare
4.6
(52)
spår
Web Developer from Zero to Hero
Nybörjare
4.6
(56)
spår
Preparation for Data Science
Medelnivå
4.5
(11)
spår
Deep Learning Odyssey
Avancerad
5.0
(3)
spår
Web Development with C#
Nybörjare
4.8
(98)
spår
TEST E2E TRACK BEGINNER
Nybörjare
spår
Test Track
Begginer
4.7
(3)
spår
Skilled Python BackEnd Developer
Avancerad
4.7
(261)
spår
Test Recalculate
Nybörjare
spår
Excel Essentials
Nybörjare
4.5
(33)
spår
Full-Stack .NET Developer Journey
Medelnivå
4.8
(129)
spår
Full-Stack .NET Developer Journey
Medelnivå
4.8
(129)
spår
Test track with rating
Avancerad
4.0
(4)
spår
TEST TEST TRACK
Nybörjare
spår
Data Analyst Foundation
Nybörjare
4.7
(111)
spår
C++ Mastery
Avancerad
spår
Java Web
Avancerad
4.5
(30)
spår
Become a QA Engineer
Nybörjare
4.5
(43)
spår
Video Production with Adobe
Nybörjare
spår
Digital Marketing Essentials
Nybörjare
spår
Test image upload track
Nybörjare
spår
Essential Office Skills
Nybörjare
4.6
(24)
spår
GitHub from Zero to Hero
Nybörjare
spår
No-Code Website Development
Nybörjare
spår
C Programming & Low-Level Development
Nybörjare
spår
testes
Nybörjare
4.7
(3)
spår
Test translation track
Medelnivå
spår
Test CMS Track
Nybörjare
4.7
(3)
spår
Python for Data Analysis
Medelnivå
4.6
(9)
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