Track
Сертифікат
Інструменти Дизайну UI/UX
5.0+
★★★★★
★★★★★
4 відгуки
Beginner
Завершивши цей трек, ви здобудете навички проектування інтуїтивно зрозумілих та візуально привабливих веб- та мобільних інтерфейсів за допомогою Figma, застосування основних принципів UI/UX для покращення користувацького досвіду, а також ефективної роботи з Adobe Photoshop та Illustrator для створення високоякісної графіки та елементів дизайну. Ці інструменти та техніки допоможуть створювати професійні, зручні для користувачів цифрові продукти, які залучають та утримують користувачів.
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 з 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.
- Introduction to Adobe Photoshop: Overview and CapabilitiesПопередній перегляд
- Photoshop Key TerminologyПопередній перегляд
- Setting Up a Project in Photoshop: Interface and Document CreationПопередній перегляд
- Customizing Photoshop WorkspaceПопередній перегляд
- Managing Transparency, Importing, and Cropping Images in PhotoshopПопередній перегляд
- Configuring Photoshop PreferencesПопередній перегляд
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.
- Introduction to Selection Tools in PhotoshopПопередній перегляд
- Using the Quick Selection, Lasso, and Other Selection ToolsПопередній перегляд
- Refining Selections in PhotoshopПопередній перегляд
- Mastering Photoshop LayersПопередній перегляд
- Layer Masks & Adjustment Layers in PhotoshopПопередній перегляд
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 ImperfectionsПопередній перегляд
- Using the Liquify Tool: Reshaping and Refining Image DetailsПопередній перегляд
- Adjusting Light and Color with Levels and Curves in PhotoshopПопередній перегляд
- Dodge, Burn, and Sponge Tools: Enhancing Highlights and ShadowsПопередній перегляд
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 PhotoshopПопередній перегляд
- Mastering the Pen ToolПопередній перегляд
- Type Tool for Text & Typography in PhotoshopПопередній перегляд
- Layer Blending Modes, Layer Styles, Filters and Smart FiltersПопередній перегляд
- Color Grading & Enhancement Using Camera Raw FiltersПопередній перегляд
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 ResizingПопередній перегляд
- Working with Artboards, Units, Rulers, Guides, and Grids in PhotoshopПопередній перегляд
- Exporting Images and Managing Metadata for Optimized FilesПопередній перегляд
- Exploring New Photoshop Tools (July 2024 Update)Попередній перегляд
- Final Photoshop Project: Applying Advanced Editing SkillsПопередній перегляд
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
Головне - вчитися і не здаватися
Матеріал хороший, є багато чого вивчити, все для того, щоб стати кращим, і головне - вчитися тому, чого хочете....
Matteo Comune
Завдяки їм я багато чого вчуся…
Завдяки їм я вчуся набагато швидше, тому що вони допомагають зрозуміти все з нуля. Це найкращий сайт, який допомагає людям без досвіду в ІТ...
Yuliana Cadavid
чудовий курс для початківців
чудовий курс для початківців, вони перевіряють ваші знання в кожному уроці...
Elpunzon
Я насолоджуюся своїм досвідом з Codefinity…
Я насолоджуюся своїм досвідом з Codefinity, вивчаючи Python. Самостійний спосіб навчання чудовий, тому що я можу вписати його у свій графік...
Alexandru Alexandru
Приємно вчитися з Codefinity
Приємно вчитися з Codefinity. Це легко і є хороші приклади того, що я тут вивчив...
jacob Templet
Easy to follow along with and provides…
Легко слідувати і надає виклик у моєму повсякденному житті. Виклик змушує мене хотіти вчитися день за днем...
Elan
Codefinity - це всебічне навчання…
Codefinity - це всебічний навчальний інструмент, який допоможе вам розвивати свої навички як інженера-програміста або науковця з даних. Вправи веселі і є хорошим способом відточити свої навички...
Thibault
Вперше вчуся кодувати
Вперше вчуся кодувати і успішно роблю це з Codefinity - дякую...
Adrien Morel
Добре спроектовано для повних початківців
Добре спроектовано для повних початківців, поступовий прогрес і змушує мене почуватися впевнено....
_Gracy
це просто ідеально пояснено
це просто ідеально пояснено! досі я не відчував жодних труднощів, тому що все так добре організовано...
Ruslan Kravchuk
Головне - вчитися і не здаватися
Матеріал хороший, є багато чого вивчити, все для того, щоб стати кращим, і головне - вчитися тому, чого хочете....
Matteo Comune
Завдяки їм я багато чого вчуся…
Завдяки їм я вчуся набагато швидше, тому що вони допомагають зрозуміти все з нуля. Це найкращий сайт, який допомагає людям без досвіду в ІТ...
Yuliana Cadavid
чудовий курс для початківців
чудовий курс для початківців, вони перевіряють ваші знання в кожному уроці...
Elpunzon
Я насолоджуюся своїм досвідом з Codefinity…
Я насолоджуюся своїм досвідом з Codefinity, вивчаючи Python. Самостійний спосіб навчання чудовий, тому що я можу вписати його у свій графік...
Alexandru Alexandru
Приємно вчитися з Codefinity
Приємно вчитися з Codefinity. Це легко і є хороші приклади того, що я тут вивчив...
jacob Templet
Easy to follow along with and provides…
Легко слідувати і надає виклик у моєму повсякденному житті. Виклик змушує мене хотіти вчитися день за днем...
Elan
Codefinity - це всебічне навчання…
Codefinity - це всебічний навчальний інструмент, який допоможе вам розвивати свої навички як інженера-програміста або науковця з даних. Вправи веселі і є хорошим способом відточити свої навички...
Thibault
Вперше вчуся кодувати
Вперше вчуся кодувати і успішно роблю це з Codefinity - дякую...
Adrien Morel
Добре спроектовано для повних початківців
Добре спроектовано для повних початківців, поступовий прогрес і змушує мене почуватися впевнено....
_Gracy
це просто ідеально пояснено
це просто ідеально пояснено! досі я не відчував жодних труднощів, тому що все так добре організовано...
Data Engineer
Сертифікат про завершення
Покажіть свої нові навички. Ви це заслужили
Discover more
Learning tracks
Лише для Ultimate
7 Курсів
293 Завдань
Лише для Ultimate
6 Курсів
169 Завдань
Лише для Ultimate
4 Курсів
115 Завдань
Лише для Ultimate
6 Курсів
101 Завдань
Лише для Ultimate
4 Курсів
143 Завдань
Лише для Ultimate
5 Курсів
119 Завдань
Лише для Ultimate
3 Курсів
39 Завдань
Лише для Ultimate
7 Курсів
376 Завдань
Лише для Ultimate
2 Курсів
1 Проєкт
57 Завдань
Лише для Ultimate
7 Курсів
346 Завдань
Лише для Ultimate
6 Курсів
309 Завдань
Лише для Ultimate
5 Курсів
146 Завдань
Лише для Ultimate
5 Курсів
135 Завдань
Лише для Ultimate
3 Курсів
71 Завдань
Лише для Ultimate
6 Курсів
239 Завдань
Лише для Ultimate
5 Курсів
239 Завдань
Лише для Ultimate
4 Курсів
125 Завдань
Лише для Ultimate
3 Курсів
75 Завдань
Learning tracks
трек
Веб-Розробка з C#
Базовий
4.8
(2355)
трек
Python з Нуля до Героя
Базовий
4.7
(8334)
трек
SQL з Нуля до Героя
Базовий
4.7
(2591)
трек
С++ для Початківців
Базовий
4.5
(483)
трек
Розробка Ігор з Unity
Базовий
4.7
(72)
трек
Станьте React Розробником
Середній
4.7
(66)
трек
Основи Excel
Базовий
4.7
(302)
трек
Основи Java
Базовий
4.7
(197)
трек
Python Понад Середній Рівень
Базовий
4.6
(66)
трек
Full Stack Веб Розробка
Базовий
4.7
(852)
трек
Основи Frontend Розробки
Базовий
4.7
(823)
трек
Аналіз та Візуалізація Даних на Python
Середній
4.7
(565)
трек
Основи Machine Learning
Середній
4.6
(124)
трек
C++ Mastery
Просунутий
4.8
(16)
трек
Java Web
Просунутий
4.7
(1160)
трек
Стати Інженером QA
Базовий
4.7
(716)
трек
Video Production With Adobe
Базовий
5.0
(5)
трек
Essential Office Skills
Базовий
4.8
(240)
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