Usikker på hvor
starte?
Track
Sertifikat
UI/UX Design Tools
5.0+
★★★★★
★★★★★
4 omtaler
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 ElementsForhåndsvisning
- Using Groups in Figma: Structuring and Nesting Objects EfficientlyForhåndsvisning
- Shapes in Figma: Creating and Customizing Design ElementsForhåndsvisning
- Alignment of Objects in Figma: Precision and Layout OptimizationForhåndsvisning
- Pen Tool in Figma: Creating Custom Shapes and Vector GraphicsForhåndsvisning
- Figma Version History: How to Track and Restore ChangesForhåndsvisning
- Type Tool in Figma: Adding and Styling Text for UI/UX DesignForhåndsvisning
- Fonts in Figma: Choosing and Applying Typography EffectivelyForhåndsvisning
- Typographic Hierarchy in Figma: Enhancing Readability and UI DesignForhåndsvisning
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 MediaForhåndsvisning
- Using Masks in Figma: Clipping and Layering for Advanced VisualsForhåndsvisning
- Blend Modes in Figma: Creating Stunning Effects and OverlaysForhåndsvisning
- Color and Gradient Fill in Figma: Mastering Palettes for UI/UX DesignForhåndsvisning
- Buttons and Auto Layout in Figma: Streamlining Interactive ElementsForhåndsvisning
- Figma Components: Building Reusable Design Systems EfficientlyForhåndsvisning
- Styles in Figma: Creating Consistent Design Systems for UI/UXForhåndsvisning
- Plugins and Widgets in Figma: Extending Functionality for Better WorkflowForhåndsvisning
Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.
- Layout Grids, Rows, and Columns in Figma: Structuring Your DesignsForhåndsvisning
- Grid Theory in Figma: Designing for Precision and ConsistencyForhåndsvisning
- Frames vs. Groups in Figma: Choosing the Right StructureForhåndsvisning
- Constraints in Figma: Responsive Design Made EasyForhåndsvisning
- Prototyping Basics in Figma: Creating Interactive User FlowsForhåndsvisning
- Variants in Figma: Streamlining UI Components for EfficiencyForhåndsvisning
- Component Properties in Figma: Enhancing Reusable Design ElementsForhåndsvisning
- Practice: Creating Different Buttons in FigmaForhåndsvisning
Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.
- Wireframing in Figma: Laying the Foundation for a Great UIForhåndsvisning
- Animating UI in Figma: Bringing Designs to LifeForhåndsvisning
- Designing a Mobile App in Figma: From Concept to PrototypeForhåndsvisning
- Finalizing the Design: Polishing Your UI for Development HandoffForhåndsvisning
- Testing Your App Design: Ensuring a Seamless User ExperienceForhåndsvisning
- Showcasing Your Work: Presenting Your Figma ProjectsForhåndsvisning
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 CapabilitiesForhåndsvisning
- Photoshop Key TerminologyForhåndsvisning
- Setting Up a Project in Photoshop: Interface and Document CreationForhåndsvisning
- Customizing Photoshop WorkspaceForhåndsvisning
- Managing Transparency, Importing, and Cropping Images in PhotoshopForhåndsvisning
- Configuring Photoshop PreferencesForhåndsvisning
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 ImperfectionsForhåndsvisning
- Using the Liquify Tool: Reshaping and Refining Image DetailsForhåndsvisning
- Adjusting Light and Color with Levels and Curves in PhotoshopForhåndsvisning
- Dodge, Burn, and Sponge Tools: Enhancing Highlights and ShadowsForhåndsvisning
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 PhotoshopForhåndsvisning
- Mastering the Pen ToolForhåndsvisning
- Type Tool for Text & Typography in PhotoshopForhåndsvisning
- Layer Blending Modes, Layer Styles, Filters and Smart FiltersForhåndsvisning
- Color Grading & Enhancement Using Camera Raw FiltersForhåndsvisning
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 ResizingForhåndsvisning
- Working with Artboards, Units, Rulers, Guides, and Grids in PhotoshopForhåndsvisning
- Exporting Images and Managing Metadata for Optimized FilesForhåndsvisning
- Exploring New Photoshop Tools (July 2024 Update)Forhåndsvisning
- Final Photoshop Project: Applying Advanced Editing SkillsForhåndsvisning
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 viktigste er å lære og ikke gi opp
Materialet er bra, det er mye å lære, alt for å bli bedre, og det viktigste er å lære det du ønsker....
Matteo Comune
Takket være dem lærer jeg mye…
Takket være dem lærer jeg mye raskere fordi de hjelper deg med å forstå alt fra grunnen av. Det er den beste nettsiden for folk uten IT-bakgrunn...
Yuliana Cadavid
Flott kurs for nybegynnere
Flott kurs for nybegynnere, de tester kunnskapen din i hver leksjon....
Elpunzon
Jeg nyter min Codefinity-opplevelse…
Jeg nyter min Codefinity-opplevelse med å lære Python. Den selvstyrte læringsmåten er flott fordi jeg kan tilpasse den til timeplanen min...
Alexandru Alexandru
Det er hyggelig å lære fra Codefinity
Det er hyggelig å lære fra Codefinity. Det er enkelt og har gode eksempler på det jeg lærte her...
jacob Templet
Easy to follow along with and provides…
Lett å følge med på og gir utfordring i hverdagen min. Utfordringen får meg til å ville lære dag etter dag...
Elan
Codefinity er et omfattende læringsverktøy…
Codefinity er et omfattende læringsverktøy som hjelper deg med å utvikle ferdighetene dine som programvareingeniør eller datavitenskapsmann. Øvelsene er morsomme og en god måte å skjerpe ferdighetene dine på...
Thibault
Første gang jeg lærer å programmere
Første gang jeg lærer å programmere og lykkes med det takket være Codefinity – Takk!...
Adrien Morel
Godt designet for totale nybegynnere
Godt designet for totale nybegynnere, med inkrementell fremgang som gir meg selvtillit....
_Gracy
det er rett og slett perfekt forklart.
Det er rett og slett perfekt forklart! Så langt har jeg ikke opplevd noen vanskeligheter fordi alt er så godt organisert....
Ruslan Kravchuk
Det viktigste er å lære og ikke gi opp
Materialet er bra, det er mye å lære, alt for å bli bedre, og det viktigste er å lære det du ønsker....
Matteo Comune
Takket være dem lærer jeg mye…
Takket være dem lærer jeg mye raskere fordi de hjelper deg med å forstå alt fra grunnen av. Det er den beste nettsiden for folk uten IT-bakgrunn...
Yuliana Cadavid
Flott kurs for nybegynnere
Flott kurs for nybegynnere, de tester kunnskapen din i hver leksjon....
Elpunzon
Jeg nyter min Codefinity-opplevelse…
Jeg nyter min Codefinity-opplevelse med å lære Python. Den selvstyrte læringsmåten er flott fordi jeg kan tilpasse den til timeplanen min...
Alexandru Alexandru
Det er hyggelig å lære fra Codefinity
Det er hyggelig å lære fra Codefinity. Det er enkelt og har gode eksempler på det jeg lærte her...
jacob Templet
Easy to follow along with and provides…
Lett å følge med på og gir utfordring i hverdagen min. Utfordringen får meg til å ville lære dag etter dag...
Elan
Codefinity er et omfattende læringsverktøy…
Codefinity er et omfattende læringsverktøy som hjelper deg med å utvikle ferdighetene dine som programvareingeniør eller datavitenskapsmann. Øvelsene er morsomme og en god måte å skjerpe ferdighetene dine på...
Thibault
Første gang jeg lærer å programmere
Første gang jeg lærer å programmere og lykkes med det takket være Codefinity – Takk!...
Adrien Morel
Godt designet for totale nybegynnere
Godt designet for totale nybegynnere, med inkrementell fremgang som gir meg selvtillit....
_Gracy
det er rett og slett perfekt forklart.
Det er rett og slett perfekt forklart! Så langt har jeg ikke opplevd noen vanskeligheter fordi alt er så godt organisert....
Data Engineer
Sertifikat for fullføring
Vis frem dine nyervervede ferdigheter. Du har fortjent det
Discover more
Learning tracks
Kun for Ultimate
7 Kurs
293 OppgaverKun for Ultimate
6 Kurs168 OppgaverKun for Ultimate
4 Kurs115 OppgaverKun for Ultimate
6 Kurs101 OppgaverKun for Ultimate
4 Kurs143 OppgaverKun for Ultimate
5 Kurs119 OppgaverKun for Ultimate
3 Kurs39 OppgaverKun for Ultimate
4 Kurs96 OppgaverKun for Ultimate
7 Kurs376 OppgaverKun for Ultimate
2 Kurs
1 Prosjekt57 OppgaverKun for Ultimate
7 Kurs346 OppgaverKun for Ultimate
6 Kurs309 OppgaverKun for Ultimate
5 Kurs146 OppgaverKun for Ultimate
5 Kurs135 OppgaverKun for Ultimate
3 Kurs71 OppgaverKun for Ultimate
6 Kurs239 OppgaverKun for Ultimate
5 Kurs239 OppgaverKun for Ultimate
4 Kurs125 OppgaverKun for Ultimate
3 Kurs75 Oppgaver
Learning tracks
spor
Kun for UltimateWeb Development with C#
7 Kurs293 OppgaverNybegynner
4.8
(2340)
spor
Kun for UltimatePython from Zero to Hero
6 Kurs168 OppgaverNybegynner
4.7
(8290)
spor
Kun for UltimateSQL from Zero to Hero
4 Kurs115 OppgaverNybegynner
4.7
(2577)
spor
Kun for UltimateС++ Essentials
6 Kurs101 OppgaverNybegynner
4.5
(471)
spor
Kun for UltimateGame Development with Unity
4 Kurs143 OppgaverNybegynner
4.7
(69)
spor
Kun for UltimateBecome a React Developer
5 Kurs119 OppgaverMiddelsnivå
4.6
(65)
spor
Kun for UltimateExcel Essentials
3 Kurs39 OppgaverNybegynner
4.7
(285)
spor
Kun for UltimateData Analyst Foundation
4 Kurs96 OppgaverNybegynner
4.8
(2474)
spor
Kun for UltimateJava Essentials
7 Kurs376 OppgaverNybegynner
4.7
(189)
spor
Kun for UltimatePython Beyond Intermediate
2 Kurs1 Prosjekt57 OppgaverNybegynner
4.6
(62)
spor
Kun for UltimateFull Stack Web Development
7 Kurs346 OppgaverNybegynner
4.7
(844)
spor
Kun for UltimateFrontend Development Foundations
6 Kurs309 OppgaverNybegynner
4.7
(814)
spor
Kun for UltimateMastering Data Visualization
5 Kurs146 OppgaverMiddelsnivå
4.7
(555)
spor
Kun for UltimateSupervised Machine Learning
5 Kurs135 OppgaverMiddelsnivå
4.6
(123)
spor
Kun for UltimateC++ Mastery
3 Kurs71 OppgaverAvansert
4.8
(16)
spor
Kun for UltimateJava Web
6 Kurs239 OppgaverAvansert
4.7
(1151)
spor
Kun for UltimateBecome a QA Engineer
5 Kurs239 OppgaverNybegynner
4.7
(709)
spor
Kun for UltimateVideo Production with Adobe
4 Kurs125 OppgaverNybegynner
5.0
(5)
spor
Kun for UltimateEssential Office Skills
3 Kurs75 OppgaverNybegynner
4.8
(228)
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