

Epävarma mistä
alkaa?
Track
Todistus
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 ElementsEsikatselu
- Using Groups in Figma: Structuring and Nesting Objects EfficientlyEsikatselu
- Shapes in Figma: Creating and Customizing Design ElementsEsikatselu
- Alignment of Objects in Figma: Precision and Layout OptimizationEsikatselu
- Pen Tool in Figma: Creating Custom Shapes and Vector GraphicsEsikatselu
- Figma Version History: How to Track and Restore ChangesEsikatselu
- Type Tool in Figma: Adding and Styling Text for UI/UX DesignEsikatselu
- Fonts in Figma: Choosing and Applying Typography EffectivelyEsikatselu
- Typographic Hierarchy in Figma: Enhancing Readability and UI DesignEsikatselu
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 MediaEsikatselu
- Using Masks in Figma: Clipping and Layering for Advanced VisualsEsikatselu
- Blend Modes in Figma: Creating Stunning Effects and OverlaysEsikatselu
- Color and Gradient Fill in Figma: Mastering Palettes for UI/UX DesignEsikatselu
- Buttons and Auto Layout in Figma: Streamlining Interactive ElementsEsikatselu
- Figma Components: Building Reusable Design Systems EfficientlyEsikatselu
- Styles in Figma: Creating Consistent Design Systems for UI/UXEsikatselu
- Plugins and Widgets in Figma: Extending Functionality for Better WorkflowEsikatselu
Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.
- Layout Grids, Rows, and Columns in Figma: Structuring Your DesignsEsikatselu
- Grid Theory in Figma: Designing for Precision and ConsistencyEsikatselu
- Frames vs. Groups in Figma: Choosing the Right StructureEsikatselu
- Constraints in Figma: Responsive Design Made EasyEsikatselu
- Prototyping Basics in Figma: Creating Interactive User FlowsEsikatselu
- Variants in Figma: Streamlining UI Components for EfficiencyEsikatselu
- Component Properties in Figma: Enhancing Reusable Design ElementsEsikatselu
- Practice: Creating Different Buttons in FigmaEsikatselu
Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.
- Wireframing in Figma: Laying the Foundation for a Great UIEsikatselu
- Animating UI in Figma: Bringing Designs to LifeEsikatselu
- Designing a Mobile App in Figma: From Concept to PrototypeEsikatselu
- Finalizing the Design: Polishing Your UI for Development HandoffEsikatselu
- Testing Your App Design: Ensuring a Seamless User ExperienceEsikatselu
- Showcasing Your Work: Presenting Your Figma ProjectsEsikatselu
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 CapabilitiesEsikatselu
- Photoshop Key TerminologyEsikatselu
- Setting Up a Project in Photoshop: Interface and Document CreationEsikatselu
- Customizing Photoshop WorkspaceEsikatselu
- Managing Transparency, Importing, and Cropping Images in PhotoshopEsikatselu
- Configuring Photoshop PreferencesEsikatselu
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 ResizingEsikatselu
- Working with Artboards, Units, Rulers, Guides, and Grids in PhotoshopEsikatselu
- Exporting Images and Managing Metadata for Optimized FilesEsikatselu
- Exploring New Photoshop Tools (July 2024 Update)Esikatselu
- Final Photoshop Project: Applying Advanced Editing SkillsEsikatselu
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
Tärkeintä on oppia eikä luovuttaa
Materiaali on hyvä, opittavaa riittää – kaikki parantuaksesi ja tärkeintä on oppia sitä, mitä haluat....
Matteo Comune
Kiitos heille opin paljon…
Kiitos heille opin paljon nopeammin, koska he auttavat ymmärtämään kaiken alusta alkaen. Tämä on paras sivusto, joka tukee IT-taustattomia...
Yuliana Cadavid
Loistava kurssi aloittelijoille
Loistava kurssi aloittelijoille, joka testaa tietosi jokaisella oppitunnilla...
Elpunzon
Nautin Codefinity-kokemuksestani…
Nautin Codefinity-kokemuksesta Pythonin oppimiseen. Itseohjautuva oppimismenetelmä on erinomainen, sillä se mahtuu aikatauluuni...
Alexandru Alexandru
On mukava oppia Codefinityltä
On mukava oppia Codefinityltä. Se on helppoa ja tarjoaa hyviä esimerkkejä opitusta...
jacob Templet
Easy to follow along with and provides…
Helppo seurata ja se tuo haastetta arkeeni. Haaste saa minut haluamaan oppia päivä toisensa jälkeen...
Elan
Codefinity on kattava oppimisväline…
Codefinity on kattava oppimisväline, joka auttaa kehittämään taitojasi ohjelmistoinsinöörinä tai datatieteilijänä. Harjoitukset ovat hauskoja ja erinomainen tapa hioa taitojasi...
Thibault
Ensimmäistä kertaa koodaamista opiskellen
Ensimmäistä kertaa koodaamista opiskellen ja onnistuneesti Codefinityn avulla – kiitos...
Adrien Morel
Hyvin suunniteltu täysin aloittelijoille
Hyvin suunniteltu täysin aloittelijoille, sisältää asteittaista edistystä ja saa minut tuntemaan oloni varmaksi....
_Gracy
se on yksinkertaisesti täydellisesti selitetty
se on yksinkertaisesti täydellisesti selitetty! Tähän mennessä en ole kohdannut vaikeuksia, koska kaikki on niin hyvin järjestetty....
Ruslan Kravchuk
Tärkeintä on oppia eikä luovuttaa
Materiaali on hyvä, opittavaa riittää – kaikki parantuaksesi ja tärkeintä on oppia sitä, mitä haluat....
Matteo Comune
Kiitos heille opin paljon…
Kiitos heille opin paljon nopeammin, koska he auttavat ymmärtämään kaiken alusta alkaen. Tämä on paras sivusto, joka tukee IT-taustattomia...
Yuliana Cadavid
Loistava kurssi aloittelijoille
Loistava kurssi aloittelijoille, joka testaa tietosi jokaisella oppitunnilla...
Elpunzon
Nautin Codefinity-kokemuksestani…
Nautin Codefinity-kokemuksesta Pythonin oppimiseen. Itseohjautuva oppimismenetelmä on erinomainen, sillä se mahtuu aikatauluuni...
Alexandru Alexandru
On mukava oppia Codefinityltä
On mukava oppia Codefinityltä. Se on helppoa ja tarjoaa hyviä esimerkkejä opitusta...
jacob Templet
Easy to follow along with and provides…
Helppo seurata ja se tuo haastetta arkeeni. Haaste saa minut haluamaan oppia päivä toisensa jälkeen...
Elan
Codefinity on kattava oppimisväline…
Codefinity on kattava oppimisväline, joka auttaa kehittämään taitojasi ohjelmistoinsinöörinä tai datatieteilijänä. Harjoitukset ovat hauskoja ja erinomainen tapa hioa taitojasi...
Thibault
Ensimmäistä kertaa koodaamista opiskellen
Ensimmäistä kertaa koodaamista opiskellen ja onnistuneesti Codefinityn avulla – kiitos...
Adrien Morel
Hyvin suunniteltu täysin aloittelijoille
Hyvin suunniteltu täysin aloittelijoille, sisältää asteittaista edistystä ja saa minut tuntemaan oloni varmaksi....
_Gracy
se on yksinkertaisesti täydellisesti selitetty
se on yksinkertaisesti täydellisesti selitetty! Tähän mennessä en ole kohdannut vaikeuksia, koska kaikki on niin hyvin järjestetty....
Data Engineer
Suoritustodistus
Näytä äskettäin hankitut taitosi. Olet ansainnut sen
Discover more
Learning tracks
Vain Ultimate
1 Kurssi
1 Projekti
0 Task
Vain Ultimate
7 Kurssit
345 Tehtävät
Vain Ultimate
5 Kurssit
119 Tehtävät
Vain Ultimate
5 Kurssit
146 Tehtävät
Vain Ultimate
4 Kurssit
115 Tehtävät
Vain Ultimate
6 Kurssit
101 Tehtävät
Vain Ultimate
6 Kurssit
168 Tehtävät
Vain Ultimate
5 Kurssit
135 Tehtävät
Vain Ultimate
2 Kurssit
1 Projekti
57 Tehtävät
Vain Ultimate
7 Kurssit
376 Tehtävät
Vain Ultimate
4 Kurssit
143 Tehtävät
Vain Ultimate
5 Kurssit
180 Tehtävät
Vain Ultimate
5 Kurssit
165 Tehtävät
Vain Ultimate
6 Kurssit
308 Tehtävät
Vain Ultimate
6 Kurssit
252 Tehtävät
Vain Ultimate
8 Kurssit
2 Projektit
176 Tehtävät
Vain Ultimate
2 Kurssit
80 Tehtävät
Vain Ultimate
7 Kurssit
293 Tehtävät
Vain Ultimate
1 Projekti
0 Task
Vain Ultimate
2 Kurssit
21 Tehtävät
Vain Ultimate
5 Kurssit
111 Tehtävät
Vain Ultimate
2 Kurssit
0 Task
Vain Ultimate
3 Kurssit
39 Tehtävät
Vain Ultimate
13 Kurssit
555 Tehtävät
Vain Ultimate
13 Kurssit
555 Tehtävät
Vain Ultimate
1 Kurssi
0 Task
Vain Ultimate
0 Task
Vain Ultimate
5 Kurssit
139 Tehtävät
Vain Ultimate
3 Kurssit
71 Tehtävät
Vain Ultimate
7 Kurssit
282 Tehtävät
Vain Ultimate
5 Kurssit
239 Tehtävät
Vain Ultimate
4 Kurssit
125 Tehtävät
Vain Ultimate
2 Kurssit
33 Tehtävät
Vain Ultimate
1 Kurssi
15 Tehtävät
Vain Ultimate
3 Kurssit
75 Tehtävät
Vain Ultimate
3 Kurssit
31 Tehtävät
Vain Ultimate
2 Kurssit
151 Tehtävät
Vain Ultimate
3 Kurssit
56 Tehtävät
Vain Ultimate
2 Kurssit
1 Projekti
38 Tehtävät
Vain Ultimate
3 Kurssit
36 Tehtävät
Vain Ultimate
2 Kurssit
1 Projekti
38 Tehtävät
Vain Ultimate
5 Kurssit
134 Tehtävät
Learning tracks
polku
TEST TRACK 12
Aloittelija
4.0
(7146)
polku
Full Stack Web Development
Aloittelija
4.5
(58)
polku
Become a React Developer
Keskitaso
4.9
(7)
polku
Mastering Data Visualization
Keskitaso
4.6
(7)
polku
SQL from Zero to Hero
Aloittelija
4.7
(93)
polku
С++ Essentials
Aloittelija
4.4
(17)
polku
Python from Zero to Hero
Aloittelija
4.7
(284)
polku
Supervised Machine Learning
Keskitaso
4.9
(7)
polku
Python Beyond Intermediate
Aloittelija
5.0
(1)
polku
Java Essentials
Aloittelija
4.3
(9)
polku
Game Development with Unity
Aloittelija
4.6
(7)
polku
Become a Django Developer
Edistynyt
4.4
(27)
polku
Flask for Dummies
Keskitaso
4.5
(31)
polku
Frontend Development Foundations
Aloittelija
4.6
(52)
polku
Web Developer from Zero to Hero
Aloittelija
4.6
(56)
polku
Preparation for Data Science
Keskitaso
4.5
(11)
polku
Deep Learning Odyssey
Edistynyt
5.0
(3)
polku
Web Development with C#
Aloittelija
4.8
(98)
polku
TEST E2E TRACK BEGINNER
Aloittelija
polku
Test Track
Begginer
4.7
(3)
polku
Skilled Python BackEnd Developer
Edistynyt
4.7
(261)
polku
Test Recalculate
Aloittelija
polku
Excel Essentials
Aloittelija
4.5
(33)
polku
Full-Stack .NET Developer Journey
Keskitaso
4.8
(129)
polku
Full-Stack .NET Developer Journey
Keskitaso
4.8
(129)
polku
Test track with rating
Edistynyt
4.0
(4)
polku
TEST TEST TRACK
Aloittelija
polku
Data Analyst Foundation
Aloittelija
4.7
(111)
polku
C++ Mastery
Edistynyt
polku
Java Web
Edistynyt
4.5
(30)
polku
Become a QA Engineer
Aloittelija
4.5
(43)
polku
Video Production with Adobe
Aloittelija
polku
Digital Marketing Essentials
Aloittelija
polku
Test image upload track
Aloittelija
polku
Essential Office Skills
Aloittelija
4.6
(24)
polku
GitHub from Zero to Hero
Aloittelija
polku
No-Code Website Development
Aloittelija
polku
C Programming & Low-Level Development
Aloittelija
polku
testes
Aloittelija
4.7
(3)
polku
Test translation track
Keskitaso
polku
Test CMS Track
Aloittelija
4.7
(3)
polku
Python for Data Analysis
Keskitaso
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