Track

Сертифікат

Інструменти Дизайну UI/UX

4.6+

★★★★★

11 відгуки

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 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

126 chapters
13 hours
161 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

Ознайомлення з навігацією у Photoshop, створенням нових проєктів, налаштуванням робочого простору та знайомством із програмним забезпеченням.

Опановуйте техніки виділення у Photoshop, розумійте принципи роботи шарів та використання масок шарів як першого кроку до створення креативних зображень.

Дізнайтеся, як видаляти небажані об'єкти або відволікаючі елементи з ваших зображень незалежно від їхнього розміру, змінювати зовнішній вигляд окремих об'єктів, а також коригувати освітлення та кольори зображення.

Готові зануритися глибше у світ мистецтва Photoshop? У цьому розділі ви дізнаєтеся більше про кольори, теорію кольору, різні типи пензлів і візерунків, створення градієнтів та інше!

Тепер, коли ми ознайомилися з основами роботи у Photoshop, настав час проявити креативність і створити візуальні матеріали.

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

Module 3 / Повний гід по Adobe Illustrator

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

Почнемо глибше вивчати Illustrator та зрозуміємо різницю між растровими зображеннями й векторною графікою, що стане відправною точкою для створення та керування об'єктами й фігурами.

Готові зануритися глибше у світ мистецтва Illustrator? У цьому розділі ви дізнаєтеся більше про маніпулювання фігурами, теорію кольору, створення градієнтів та інше!

Настав час навчитися створювати будь-які ілюстрації з нуля та розфарбовувати їх.

Тепер, коли ми ознайомилися з основами, настав час реалізувати свій творчий потенціал.

Підсумуємо все, про що говорили, дізнаємося, як вдосконалювати ілюстрації, як їх презентувати та експортувати ресурси.

Module 4 / Основи Дизайну

Дослідження значення дизайну, його важливості та впливу на комунікацію й розв'язання проблем. Аналіз різних типів дизайну, що формують досвід у різних сферах — від цифрових продуктів до друкованих матеріалів. Визначення ролі досліджень у спрямуванні творчих рішень і забезпеченні ефективного задоволення потреб користувачів.

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

Опанування основних складових ефективного дизайну. Вивчення акценту, балансу, контрасту, повторення та пропорцій для створення гармонії та чіткості. Аналіз ритму, руху, патерну та ієрархії для спрямування уваги, а також ролі білого простору та різноманіття для забезпечення простору та динаміки. Дослідження єдності як елемента, що об'єднує всі складові для досягнення впливу.

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

Дослідження мови та систем кольорів, включаючи RGB, CMYK і Pantone. Вивчення теорії кольору та гармонії для створення візуально збалансованих робіт. Аналіз впливу контрасту на читабельність, визначення ролі колірних просторів у забезпеченні послідовності між медіа. Огляд впливу психології кольору на емоції, брендинг і сприйняття.

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…

Alexandru Alexandru

Приємно вчитися з Codefinity

Приємно вчитися з Codefinity. Це легко і є хороші приклади того, що я тут вивчив...

jacob Templet

Easy to follow along with and provides…

Легко слідувати і надає виклик у моєму повсякденному житті. Виклик змушує мене хотіти вчитися день за днем...

Elan

Codefinity - це всебічне навчання…

Thibault

Вперше вчуся кодувати

Вперше вчуся кодувати і успішно роблю це з Codefinity - дякую...

Adrien Morel

Добре спроектовано для повних початківців

Добре спроектовано для повних початківців, поступовий прогрес і змушує мене почуватися впевнено....

_Gracy

це просто ідеально пояснено

це просто ідеально пояснено! досі я не відчував жодних труднощів, тому що все так добре організовано...

Data Engineer

Сертифікат про завершення

Покажіть свої нові навички. Ви це заслужили

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

Веб-Розробка з C#

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

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

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

Розробка Ігор з Unity

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

Основи Excel

Основи Java

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

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

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

Майстерність у машинному навчанні

C++ Mastery

Java Web

Стати Інженером QA

Video Production With Adobe

Essential Office Skills

Digital Marketing Essentials

Complete Social Media Management

Business AI Toolkit

Розробка Вебсайтів Без Коду

Одіссея глибинного навчання

Ready to get started?