Добірка: курси вебдизайну онлайн та офлайн, курси UI UX з нуля 💥
Вебдизайнери працюють над зовнішнім виглядом сайту або програми: малюють логотипи та банери, продумують навігацію на сайті, вирішують, де краще розмістити текст. Хороший дизайнер думає, як зробити зручніше користувачеві, а ще — як досягти цілі бізнесу, наприклад, збільшити продаж на сайті.
Коли ви читаєте щось, пов’язане з вебдизайном, ви можете зустріти згадки про графічний дизайн, UX дизайн та UI дизайн. Розберемося, що це таке.
🔎 Графічний дизайн — це створення візуальних образів. Створення логотипу для сайту, вибір шрифту для упаковки морозива, ілюстрація в журналі — це графічний дизайн.
🔎 UX або user experience дизайн — це проєктування такого інтерфейсу, який покращує враження користувача від взаємодії з продуктом. UX дизайнер вивчає потреби користувачів, продумує кроки відвідувачів на сайті або в додатку та складає технічне завдання для UI дизайнера. Мета UX дизайнера — придумати зрозумілий та зручний інтерфейс.
🔎 UI або user interface дизайн — це візуалізація зрозумілого та зручного інтерфейсу. UI дизайнер відмальовує кнопки, банери, меню, перемикачі та збирає все це в працюючий макет сайту або програми.
UX та UI дизайн так тісно пов’язані, що складно сказати, де закінчується зона відповідальності UX дизайнера та починаються обов’язки UI дизайнера. Через це багато компаній об’єднують дві вузькі спеціальності в один напрямок і шукають одну людину — UX/UI дизайнера.
У статті ми зібрали онлайн-курси вебдизайну, якщо хочете вчитися віддалено, та українські офлайн-школи вебдизайну, якщо хочете навчатися наживо, в своєму місті.
Багато офлайн-школ проводять ті ж самі курси вебдизайну дистанційно, тому заглядайте в обидва розділи.
Онлайн-курси вебдизайну
UX/UI дизайнер сайтів і мобільних застосунків з Alice K
Про що курс: поглиблений курс із вебдизайну сайтів і застосунків від UX/UI дизайнерки з 15-річним досвідом і десятками міжнародних нагород — Alice K. На курсі теорію відпрацьовують на практиці вже з першого заняття, щоб закріпити матеріал та якнайшвидше працевлаштуватися. Кожне домашнє завдання перевіряється особисто авторкою курсу. Також є допомога з працевлаштуванням.
Для кого курс: для новачків та дизайнерів з досвідом.
Програма курсу:
- Інструменти дизайнера: Figma або Adobe XD
- Знайомство з професією, плагіни, типи сайтів
- Композиція і сітки
- Типографіка у вебі
- Основи теорії кольору
- Робота з графікою. Adobe Photoshop, Illustrator
- Надивленість і робота з референсами
- Таблиці, форми, Dashboard
- Все про UX. Дизайн-мислення, дослідження, тестування та психологія користувача
- Інтерактивне прототипування і програми
- Створюємо дизайн для найпопулярніших типів сайтів
- Дизайн застосунків iOS та Android + мобільний дизайн сайтів
- Анімація інтерфейсів
- Фріланс, замовлення, робота з клієнтами та співбесіди
- Резюме та працевлаштування
- + бонусні уроки й особистісний брендинг
Тривалість курсу: від 4 до 12 місяців.
Вартість: 31 900 грн.
Де: онлайн.
Отримайте знання з вебдизайну
та пройдіть курс для дизайнерів:
UI/UX дизайн з нуля від Beetroot Academy
Про що курс: курси вебдизайну онлайн, з акцентом на UI/UX для новачків. Вас навчать малювати скетчі, створювати інтерактивні прототипи та дадуть ази UI. Ви освоїте роботу з модульною сіткою, принципами композиції, типографікою та поєднанням кольорів.
Для кого курс: для новачків.
Програма курсу:
- UX дизайн
- Інструменти дизайнера: Figma та Photoshop
- UI та візуальний дизайн для вебінтерфейсів
- Адаптивний дизайн і прототипування
- Фінальний проєкт
- Персональний бренд і створення портфоліо
Тривалість курсу: 4 місяці.
Вартість: 16 960 грн.
Де: онлайн.
Отримайте базові знання з вебдизайну
та пройдіть курс для новачків:
Web Design Beginning від Projector
Про що курс: практичні онлайн-курси з вебдизайну для новачків. На курсі ви навчитеся працювати з графічним редактором Figma, шукати ідеї для дизайну та малювати макет адаптивного сайту.
Для кого курс: для новачків.
Програма курсу:
- Інструмент
- Сітки
- Типографіка
- Ідеї
- Деталі
- Практичне застосування
- Мобільна версія
- Докази
Тривалість курсу: 2 місяці.
Вартість: 10 450 грн.
Де: онлайн.
Отримайте базові знання з вебдизайну
та пройдіть курс для новачків:
Створюйте сайти вже зараз!
Застосовуйте отримані знання з вебдизайну одразу на практиці, це кращий спосіб чомусь навчитися. Або здобувайте їх в «польових умовах», розробляючи власні дизайни сайтів.
Спробуйте наш хостинг з автовстановлювачем движків і конструктором сайтів: з ними навіть новачок може зробити сайт за кілька годин. Знання коду не знадобиться 🔥
Ви можете створювати сайти для себе чи робити їх на замовлення для інших.
В комплекті до хостингу зручна панель керування, швидкі SSD-диски та розумна цілодобова служба підтримки 💪 А ще його можна тестувати безплатно протягом 30 днів.
UI Design від ITEA
Про що курс: курси web-дизайну, на яких вас навчать створювати кнопки, меню, ефектні переходи, обробляти типографіку та створювати дизайн сайту з нуля. Для курсу потрібно вміти базово працювати з Adobe Photoshop.
Для кого курс: курси для дизайнерів-початківців.
Програма курсу:
- Введення в курс UI
- Технічні вимоги
- Дизайн мислення
- Композиція
- Колір
- Шрифт
- Елементи інтерфейсу та їх стан
- Іконки
- Фотографії та ілюстрації
- Закони та принципи побудови інтерфейсів
- Модульні сітки
- Responsive and Adaptive design
- Анімація інтерфейсу
- Види та підходи до прототипування
- Тестування
- Історія та тренди в web-дизайні
- Презентація робіт
Тривалість курсу: 2 місяці.
Вартість: 10 200 грн.
Де: онлайн.
Отримайте знання з вебдизайну
та пройдіть курс для початківців дизайнерів:
Офлайн-курси вебдизайну
Основи дизайну від Hillel
Про що курс: курси вебдизайну з працевлаштуванням. На курсі вчать працювати з графічними редакторами Figma, Photoshop та Illustrator, розповідають про основи композиції та теорії кольору. У школі проводять майстер-класи з підготовки резюме та пошуку роботи, а також рекомендують кращих студентів компаніям-партнерам.
Для кого курс: для новачків.
Програма курсу:
- Вступ. Що таке дизайн
- Знайомство з Figma
- Теорія кольору
- Типографіка
- Композиція
- Сітки та лейаути
- UI-kit для дизайнера та розробника
- Photoshop
- Illustrator
- Знайомство з цифровими інтерфейсами, базові UX елементи
- UX проєктування
- UX артефакти
- Практика
- Підготовка підсумкового проєкту
Тривалість курсу: 2,5 місяці.
Вартість: 8 200 грн.
Де: онлайн, а також офлайн в Києві, Харкові, Одесі та Дніпрі.
Отримайте базові знання з вебдизайну
та пройдіть курс для новачків:
Курси вебдизайну UX/UI Design (Figma) + Prototyping від Lemon School
Про що курс: вебдизайн з нуля з акцентом на UX/UI. На курсах вчать створювати візуальну частину сайту, працювати з технічним завданням, робити бриф, а також проєктувати зручні інтерфейси. Наголос зроблений на роботі з Figma.
Для кого курс: для новачків.
Програма курсу:
- Розуміння завдання вебдизайну. Смак в дизайні. Що таке добре та що таке погано
- Про робочий процес. Основні навички та інструменти
- Типи сайтів. Сайт-візитка та Landing Page. Корпоративний сайт. Промо-сайт. Інтернет-магазин
- Тренди та стиль в дизайні. Як передати емоцію за допомогою графіки? Як влаштовано сприйняття користувача?
- Розуміння завдання продукту. Етапи роботи над проєктом. Mood board
- Композиція. Сітки
- Введення в типографіку. Шрифтові пари. Верстка тексту
- Колір в дизайні. Теорія базових кольорів. Робота з колірними парами
- Елементи дизайну. Як графіка впливає на користувача. Форми
- Адаптивний та гумовий дизайн
- Іконографіка. Стилі іконок. Створення іконок в Adobe Illustrator
- Брифінг/ТЗ/Дослідження. Інтерв’ю з замовником і технічне завдання. Збір інформації про клієнта. Знайомство з користувачем
- Введення в UX. Портрети користувачів і CJM. Дизайн-мислення
- Мобільні додатки. Дизайн-системи. Android. iOS
- Командна праця. Консистентність інтерфейсу
- Прототипування та тестування додатків. Invision
- Анімація в After Effects. Основи анімації. Мікро-анімація
- Підготовка макета до передачі. Zeplin. Специфікації. Підготовка файлів
- Портфоліо дизайнера та як розвиватися далі
- Захист підсумкового проєкту: мобільний додаток
Це програма курсу в Дніпрі. У Харкові вона відрізняється, дивіться докладніше на сайті. Для онлайн-навчання можете вибрати будь-яку з них.
Тривалість курсу: 2,5 місяці.
Ціна: 7 900 грн. в Дніпрі, 8 200 грн. в Харкові та Києві. В онлайні — мінус 30%.
Де: онлайн, а також офлайн в Харкові, Києві та Дніпрі.
Отримайте базові знання з вебдизайну
та пройдіть курс для новачків:
Web-Design від А до Я від Ukrainian IT School
Про що курс: навчання вебдизайну з нуля. Вас навчать створювати макети адаптивних сайтів і мобільних додатків, працювати з друкованими матеріалами та векторними зображеннями. У програмі є основи роботи з декількома графічними редакторами: Photoshop, Illustrator, Figma і Axure.
Для кого курс: для новачків.
Програма курсу:
- Знайомство з робочим середовищем, основні інструменти для роботи з графікою
- Принципи побудови макетів сайтів
- Посадочні сторінки (landing page), односторінкові сайти
- Інтернет-магазин, адаптивність
- Мобільні додатки
- Векторна графіка
- Формат PDF
Тривалість курсу: 3,5 місяці.
Вартість: 7 800 грн.
Де: офлайн в Харкові, але планується запуск онлайн-курсів — уточнюйте додатково.
Отримайте базові знання з вебдизайну
та пройдіть курс для новачків:
Web Design від A-Level
Про що курс: курси дизайну сайтів і додатків для новачків. У процесі ви навчитеся проєктувати лендінг, інтернет-магазин і зовнішній вигляд мобільного додатка. Також в програмі є курс UI/UX, де вас навчать створювати прості та зручні інтерфейси.
Для кого курс: для новачків.
Програма курсу:
- Основи графічного дизайну
- Розробка брендингу
- Створення landing page
- Дизайн мобільних додатків
- Створення інтернет-магазину (e-commerce)
- Бонус
Тривалість курсу: 6 місяців.
Вартість: 20 000 грн. в Харкові, 22 000 грн. в Києві.
Де: офлайн в Харкові та Києві.
Отримайте базові знання з вебдизайну
та пройдіть курс для новачків:
Web-дизайн UI/UX від SOURCE iT
Про що курс: харківські курси вебдизайну з нуля. За три місяці вас навчать працювати з Photoshop, Illustrator, Figma, Axure, InVision, After Effects, MockFlow — основними інструментами UI/UX дизайнера. Після основного курсу вам розкажуть про самонавчання вебдизайну, щоб далі ви могли розвиватися самостійно.
Для кого курс: для новачків.
Програма курсу:
- Введення в web-дизайн. Композиція, типографіка, теорія кольору
- Знайомство з Adobe Photoshop. Особливості програми, панель інструментів, гарячі клавіші, принципи роботи з шарами, формами. Застосування отриманих навичок на практиці
- Знайомство з Adobe Illustrator. Вивчення інтерфейсу, основних інструментів, принципу роботи. Створення логотипу та іконок
- Створення сайту: принципи та алгоритм. Основна ідея та завдання сайту. Збір відомостей. Бриф, вимоги замовника, аналіз сайтів конкурентів, позначення цільової аудиторії. Ідеї, приклади для сайту, mood board. Структура сайту. Створення варфрейма майбутнього сайту. Відмальовка детального дизайну сайту
- Адаптивність. Правила створення адаптивних сайтів. Відмальовка кінцевого дизайну сайту під мобільний пристрій та планшет
- Знайомство з Figma. Вивчення інструментів, гарячі клавіші, робота з символами. Поняття плагінів і робота з ними
- Основи HTML/CSS. Використання інструменту Inspect. Передача макета на верстку
- Основи UX: генерація ідей, user stories, user flows, mind maps. Вивчення Axure, Balsamiq, MockFlow
- Мобільні додатки: особливості дизайну під мобільні пристрої. Поняття гайдлайнів мобільних ОС. Особливості створення дизайну під різні платформи iOS/Android. Знайомство з UI Kit. Створення мобільного додатка
- Як презентувати проєкт замовнику. Робота з InVision, створення клікабельних прототипів
- Огляд анімації в After Effects
- Створення онлайн-портфоліо на Behance/Dribbble, оформлення робіт
- Життя після курсу: як розвиватися дизайнеру, де брати ідеї? Список літератури та ресурсів для самостійного навчання
Тривалість курсу: 3 місяці.
Вартість: 8 700 грн.
Де: офлайн в Харкові.
Отримайте базові знання з вебдизайну
та пройдіть курс для новачків:
