Track

Certificate

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 Teams

What 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 з Figma

Дізнайтеся, що таке Figma, яку роль вона відіграє в UI/UX дизайні, та як орієнтуватися в її інтерфейсі та інструментах. Досліджуйте дошку FigJam для мозкового штурму та співпраці, а також сторінки та фрейми в Figma, які формують основу для ефективної організації та структурування ваших дизайнів.

Дізнайтеся, як шари у Figma допомагають організувати ваш дизайн, досліджуйте, як згруповані форми допомагають створювати вражаючі візуальні ефекти, та навчіться красиво стилізувати текст за допомогою інструментів типографіки.

Навчіться розміщувати фотографії та відео, використовувати маски та застосовувати режими змішування для динамічних дизайнів. Опануйте кольори, градієнти, кнопки, автоматичні макети, компоненти та стилі. Розкрийте потенціал плагінів та віджетів, щоб підвищити свою креативність та оптимізувати робочий процес.

Досліджуйте колонки, сітки, плагіни та структуру компонентів батько-дитина, щоб оптимізувати ваш процес дизайну.

Розробляйте низькодеталізовані каркаси, створюйте інтерактивні прототипи, анімуйте дизайни та ефективно презентуйте роботу клієнтам.

Module 2 / Adobe Photoshop Mastering

Learn how to navigate Photoshop, create new projects, customize workspace, and get familiar with the software.

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.

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

The main thing is to learn and not give up

The material is good, there is a lot to learn, all in order to become better and the main thing is to learn what you want....

Matteo Comune

Thanks to them I'm learning a lot…

Thanks to them I'm learning a lot faster because they help you to understand everything from scratch. It's the best website that helps people with no background in IT...

Yuliana Cadavid

great course for beginners

great course for beginners, they test your knowledge in every lesson...

Elpunzon

I am enjoying my Codefinity experience…

I am enjoying my Codefinity experience learning Python. The self-paced way of learning is great because I can fit it into my schedule...

Alexandru Alexandru

Is nice to learn from codefinity

Is nice to learn from codefinity. Its easy and have good examples on what I learned here...

jacob Templet

Easy to follow along with and provides…

Easy to follow along with and provides challenge in my every day life. The challenge keeps me wanting to learn day after day...

Elan

Codefinity is a comprehensive learning…

Codefinity is a comprehensive learning tool to help you develop your skills as a software engineer or data scientist. The exercises are fun and a good way to sharpen your skills...

Thibault

First time learning how to code

First time learning how to code and successfully doing so with codefinity - thank you...

Adrien Morel

Well designed for total beginners

Well designed for total beginners, incremental progress and makes me feel confident....

_Gracy

it's simply perfectly well explained

it's simply perfectly well explained! so far I have not experienced any difficulty because everything is so well managed...

Ruslan Kravchuk

The main thing is to learn and not give up

The material is good, there is a lot to learn, all in order to become better and the main thing is to learn what you want....

Matteo Comune

Thanks to them I'm learning a lot…

Thanks to them I'm learning a lot faster because they help you to understand everything from scratch. It's the best website that helps people with no background in IT...

Yuliana Cadavid

great course for beginners

great course for beginners, they test your knowledge in every lesson...

Elpunzon

I am enjoying my Codefinity experience…

I am enjoying my Codefinity experience learning Python. The self-paced way of learning is great because I can fit it into my schedule...

Alexandru Alexandru

Is nice to learn from codefinity

Is nice to learn from codefinity. Its easy and have good examples on what I learned here...

jacob Templet

Easy to follow along with and provides…

Easy to follow along with and provides challenge in my every day life. The challenge keeps me wanting to learn day after day...

Elan

Codefinity is a comprehensive learning…

Codefinity is a comprehensive learning tool to help you develop your skills as a software engineer or data scientist. The exercises are fun and a good way to sharpen your skills...

Thibault

First time learning how to code

First time learning how to code and successfully doing so with codefinity - thank you...

Adrien Morel

Well designed for total beginners

Well designed for total beginners, incremental progress and makes me feel confident....

_Gracy

it's simply perfectly well explained

it's simply perfectly well explained! so far I have not experienced any difficulty because everything is so well managed...

Data Engineer

Certificate of Completion

Showcase your newly acquired skills. You've earned it

Discover more
Learning tracks

	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

UI/UX Design Tools

TEST TRACK 12

Full Stack Веб Розробка

Станьте React Розробником

Аналіз та Візуалізація Даних на Python

SQL з Нуля до Героя

С++ для Початківців

Python з Нуля до Героя

Основи Machine Learning

Python Beyond Intermediate

Основи Java

Game Development with Unity

Become a Django Developer

Flask for Dummies

Основи Frontend Розробки

Web Developer from Zero to Hero

Preparation for Data Science

Deep Learning Odyssey

Web Development with C#

TEST E2E TRACK BEGINNER

Test Track

Skilled Python BackEnd Developer

Test Recalculate

Excel Essentials

Full-Stack .NET Developer Journey

Full-Stack .NET Developer Journey

Test track with rating

TEST TEST TRACK

Data Analyst Foundation

C++ Mastery

Java Web

Become a QA Engineer

Video Production with Adobe

Digital Marketing Essentials

Test image upload track

Essential Office Skills

GitHub from Zero to Hero

No-Code Website Development

C Programming & Low-Level Development

Ready to get started?