Incerto da dove
iniziare?
Track
Certificato
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 ElementsAnteprima
- Using Groups in Figma: Structuring and Nesting Objects EfficientlyAnteprima
- Shapes in Figma: Creating and Customizing Design ElementsAnteprima
- Alignment of Objects in Figma: Precision and Layout OptimizationAnteprima
- Pen Tool in Figma: Creating Custom Shapes and Vector GraphicsAnteprima
- Figma Version History: How to Track and Restore ChangesAnteprima
- Type Tool in Figma: Adding and Styling Text for UI/UX DesignAnteprima
- Fonts in Figma: Choosing and Applying Typography EffectivelyAnteprima
- Typographic Hierarchy in Figma: Enhancing Readability and UI DesignAnteprima
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 MediaAnteprima
- Using Masks in Figma: Clipping and Layering for Advanced VisualsAnteprima
- Blend Modes in Figma: Creating Stunning Effects and OverlaysAnteprima
- Color and Gradient Fill in Figma: Mastering Palettes for UI/UX DesignAnteprima
- Buttons and Auto Layout in Figma: Streamlining Interactive ElementsAnteprima
- Figma Components: Building Reusable Design Systems EfficientlyAnteprima
- Styles in Figma: Creating Consistent Design Systems for UI/UXAnteprima
- Plugins and Widgets in Figma: Extending Functionality for Better WorkflowAnteprima
Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.
- Layout Grids, Rows, and Columns in Figma: Structuring Your DesignsAnteprima
- Grid Theory in Figma: Designing for Precision and ConsistencyAnteprima
- Frames vs. Groups in Figma: Choosing the Right StructureAnteprima
- Constraints in Figma: Responsive Design Made EasyAnteprima
- Prototyping Basics in Figma: Creating Interactive User FlowsAnteprima
- Variants in Figma: Streamlining UI Components for EfficiencyAnteprima
- Component Properties in Figma: Enhancing Reusable Design ElementsAnteprima
- Practice: Creating Different Buttons in FigmaAnteprima
Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.
- Wireframing in Figma: Laying the Foundation for a Great UIAnteprima
- Animating UI in Figma: Bringing Designs to LifeAnteprima
- Designing a Mobile App in Figma: From Concept to PrototypeAnteprima
- Finalizing the Design: Polishing Your UI for Development HandoffAnteprima
- Testing Your App Design: Ensuring a Seamless User ExperienceAnteprima
- Showcasing Your Work: Presenting Your Figma ProjectsAnteprima
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 CapabilitiesAnteprima
- Photoshop Key TerminologyAnteprima
- Setting Up a Project in Photoshop: Interface and Document CreationAnteprima
- Customizing Photoshop WorkspaceAnteprima
- Managing Transparency, Importing, and Cropping Images in PhotoshopAnteprima
- Configuring Photoshop PreferencesAnteprima
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 ResizingAnteprima
- Working with Artboards, Units, Rulers, Guides, and Grids in PhotoshopAnteprima
- Exporting Images and Managing Metadata for Optimized FilesAnteprima
- Exploring New Photoshop Tools (July 2024 Update)Anteprima
- Final Photoshop Project: Applying Advanced Editing SkillsAnteprima
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
La cosa principale è imparare e non arrendersi
Il materiale è buono, c'è tanto da imparare, tutto per migliorarsi, e la cosa principale è imparare ciò che desideri....
Matteo Comune
Grazie a loro sto imparando molto…
Grazie a loro sto imparando molto più rapidamente perché ti aiutano a comprendere tutto da zero. È il miglior sito web per chi non ha background in IT...
Yuliana Cadavid
ottimo corso per principianti
ottimo corso per principianti, mettono alla prova le tue conoscenze in ogni lezione...
Elpunzon
Sto apprezzando la mia esperienza su Codefinity…
Sto apprezzando la mia esperienza di apprendimento di Python con Codefinity. Il metodo di studio autodidatta è fantastico perché posso adattarlo al mio orario...
Alexandru Alexandru
È piacevole imparare da Codefinity
È piacevole imparare da Codefinity. È facile e offre buoni esempi di quanto appreso qui...
jacob Templet
Easy to follow along with and provides…
Facile da seguire e offre una sfida nella mia vita quotidiana. La sfida mi motiva a imparare giorno dopo giorno...
Elan
Codefinity è uno strumento di apprendimento completo…
Codefinity è uno strumento di apprendimento completo che ti aiuta a sviluppare le tue competenze come ingegnere del software o data scientist. Gli esercizi sono divertenti e un ottimo modo per affinare le tue abilità...
Thibault
Prima volta che impari a programmare
La prima volta che ho imparato a programmare e ci sono riuscito con Codefinity - Grazie...
Adrien Morel
Ben progettato per principianti assoluti
Ben progettato per principianti assoluti, con un progresso incrementale che mi dà fiducia....
_Gracy
è semplicemente perfettamente spiegato
È semplicemente perfettamente spiegato! Finora non ho incontrato alcuna difficoltà perché tutto è così ben organizzato....
Ruslan Kravchuk
La cosa principale è imparare e non arrendersi
Il materiale è buono, c'è tanto da imparare, tutto per migliorarsi, e la cosa principale è imparare ciò che desideri....
Matteo Comune
Grazie a loro sto imparando molto…
Grazie a loro sto imparando molto più rapidamente perché ti aiutano a comprendere tutto da zero. È il miglior sito web per chi non ha background in IT...
Yuliana Cadavid
ottimo corso per principianti
ottimo corso per principianti, mettono alla prova le tue conoscenze in ogni lezione...
Elpunzon
Sto apprezzando la mia esperienza su Codefinity…
Sto apprezzando la mia esperienza di apprendimento di Python con Codefinity. Il metodo di studio autodidatta è fantastico perché posso adattarlo al mio orario...
Alexandru Alexandru
È piacevole imparare da Codefinity
È piacevole imparare da Codefinity. È facile e offre buoni esempi di quanto appreso qui...
jacob Templet
Easy to follow along with and provides…
Facile da seguire e offre una sfida nella mia vita quotidiana. La sfida mi motiva a imparare giorno dopo giorno...
Elan
Codefinity è uno strumento di apprendimento completo…
Codefinity è uno strumento di apprendimento completo che ti aiuta a sviluppare le tue competenze come ingegnere del software o data scientist. Gli esercizi sono divertenti e un ottimo modo per affinare le tue abilità...
Thibault
Prima volta che impari a programmare
La prima volta che ho imparato a programmare e ci sono riuscito con Codefinity - Grazie...
Adrien Morel
Ben progettato per principianti assoluti
Ben progettato per principianti assoluti, con un progresso incrementale che mi dà fiducia....
_Gracy
è semplicemente perfettamente spiegato
È semplicemente perfettamente spiegato! Finora non ho incontrato alcuna difficoltà perché tutto è così ben organizzato....
Data Engineer
Certificato di Completamento
Mostra le abilità che hai acquisite recentemente. Te lo sei guadagnato
Discover more
Learning tracks
Solo per Ultimate
1 Corso
1 Progetto
0 TaskSolo per Ultimate
7 Corsi345 CompitiSolo per Ultimate
5 Corsi119 CompitiSolo per Ultimate
5 Corsi146 CompitiSolo per Ultimate
4 Corsi115 CompitiSolo per Ultimate
6 Corsi101 CompitiSolo per Ultimate
6 Corsi168 CompitiSolo per Ultimate
5 Corsi135 CompitiSolo per Ultimate
2 Corsi1 Progetto57 CompitiSolo per Ultimate
7 Corsi376 CompitiSolo per Ultimate
4 Corsi143 CompitiSolo per Ultimate
5 Corsi180 CompitiSolo per Ultimate
5 Corsi165 CompitiSolo per Ultimate
6 Corsi308 CompitiSolo per Ultimate
6 Corsi252 CompitiSolo per Ultimate
8 Corsi2 Progetti176 CompitiSolo per Ultimate
2 Corsi80 CompitiSolo per Ultimate
7 Corsi293 CompitiSolo per Ultimate
1 Progetto0 TaskSolo per Ultimate2 Corsi21 CompitiSolo per Ultimate
5 Corsi111 CompitiSolo per Ultimate
2 Corsi0 TaskSolo per Ultimate
3 Corsi39 CompitiSolo per Ultimate
13 Corsi555 CompitiSolo per Ultimate
13 Corsi555 CompitiSolo per Ultimate
1 Corso0 TaskSolo per Ultimate
0 TaskSolo per Ultimate
5 Corsi139 CompitiSolo per Ultimate
3 Corsi71 CompitiSolo per Ultimate
7 Corsi282 CompitiSolo per Ultimate
5 Corsi239 CompitiSolo per Ultimate
4 Corsi125 CompitiSolo per Ultimate
2 Corsi33 CompitiSolo per Ultimate
1 Corso15 CompitiSolo per Ultimate
3 Corsi75 CompitiSolo per Ultimate
3 Corsi31 CompitiSolo per Ultimate
2 Corsi151 CompitiSolo per Ultimate
3 Corsi56 CompitiSolo per Ultimate
2 Corsi1 Progetto38 CompitiSolo per Ultimate
3 Corsi36 CompitiSolo per Ultimate
2 Corsi1 Progetto38 CompitiSolo per Ultimate
5 Corsi134 Compiti
Learning tracks
traccia
Solo per UltimateTEST TRACK 12
1 Corso1 Progetto0 TaskPrincipiante
4.0
(7146)
traccia
Solo per UltimateFull Stack Web Development
7 Corsi345 CompitiPrincipiante
4.5
(58)
traccia
Solo per UltimateBecome a React Developer
5 Corsi119 CompitiIntermedio
4.9
(7)
traccia
Solo per UltimateMastering Data Visualization
5 Corsi146 CompitiIntermedio
4.6
(7)
traccia
Solo per UltimateSQL from Zero to Hero
4 Corsi115 CompitiPrincipiante
4.7
(93)
traccia
Solo per UltimateС++ Essentials
6 Corsi101 CompitiPrincipiante
4.4
(17)
traccia
Solo per UltimatePython from Zero to Hero
6 Corsi168 CompitiPrincipiante
4.7
(284)
traccia
Solo per UltimateSupervised Machine Learning
5 Corsi135 CompitiIntermedio
4.9
(7)
traccia
Solo per UltimatePython Beyond Intermediate
2 Corsi1 Progetto57 CompitiPrincipiante
5.0
(1)
traccia
Solo per UltimateJava Essentials
7 Corsi376 CompitiPrincipiante
4.3
(9)
traccia
Solo per UltimateGame Development with Unity
4 Corsi143 CompitiPrincipiante
4.6
(7)
traccia
Solo per UltimateBecome a Django Developer
5 Corsi180 CompitiAvanzato
4.4
(27)
traccia
Solo per UltimateFlask for Dummies
5 Corsi165 CompitiIntermedio
4.5
(31)
traccia
Solo per UltimateFrontend Development Foundations
6 Corsi308 CompitiPrincipiante
4.6
(52)
traccia
Solo per UltimateWeb Developer from Zero to Hero
6 Corsi252 CompitiPrincipiante
4.6
(56)
traccia
Solo per UltimatePreparation for Data Science
8 Corsi2 Progetti176 CompitiIntermedio
4.5
(11)
traccia
Solo per UltimateDeep Learning Odyssey
2 Corsi80 CompitiAvanzato
5.0
(3)
traccia
Solo per UltimateWeb Development with C#
7 Corsi293 CompitiPrincipiante
4.8
(98)
traccia
Solo per UltimateTEST E2E TRACK BEGINNER
1 Progetto0 TaskPrincipiante
traccia
Solo per UltimateTest Track
2 Corsi21 CompitiBegginer
4.7
(3)
traccia
Solo per UltimateSkilled Python BackEnd Developer
5 Corsi111 CompitiAvanzato
4.7
(261)
traccia
Solo per UltimateTest Recalculate
2 Corsi0 TaskPrincipiante
traccia
Solo per UltimateExcel Essentials
3 Corsi39 CompitiPrincipiante
4.5
(33)
traccia
Solo per UltimateFull-Stack .NET Developer Journey
13 Corsi555 CompitiIntermedio
4.8
(129)
traccia
Solo per UltimateFull-Stack .NET Developer Journey
13 Corsi555 CompitiIntermedio
4.8
(129)
traccia
Solo per UltimateTest track with rating
1 Corso0 TaskAvanzato
4.0
(4)
traccia
Solo per UltimateTEST TEST TRACK
0 TaskPrincipiante
traccia
Solo per UltimateData Analyst Foundation
5 Corsi139 CompitiPrincipiante
4.7
(111)
traccia
Solo per UltimateC++ Mastery
3 Corsi71 CompitiAvanzato
traccia
Solo per UltimateJava Web
7 Corsi282 CompitiAvanzato
4.5
(30)
traccia
Solo per UltimateBecome a QA Engineer
5 Corsi239 CompitiPrincipiante
4.5
(43)
traccia
Solo per UltimateVideo Production with Adobe
4 Corsi125 CompitiPrincipiante
traccia
Solo per UltimateDigital Marketing Essentials
2 Corsi33 CompitiPrincipiante
traccia
Solo per UltimateTest image upload track
1 Corso15 CompitiPrincipiante
traccia
Solo per UltimateEssential Office Skills
3 Corsi75 CompitiPrincipiante
4.6
(24)
traccia
Solo per UltimateGitHub from Zero to Hero
3 Corsi31 CompitiPrincipiante
traccia
Solo per UltimateNo-Code Website Development
2 Corsi151 CompitiPrincipiante
traccia
Solo per UltimateC Programming & Low-Level Development
3 Corsi56 CompitiPrincipiante
traccia
Solo per Ultimatetestes
2 Corsi1 Progetto38 CompitiPrincipiante
4.7
(3)
traccia
Solo per UltimateTest translation track
3 Corsi36 CompitiIntermedio
traccia
Solo per UltimateTest CMS Track
2 Corsi1 Progetto38 CompitiPrincipiante
4.7
(3)
traccia
Solo per UltimatePython for Data Analysis
5 Corsi134 CompitiIntermedio
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