Якщо у Вас виникло відчуття, що курси відмінні, значить Вам нема з чим порівняти. Пишу цей відгук після проходження цього ж курсу в іншій школі і вже маючи досвід роботи в даній сфері.
Проходила курс з UX/UI дизайну влітку 2022. Вартість на той момент була 11 тис грн (300 $) за 3 місяці. Повна трата часу та грошей. Дуже слабке викладання, мало практики, дуже багато води, або все дуже швидко. Один урок можна було слухати розповідь про один з термінів, який використовують у роботі, все те ж, можна знайти в інтернеті абсолютно безкоштовно. На наступному занятті буде 100 термінів та 0 пояснень. Більше того, приготуйтеся, що після уроку у Вас буде ще більше питань, ніж до початку курсу. Тому що, на занятті о 2.5 годині викладач читатиме все з презентації (яку ви, вміючи читати, можете подужати самостійно). Практичні заняття все робилися самостійно, оскільки це було а-ля домашнє завдання. Ах так, ставлення до д.з. дуже недбале, все можна було здати на перевірку, практично, одним днем перед закінченням курсу))))) Більше того, на відгук від ментора/викладача щодо Ваших самостійно виконаних робіт (мається на увазі після заняття або до), можна не розраховувати, відповідь буде один і той же "приходьте на заняття там все подивимося".
Так як, все навчання проходить практично самостійно (а гроші були оплачені, мабуть тому що в той момент я їх вважала зайвими ....), спасибі, виробилася дисципліна і змінилося ставлення до непередбачених витрат.
Вже маючи роботу та досвід проходження співбесіди, ніхто ще не запитав, що означає цей термін чи той. Всіх цікавлять ваші знання на практиці, тому дуже старанно працюйте на портфоліо. А те, як Ви це називаєте, здебільшого потрібно лише Вам.
Підсумок: школу не рекомендую, є багато інших з відмінними викладачами та класною, а головне цікавою, системою навчання.... хіба що ви займаєтеся благодійністю і Вам нема куди подіти кошти.
Курсы Web Design / UI/UX
- 2D Artist / 2D Illustrator / Graphic Designer
- Web & Mobile Design / UI/UX
- Prompt Engineering / ChatGPT
Ви познайомитеся з можливостями нейромережі Midjourney та зрозумієте, як досягти від штучного інтелекту потрібного результату.
Програма курсу
Налаштування мережі Midjourney
- Що таке Midjourney та як вона може допомагати дизайнеру
- Реєстрація в Discord та Midjourney
- Генерація картинок і корисні команди
- Галарея Midjourney
- Платні пакети Midjourney
Як налаштувати потрібний Prompt
- Що таке промпт
- Як налаштувати промпт, що дасть потрібний результат
- Маркери промпту
- Розділення маркерів
- Сервіси для генерації промптів
Стилі
- Що таке стилі та як створювати генерації в різних стилях
- Де надихнутися стилями
- Стиль аніме, фотореалізму та інші
- Нейромережі та авторські права
Команди
- Що таке команди та як вони можуть пришвидшити роботу з Midjourney
- Марні команди
- Корисні команди
- Корисні функції
- Як довести генерації до ідеалу
Midjourney у взаємодії з іншими нейромережами
Аналоги та замінники Midjourney:
- DALL-E, Leonardo, Kandinsky, Stable Diffusion
- Нейромережі для генерації відео, звуку, тексту
- Дипфейки в Midjourney
- Adobe Firefly та Drag You GAN
Після проходження курсу ви зможете:
- Налаштовувати підсказки (промпти)
- Генерувати зображення в Midjourney
- Створення генерації в різних стилях
- Пришвидшувати роботу з нейромережами
- Покращувати якість генерації
- Розумітися на альтернативах Midjourney
Особливості курсу
- Стартуй у будь-який момент та навчайся у власному темпі
- Практичні модулі
- Перевірка домашніх робіт
- Додаткові матеріали
- Цифровий сертифікат після проходження курсу
- Підтримка від спільноти студентів
- Служба підтримки CASES
Викладачі курсу
Володимир Чернер - CEO New Strategies Group
Подать заявку- 2D Artist / 2D Illustrator / Graphic Designer
- Web & Mobile Design / UI/UX
Ви дізнаєтеся, які навички потрібно зазначати в портфоліо, як оформлювати кейси, де шукати перші замовлення та як будувати особистий бренд.
Програма курсу
Що таке портфоліо
В цьому модулі з'ясуємо, що таке портфоліо і які обов'язкові складники воно містить.
Універсальні та спеціальні навички
Поговоримо про різницю між спеціальними та універсальними навичками та дізнаємося, як саме про них розповідати в портфоліо.
Страх порожнього аркуша та перші роботи в портфоліо
Дізнаємося, як побороти страх порожнього аркуша і почати наповнювати портфоліо першими роботами.
Замовники, їхні різновиди та галузі, принцип Парето
Розберемося з тим, як замовники та галузі їхньої діяльності впливають на портфоліо та чому їх слід сприймати як окремий актив.
Контракти, продажі та ціноутворення
З'ясуємо, які бувають види контрактів та як правильно укладати такі документи.
Команда, партнери та нетворкінг
Дослідимо питання побудови команди та ефективної співпраці з колегами за проєктом.
Конкурси, нагороди та відзнаки
Поговоримо про професійні нагороди, їхнє значення та методи здобування.
Персональний бренд та PR
З'ясуємо, що впливає на репутацію фахівця та як розвивати особистий бренд.
Як додавати роботи до портфоліо
В завершальному модулі торкнемося теми кейсів - ви дізнаєтеся, як оформлювати та подавати кейси, аби вони привертали увагу клієнтів.
Після проходження курсу ви зможете:
- Ефективно наповнювати портфоліо
- Укладати контракти з клієнтами
- Шукати перші замовлення
- Оформлювати кейси
- Будувати особистий бренд
- Розвивати та просувати портфоліо
Особливості курсу
- Стартуй у будь-який час і навчайся у власному темпі
- Теоретичні модулі
- Додаткові матеріали
- Цифровий сертифікат після проходження курсу
- Підтримка від спільноти студентів
- Служба підтримки CASES
Викладачі курсу
Анатолій Попель - Засновник та керівник платформи Creative Practice
Подать заявку- Web & Mobile Design / UI/UX
Ви познайомитеся з анатомією вебсайтів, ключовими принципами зручності та адаптивності, й розробите власний прототип посадкової сторінки.
Програма курсу
Огляд галузі вебдизайну
- Вступ у поняття вебдизайну
- Історія виникнення інтернету
- Історія розвитку вебдизайну
- Типи вебсайтів
- Типи фахівців та організацій, що працюють з сайтами
Анатомія вебсайтів
- Текстові елементи
- Списки у вебсайтах
- Форми
- Навігація
- Інтерактивні елементи
Кросплатформність вебсайтів
- Адаптивний дизайн
- Відмінності та настільні версії сайтів
- Стратегії розробки вебсайту
Ключові принципи зручності вебсайтів
- Головне про зручність
- Закони композиції та закони гештальту в вебдизайні
- Відгук вебсайтів
- Принципи зручності у роботі з текстами
- Принципи зручності у роботі з кольором
Базові елементи вебсайту
Створення простого набору інтерфейсних елементів вебсайтів (UI Kit).
Форма замовлення для вебсайту
Створення форми замовлення з декількох кроків, екрану кошика та листа.
Адаптивний головний екран та меню
Створення 7 версій екрана посадкової сторінки для різних пристроїв.
Макет посадкової сторінки
Створення настільного та мобільного представлення посадкової сторінки.
Інтерактивний прототип
Створення інтерактивного прототипу з викликом модальних вікон та покроковим замовленням.
Після проходження курсу ви зможете:
- Розумітися на анатомії вебсайтів
- Розробляти прості інтерфейсні елементи
- Створювати адаптивний дизайн
- Використовувати принципи зручності вебсайтів
- Розробляти макети посадкової сторінки
- Створювати інтерактивні прототипи
Особливості курсу
- Починай навчання будь-коли і вчись у власному темпі
- Перевірка домашніх робіт
- Підтримка від спільноти студентів
- Служба підтримки CASES
- Цифровий сертифікат після проходження курсу
- Web & Mobile Design / UI/UX
Навчіться створювати дизайн-систему у Figma з нуля та познайомтесь з інтерфейсними комплектами Google, Apple, Microsoft тощо. Ви дізнаєтесь, з чого складається дизайн-система в Figma, як її організовувати, як працювати з кожною з її типових складових і що необхідно врахувати, аби зробити роботу команди з дизайн-проєктом комфортною.
Програма курсу
Огляд дизайн-системи у Figma
Огляд дизайн-систем, їхніх прикладів та переліку обов'язкових компонентів, які має містити в собі інтерфейсний комплект (UI Kit).
Сітки у дизайн-системах
Знайомство з сітками у дизайн-системах: якими бувають сітки, чим вони можуть допомогти в дизайні та що слід враховувати під час їхньої розробки.
Типографія у дизайн-системах
Типографія в дизайн-системі та ключові питання цієї теми: як створювати стилі текстів, що потрібно враховувати під час підбору шрифтів і як взагалі має бути оформлена ділянка про типографію.
Колірні палітри у дизайн-системах
Як добирати кольори, створювати колірні схеми й організовувати кольори у вигляді стилів.
Інтерактивні компоненти у дизайн-системах
Робота з інтерактивними компонентами в дизайн-системах.
Після проходження курсу ви зможете:
- Працювати з дизайн-системами
- Створювати сітки в дизайн-проєктах
- Створювати текстові стилі
- Добирати та організовувати кольори
- Працювати з компонентами
- Використовувати дизайн-токени
Особливості курсу
- Стартуй будь-коли і навчайся у власному темпі
- Теоретичні і практичні модулі
- Перевірка домашніх робіт
- Додаткові матеріали
- Цифровий сертифікат після проходження курсу
- Підтримка від спільноти студентів
- Служба підтримки CASES
Викладачі курсу
Євген Ігнатюк - Провідний дизайнер CASES та Креативної Практики
Подать заявку- Web & Mobile Design / UI/UX
Опануйте авторозмітки у Figma та навчіться забезпечувати більш гнучку та адаптивну верстку.
Програма курсу
Сутність авторозмітки та її базові параметри
- Вступ до курсу
- Головне про авторозмітки у Figma
- Способи створення авторозміток
- Напрямленість елементів авторозмітки
- Внутрішні та зовнішні відступи
Способи вирівнювання елементів
- Вирівнювання елементів
- Розмірності елементів в авторозмітках
Додаткові властивості авторозміток
- Мінімальні та максимальні розміри авторозміток
- Абсолютне позиціонування
- Інші додаткові властивості авторозміток
Робота з базовими властивостями
- Робота з базовими властивостями
- Способи створення авторозміток
- Напрямленість елементів авторозмітки
- Внутрішні та зовнішні відступи
Робота із розмірностями та вирівнюваннями
- Робота із розмірностями та вирівнюваннями
- Вирівнювання елементів
- Розмірності елементів в авторозмітках
Робота з додатковими властивостями
- Робота з додатковими властивостями
- Мінімальні та максимальні розміри авторозміток
- Абсолютне позиціонування
- Інші додаткові властивості авторозміток
Після курсу ти зможеш
- Створювати та налаштовувати авторозмітки
- Коректно вирівнювати комбінації елементів
- Підбирати правильну розмірність елементів
- Забезпечувати гнучку верстку
- Забезпечувати адаптивне оформлення елементів
- Використовувати додаткові властивості авторозміток
Особливості курсу
- Перевірка домашніх робіт
- Отримання сертифіката
- Теорія та практика
- Підтримка спільноти студентів
- Додаткові матеріали
- Служба підтримки Cases
Викладачі курсу
Євген Ігнатюк - провідний дизайнер Cases та Креативної Практики
Подать заявку- Web & Mobile Design / UI/UX
Курс побудований в формі марафону. Ми разом вивчимо графічний редактор Figma, ти отримаєш круті навички. В результаті курсу в тебе буде готовий власний дизайн-проєкт.
Програма курсу
Історія та тренди в Web-дизайні
На цьому воркшопі ми дізнаємось про перші сайти, напрямки в Web-дизайні:
- Скевоморфізм
- Плоский дизайн (Flat)
- Material design (Google)
- Fluent Design (Microsoft)
- IBM Design Language
Основи композиції
На цьому воркшопі ви дізнаєтесь про закон близькості об'єктів. Ми з вами навчимось розрізняти ритм, статику і динаміку. Будемо вміти правильно розставляти об'єкти, зрозуміємо, що таке візуальна ієрархія. Розберемося з поняттями форма і контр форма, перспектива і простір.
Золотий перетин
На цьому воркшопі ви дізнаєтесь що таке ідеальні пропорції, золотий перетин, числа Фібоначчі, ми детально розберемо правило третин, і займемось пошуком та підбором ідеальних пропорцій.
Світло, побудова тіней
На цьому воркшопі ви дізнаєтесь про побудову тіней, звідки і як падає світло, де тінь, напівтінь, блік для правильної побудови об'єкту в 3D вимірі. І все це спробуємо на проктиці.
Основи типографіки
На цьому воркшопі ви дізнаєтесь про класифікацію шрифтів та область їх застосування, параметри шрифтів, заголовки, підзаголовки, абзаци, текст, шрифтові пари. Де ті шрифти шукати і скачувати.
Іконки
На цьому воркшопі ви дізнаєтесь про розробку іконок, спрощення об'єктів, стилі іконок. Де шукати і як підбирати іконки.
Кольори
На цьому воркшопі ви дізнаєтесь про роботу з колірним колом, психофізіологію кольору в дизайні, і як колір впливає на людину, її сприйняття. Покажемо лайфхаки і інструменти по підбору колірних схем.
Етапи розробки
На цьому воркшопі ви дізнаєтесь про етапи розробки сайту, пошук потрібного котенту, натхнення, пошук ідей.
Принципи побудови інтерфейсів
На цьому воркшопі ви дізнаєтесь про принципи побудови інтерфейсів. Що таке візуальна ієрархія сайту? Закон близькості. Розстановка пріорітетів та акцентів на сторінках. F- і Z- патерни.
Прототипування
На цьому воркшопі ви дізнаєтесь про види та підходи до прототипування:
- Скетчінг
- Варфреймінг
- Інтерактивне прототипування
Огляд основних інструментів Figma. Частина 1
На цьому воркшопі ви дізнаєтесь про інтерфейс і основні налаштування Figma. Фрейм і сітка. Базові фігури. Інструмент перо, вчимося працювати з кривими Безьє. Групування і упорядкування шарів.
Огляд основних інструментів Figma. Частина 2
На цьому воркшопі ви дізнаєтесь про робота з контентом. Boolean Groups і Маски. Вирівнювання і відступи. Auto Layout. Робота з кольором і різними типами заливки. Ефекти. Як поділитися проєктом Figma?
Створення головного екрану
На цьому воркшопі ви дізнаєтесь про те, які основні елементи головного екрану, що таке навігація, футер, хедер, кнопка, заклик до дії.
Створення лендінгу
Захист проєкту
Особливості курсу
- Можлива оплата курсу частинами
- Підтримка ментора
- Повна комунікація з тренером та одногрупниками
- Сертифікат після здачі іспиту і фінального проєкту
- Інноваційний підхід до колективного навчання
Викладачі курсу
Влад Копач - Middle Product Designer
Подать заявку- Web & Mobile Design / UI/UX
Протягом курсу ми разом поглиблено вивчимо графічний редактор Figma, зрозуміємо, що таке UI та UX. В результаті курсу в тебе буде власний крутий проєкт.
Програма курсу
Огляд крутих інструментів Figma
- Дизайн-система: стилі кольору, стилі тексту, компоненти
- Корисні плагіни
- Як лінкувати
- Створюємо клікабельний прототип
- Overflow Behavior
Дизайн мислення
- Створення настрою проєкту (Moodboard)
- Скетчбук
- Натхнення
- Генерація креативних ідей
Шрифт
- Web-типографіка
- Візуальні елементи публікації
- Підбір шрифтів та шрифтові пари
- Інструменти підбору Web-шрифтів
Елементи інтерфейсу та їх стан
- Елементи форми
- Елементи навігації
- Інформаційні елементи
- Прелоадери
Іконки
- Стилі іконок
- Стилеутворюючі елементи
- Формати та стандартні розміри іконок
- Анімація іконок
- Фавіконки та сервіси для створення фавіконок
- Сервіси для підбору іконок
Фотографії та ілюстрації
- Формати зображень для сайту
- Розміри фотографій
- Зберігання та оптимізація зображень
Модульні сітки
- 8pt сітка
- Горизонтальний ритм
- Вертикальний ритм
- Модульная сітка Bootstrap
- Нестандартні модульні сітки
Responsive and Adaptive design
- Mobile first/Desktop first підходи
- Мобільні версії сайту vs Адаптивний дизайн
- Підготовка макету для adaptive/responsive сайтів
- Правила підготовки макетів та зображень для Retina дисплеїв
Анімація інтерфейсу
- Анімація інтерфейсу
- Анімація ілюстрацій та іконок
- Популярні інструменти та сервіси
Велика практика
- Пошук і аналіз референсів для інтернет-магазину. Вибір тематики
- Структура інтернет-магазину
- Прототипування
- Підбір контенту
- Проектування
- Аналіз
- Внесення правок
Захист проєкту
Особливості курсу
- Можлива оплата курсу частинами
- Підтримка ментора
- Повна комунікація з тренером та одногрупниками
- Сертифікат після здачі іспиту та фінального проєкту
- Інноваційний підхід до колективного навчання
Викладачі курсу
Влад Копач - Middle Product Designer
Подать заявку- Web & Mobile Design / UI/UX
Освоїш основи композиції та кольорознавства - обов'язкові знання для UI/UX дизайнерів. Навчишся створювати інтерактивні і привабливі веб-сайтів, з урахуванням цільової аудиторії. Дізнаєшся, як зіставляти аналітичні дані та формувати гіпотези щодо підвищення ефективності проєктів. Опануєш фішки презентування проєкту замовнику.
Програма курсу
UI
- Типографіка - ознайомлення з анатомією тексту
- Композиція - основи композиції та правила розміщення
- Модульні сітки - анатомія сітки та підвиди сіток
- Адаптивний дизайн - розглянемо види адаптивних макетів, зрозуміємо що таке брейкпойнт та навіщо він потрібен
- Колір - знайомство з фізикою та теорією кольору
- Навігація - знайомство з видами та принципами навігації продукту
- Іконографіка - розберемось чому іконка це один з найважливіших способів подачі інформації
- Організація робочих процесів - розберемось чому на стільки важливо правильно організовувати файлову систему
UX
- Брифінг та ТЗ - про те як правильно зрозуміти задачу від замовника, сформувати бріфи і не загубитись в ТЗ
- Зустріч з замовником - зустрінемось з замовником, отримаємо ТЗ на курсовий проєкт, будемо використовувати теоретичні знання на практиці
- Research workshop - розберемось з основними етапами попереднього дослідження
- Customer Journey Map - розберемо що таке CJM та вивчимо основні етапи її розробки
- Sketch and Prototype - генерація ідей і рішень для курсового проєкту
- User Test workshop - розберемо основні задачі тестування продукту
- Usability Review - розберемось в якісних компонентах юзабіліті і евристиках
Особливості курсу
- Portfolio Review - на заняттях ти створиш професійне портфоліо, яке буде оцінено експертами у сфері веб-дизайну наприкінці курсу
- Коучинг з працевлаштування - ти отримаєш кейс корисних порад щодо працевлаштування та навчишся скорочувати час пошуку роботи до тижнів
- Викладачі практики - в нас немає теоретиків, навчання проводять практикуючі спеціалісти з топових IT компаній. Тільки реальний досвід і корисні знання
- Web & Mobile Design / UI/UX
Ви комплексно засвоїте навичку створення дизайну сайтів та лендінгів, підкріплену грошима, заробленими вже під час навчання. У вас буде зрозумілий шлях розвитку Web-дизайнера в 5 років з нуля до 1500$ в місяць на Web-дизайні працюючи віддалено.
Програма курсу
Модуль 1 - Основи Web-дизайну. Введення в професію
Заняття 1. Вступне заняття
- Познайомились з програмою, командою, платформою та правилами навчання
- Розібрались з методологією навчання в Atom (Soft+Hard+Mindfulness)
- Зрозуміли як прийти до результату на кожному етапі навчання та після нього
- Сформована ціль, точка А, точка Б та артефакт
Заняття 2. Основи web-дизайну
- Дізналися що таке вебдизайн та які задачі він вирішує, як саме формувався вебдизайн, що таке Web 1.0, Web 2.0, Web 3.0
- Зрозуміли хто такий Junior Web-designer, якими Hard та Soft skills має володіти для першого заробітку
- Розібрали як відбувається процес створення вебдизайну та з якими фахівцями вебдизайнер працює в команді
- Дізналися скільки в середньому заробляє Junior Web-designer та яка градація зростання Junior Web-designer, до яких результатів може прийти
- Познайомилися з основними інструментами для роботи
Модуль 2 - Figma для веб-дизайнера
Заняття 3. Введення у Figma
- Завантажили та зареєструвались у програмі Figma, оглянули інтерфейс інструменту
- Попрацювали з іконками, фігурами та ілюстраціями.Зрозуміли як працювати з медіа контентом у Figma
- Дізналися які бувають види ефектів у Figma. Навчимося створювати та використовувати різні типи кольорів у Figma
- Розглянули як працювати зі шрифтами у Figma
Заняття 4. Структури та автоматизація у Figma
- Дізналися про різні властивості груп та їхнє використання.
- Зрозуміли що таке Auto layout і як з ним працювати у Figma
- Розібрали компоненти та варіативні компоненти у Figma
- Навчилися працювати з порядком та шарами для організації та управління дизайнами
Заняття 5. Розширені можливості Figma
- Дізналися що таке Figma Community
- Зрозуміли які бувають стилі у Figma
- Розібрали як користуватися бібліотекам у Figma
- Навчилися як імпортувати та експортувати об'єкти у Figma
- Познайомилися з корисними плагінами Figma
Модуль 3 - Візуальна мова web-design
Заняття 6. Візуальна логіка
- Дізналися з чого складаються основи візуальної логіки
- Зрозуміли як відбуваєтсья групування об’єктів
- Розібрали що таке Декомпозиція
- Дізналися які бувають дизайн система та як їх аналізувати
- Познайомилися з основами ієрархії у вебдизайні
Заняття 7. Композиція
- Дізналися шо таке композиція та які її елементи.Основні види композиції.
- Зрозуміли які бувають принципи створення композиції
- Познайомилися з прийомами для роботи з композицією
- Дізналися що таке домінанта в композиції
- Розібрали як працює оптичний баланс та які є способи оптичного вирівнювання
Заняття 8. Сітки та направляючі у веб-дизайні
- Дізналися що таке сітки та направляючі
- Познайомилися 6 основних типів сіток
- Розібрали приклади використання сіток та направляючих
- Попрацювали з сітками та направляючим на практиці
Заняття 9. Типографіка
- Дізналися про словник термінів по типографіці
- Познайомилися з основами типографіки у вебдизайні
- Розібрали особливості швейцарського стилю
- Попрацювали з типографікою на практиці
Заняття 10. Основи кольору у вебі
- Дізналися про психологію кольору у вебі.
- Познайомилися з властивостями кольору.Про колірне коло, системи та схеми.
- Розібрали як складати палітру кольорів
Заняття 11. Надивленість
- Дізналися що таке надивленість
- Розібрали як створювати moodboard для проєкту
- Розібрали як тренувати надивленість
Модуль 4 - Створення дизайну сайту
Заняття 12. Пошук тестового клієнта
- Розглянули 4 оптимальні варіанти для пошуку тествого клієнту
- За допомогою 4 варіантів знайшли тестового клієнта
Заняття 13. Розробка дизайну лендінгу
- Дізналися про дослідження у вебдизайні
- Розібрали логіку інтерфейсу
- Навчилися як правильно користуватися розповіддю у дизайні
- Познайомилися з основними принципами навігації по сайту
Заняття 14. Розробка дизайну лендінгу. Частина 2
- Дізналися про структуру лендінгу та з яких елементів складається інтерфейс
- Розібрали які є типи сторінок
- Навчилися як правильно проводити брифінг клієнта та конкурентний аналіз
- Познайомилися з технологічним процессом
Заняття 15. Розробка дизайну лендінгу. Частина 3
- Дізналися про структуру лендінгу та з яких елементів складається інтерфейс
- Розібрали які є типи сторінок
- Навчилися як правильно проводити брифінг клієнта та конкурентний аналіз
- Познайомилися з технологічним процессом
- Створили свій перший корпоративний сайт для тестового клієнту
Заняття 16. Оформлення портфоліо на Behance
- Дізналися як створити аккаунт на Behance.
- Навчилися створювати портфоліо та правила, лайфхаки при оформлені.
- Створили власне портфоліо з 2 кейсів
Модуль 5 - Ведення клієнта
Заняття 17. Супроводження клієнта, комунікація в команді
- Дізнались як бути спеціалістом, якого цінують в команді та на ринку
- Навчились обирати команду, в якій буде комфортно
- Навчилися вести клієнта на фрілансі
- Навчилися комунікації в команді для комфотрох та ефективної роботи
- Навчились завершати співпрацю з клієнтом так, щоб він рекомендував вас знайомим та повертався сам
Модуль 6. Стратегія масштабування до $1500
Заняття 18. Упаковка себе, як спеціаліста
- Дізнались про шляхи пошуку клієнта
- Оформили портфоліо
- Упакували особисті соц. мережі
- Створили резюме
- Обрали для себе способи пошуку клієнтів та отримали перших клієнтів на $100
Заняття 19. Пошук вакансій та працевлаштування
- Знайшли понад десять цікавих вакансій
- Сформували резюме та супровідний лист
- Відгукнулися на вакансії та підготувалися до співбесіди
Заняття 20. Фріланс. Лідогенерація
- Навчитись складати список потенційних клієнтів на ваші послуги
- Розказали знайомим про свою нову професію
- Заповнили профілі на біржах фрілансу
- Отримали перші відповіді/запити на співпрацю
Заняття 21. Фріланс. Продаж своїх послуг
- Дізнались які ж етапи продажу послуг Web-дизайну та підготували скрити продажів своїх послуг
- Вмієте брифувати та дебрифувати клієнта
- Домовились з клієнтом про співпрацю та заробили перші $100 на дизайні
Модуль 7. Стратегія масштабування Web-designer
Заняття 22. Як заробляти від $1500 вже через 6 місяців
- Дізнались які є стратегії розвитку Web-дизайнера та обрали свою
- Отримали алгоритм дій, який дозволить масштабувати свій дохід після навчання
- Отримаєте інструкцію як отримати постій потік клієнтів на послуги Web-дизайнера
Додатковий модуль
ШІ у веб-дизайні
- Зрозуміли що таке промти
- Дізналися про універсальне правило для створення промтів
- Розібрали популярні сервіси на основі ШІ для вебдизайнерів
Процес створення корпоративного сайту
- Дізналися про структуру корпоративного сайту та з яких елементів складається інтерфейс
- Розібрали які є типи сторінок корпоративного сайту
- Створили свій перший корпоративний сайт для тестового клієнту
Особливості курсу
- Підтримка куратора і перевірка ДЗ
- Доступ до навчальної платформи на 8 місяців
- Довічний доступ до спільноти дизайнерів в Atom
- Сертифікат про проходження курсу
- 2 потенційних клієнта від Atom
Викладачі курсу
- Володимир Гродзіцький - Дизайнер
- Анастасія Ромашенко - UI/UX та веб-дизайнер
- Сергій Хорунжий - Засновник і CEO освітньої компанії Atom
- Олександр Стручаєв - Методолог, психолог
- Іван Вергун - Експерт сфери візуальних комунікацій
- Web & Mobile Design / UI/UX
Наш курс UI/UX-дизайну для початківців на 80% складається з практичних занять, тому після його закінчення ти отримаєш і сертифікат, що підтверджує твої нові навички, і готові проєкти в портфоліо, які ти можеш показати роботодавцю. Все в твоїх руках!
Програма курсу
Всупне заняття
Ти знайомишся з лектором, групою, планом навчання та структурою курсу, а також дослідиш роль дизайну у розробці продукту в цілому.
Практичне заняття 1
Оберемо тему для твого першого проєкту й визначимо шляхи та можливості його створення.
Знайомство з Figma
Третє заняття присвячене базовій програмі для дизайнерів - Figma. Ми розберемося з її інтерфейсом і власноруч випробуємо функціонал. Також визначимо, які сайти існують та для чого використовують кожен з видів.
Практичне заняття 2
На другій практиці ми попрацюємо над структурою сайту. Ти дізнаєшся про способи групування сторінок, їхню ієрархію на сайті та зв'язок одне з одним. Власноруч спробуєш створити збалансовану структуру сайту.
Дизайн-мислення
На п'ятому занятті ми знайдемо відповіді на запитання про метод дизайн-мислення: на чому він базується та як використовувати на практиці в реаліях сучасності.
Практичне заняття 3
На практиці допрацюємо деталі твого першого проєкту.
Основи композиції. Композиційні прийоми
Розглянемо методи створення композиції, її види, яскраві об'єкти, базові елементи, групування елементів тощо.
Презентація першого проєкту
У тебе є перший проєкт в рамках цього курсу, яким ти поповниш своє портфоліо. Однак пам'ятай - це ще не кінець!
Кольори
Розберемо значення кольорів у дизайні, познайомимось із тонкощами підбору кольорів та правилами їхньої комбінації. Також оберемо тему для другого проєкту.
Практичне заняття 4
На занятті з'ясуємо, як слід розміщати блоки на сторінці, які типи структур сторінки бувають та як підібрати влучний - і всі знання ти опануєш власними руками.
Основи типографіки. Типографічні прийоми
Ти дізнаєшся, що таке шрифт, гарнітура, кегль, кернінг, інтерлін'яж, базова лінія. Розберемо, що таке засічки та сеанс-засічки, де купити шрифти, як працювати з рівнями заголовків. Також розглянемо правила роботи з текстовими блоками.
Практичне заняття 5
Незабаром захист другого проєкту, тому на цьому практичному занятті розбираємо, опрацьовуємо та вдосконалюємо власний проєкт.
Робота з клієнтом. Іконки
На цьому занятті ти дізнаєшся, як працювати з брифом та його складовими. Розберемо, як правильно використовувати іконки на сайті та для чого взагалі вони потрібні.
Захист другого проєкту
Вдруге на цьому курсі ти презентуєш власний проєкт. А далі - тільки більше практики та нових звершень!
Адаптивний дизайн. UX патерни, фічі та закони юзабіліті
Розглянемо особливості дизайну для різних пристроїв (смартфонів, планшетів, ноутбуків), а також варіанти й правила використання адаптивного дизайну. Поглибимось в UX-патерни та з'ясуємо, як їх втілювати на реальних проєктах. І куди ж без вибору теми третього - фінального - проєкту.
Практичне заняття 6
На цьому занятті разом попрацюємо над домашньою сторінкою та дизайн-системою.
Практичне заняття 7
Розберемо нюанси твого проєкту перед захистом, вдосконалимо його, бо зовсім скоро презентація проєкту перед лектором!
Behance. Оформлення резюме
Для сучасного дизайнера важливо, щоб його роботи бачили. Тому заняття присвячено платформі Behance: ти дізнаєшся, як створити профіль, на який одразу хочеться підписатися. Якісне резюме є невід'ємною частиною дизайнера з кар'єрними планами, тому ти на прикладах зрозумієш, що має містити твоє резюме, щоб привернути увагу рекрутерів.
Практичне заняття 8
Ти вже майже на фініші, тому час гарно підготуватися до захисту проєкту, врахувати всі поради лектора та створити щось неймовірне!
Презентація третього проєкту
Цей час настав! Тепер у тебе є готове портфоліо й сертифікат, які можна додати до свого резюме та робочих сторінок у соц.мережах.
Особливості курсу
- 20 онлайн-занять
- зворотній зв'язок та регулярну підтримку досвідченого ментора
- доступ до зручної онлайн-платформи для навчання
- допоміжні матеріали: записи лекцій, презентації та чек-листи
- сертифікат про закінчення курсу, що підтвердить твої навички та компетенції
- для найкращих студентів – можливість вступу до оплачуваної інтернатури в партнерській ІТ-компанії
Викладачі курсу
Кирило Терещчук - UX designer
Подать заявку- Web & Mobile Design / UI/UX
Курс допоможе систематизувати знання про основи колористики, композиції та типографіки, а також навчить працювати з даними продуктової аналітики та покращенням дизайн-рішень для підвищення продуктових метрик за допомогою дизайну. Протягом навчання також дізнаєтесь як проводити дослідження, тестування та аналіз конкурентів, створювати дизайни для різних аудиторій.
Програма курсу
Вступ в продуктове IT
- Tech for non-tech
- Про курс та професію продуктового дизайнера
- Типографіка, верстка та кольори
- Мобільні та веб-інтерфейси
- Бібліотеки компонентів та дизайн-системи
- Хороші та погані інтерфейси
Користувацький досвід / UX Дослідження
- Психологія користувача та UX-патерни
- Аналіз конкурентів та евристичний аналіз
- Прототипування та шлях користувача
- Lean UX та Agile
- Якісні та кількісні методи досліджень
- Юзабіліті-тестування
- Глибинні інтервʼю
- Теорія Jobs-to-be-Done
Продукт та процес
- Робота в продуктовій команді
- Залучення, монетизація та повернення користувачів
- Гіпотези та брейнштормінг
- Продуктова аналітика та Data-driven підхід
- А/В-тестування
- Робота над фінальним проєктом
Особливості курсу
- Попередня реєстрація на курс, з проходженням тестових завдань та співбесіди
- Лекції 2 рази на тиждень
- Доступ до всіх матеріалів впродовж 2 місяців після закінчення школи
- Індивідуальний фідбек від викладача
- Нетворкінг
- Сертифікат про закінчення школи
Викладачі курсу
- Олексій Кравченко - UI/UX Designer, Universe
- Олександр Личак - Head of Product, OBRIO
- Анатолій Денисюк - Head of Product Design, Headway
- Аліна Чубченко - Product Designer, Quarks
- Web & Mobile Design / UI/UX
Курс допоможе опанувати професію UX/UI дизайнера з нуля. На заняттях ви вивчите основи UX/UI дизайну, методології та інструменти для розробки найкращих інтерфейсів, навчитесь створювати візуальний та адаптивний дизайн, матимете власноруч створений проєкт у портфоліо, поради щодо оформлення CV та підготуєтеся до інтерв'ю з роботодавцем/замовником.
Програма курсу
UX/UI дизайнер
- Хто такий UX/UI дизайнер.
- Які особливості роботи в різних типах компаній.
- Що робить UX/UI дизайнер на роботі.
Методології/Human centered design процес. UX методології
- Які підходи існують.
- Які підходи коли краще використовувати + як зібрати кейс в портфоліо.
Збір даних від замовника
- З ким говорити.
- Які запитання ставити.
- Як проводити зустріч з замовником.
Дослідницька стратегія
- Які методи досліджень існують.
- Які методи коли краще використовувати.
Аналіз конкурентів
- Як вибрати конкурентів.
- За якими параметрами їх аналізувати.
Інтерв'ю з користувачами
- З ким говорити.
- Які питання ставити.
Опитування
- Які запитання ставити.
- Як обробляти відповіді.
Персонажі
- Хто такі персонажі.
- Навіщо вони потрібні.
Мапа шляху користувача
- Що таке мапа шляху.
- З чого складається мапа.
- Як дані перетворюються на рішення.
Інформаційна архітектура
- Що таке інформаційна архітектура.
- Навіщо вона потрібна.
- Як нею користуватись.
Інструменти дизайнера. Як змінювався софт
- Які задачі виконує діджитал дизайнер.
- Актуальні програми які сьогодні використовують діджитал дизайнери.
Принципи роботи з Figma. Основи інтерфейсу. Організація макетів
- Як працювати з Figma.
- Функції та інструменти Figma.
- Як структуровано вести проекти та організовувати простір.
Елементи сайту. Стилі, сітки та автолейаути
- Які бувають типи сайтів та їх елементи.
- Як підготувати макет Figma перед створенням дизайну.
Прототипування
- Що таке прототипи.
- Які інструменти прототипування існують.
- Навіщо потрібні прототипи.
Тестування інтерфейсів
- Що таке тестування інтерфейсів.
- Що тестувати.
- З ким тестувати.
Референси та мудборди
- Навіщо потрібно створювати мудборди та збирати референси.
- Як тренувати надивленість.
Візуальний дизайн: типографіка та іконки
- Що таке візуальний стиль сайту.
- Принципи типографіки.
- Робота зі шрифтами.
- Як створювати іконки.
Адаптивний дизайн
- Як правильно створювати дизайн для мобільних пристроїв.
- Адаптація складних елементів.
Візуальний дизайн: композиція, сітки та колір
- Що таке колір та як його використовувати.
- Основні правила побудови композицій.
- Типи сіток та особливості їх побудови.
Презентація
- Як підготуватись до презентації.
- Як презентувати рішення.
Дизайн система та UI kit. iOs, Android. Особливості та гайдлайни
- Для чого потрібні гайдлайни.
- Особливості використання гайдланів Human Interface Guidelines та Material Design.
- Що таке дизайн-система.
- В чому відмінність дизайн-системи та UI kit.
- Що таке атомарний дизайн?
Веб аналітика
- Особливості інструментів аналітики.
- Як цифри можуть впливати на дизайн.
- Основні інструменти Google Analytics.
Передача файлів в розробку
- Як стати кращим другом із розробником коли ти дизайнер проекту.
- Вчимося готувати специфікації макетів для передачі розробнику.
Портфоліо, CV. Як підготуватися до інтерв'ю з роботодавцем/замовником
- Що має містити портфоліо дизайнера.
- Що має містити резюме.
- Як підготуватися до інтерв'ю з роботодавцем/замовником.
Особливості курсу
- Доступ до курсу:
- пакет "Basic" – 3 місяці
- пакет "Pro" – 6 місяців
- пакет "Premium" – 12 місяців
- Практичні домашні завдання
- 4 ефіри "Питання - відповідь" від спікерів курсу
- Додаткові переваги у пакетах "Pro" та "Premium":
- сертифікат/диплом про проходження курсу
- індивідуальний зворотній зв'язок від куратора
- додаткові ефіри "Питання - відповідь" від спікерів курсу
- доступ до чату з вакансіями від Genius.Space
Викладачі курсу
- Євген Педорич - UI designer, Product designer у Kyivstar
- Іста Чебан - UX designer, Product designer у Kyivstar
- Web & Mobile Design / UI/UX
Навчіться працювати з Figma для розробки дизайн-систем, створення прототипів та векторного дизайну. Опануйте процеси UI/UX дизайну та їх аналізу за допомогою ШІ.
Програма курсу
Вступне заняття. Хто такий веб-дизайнер і чим може допомогти AI
- Огляд типів веб-сайтів та їх відмінностей
- Представлення інструментів та програмного забезпечення, що використовуються веб-дизайнерами
- Знайомство з базовими принципами UX/UI дизайну та їх перевагами та недоліками
- Можливості використання штучного інтелекту у веб-дизайні та розмірковування, чи є це доцільним у конкретному контексті
Нетворкінг: знайомство із куратором
- Знайомство студентів із куратором
- Обговорення цілей з якими прийшли на курс
- Близьке знайомство студентів зі своїми одногрупниками
Можливості Figma та чого її варто використовувати та чим допоможе AI
- Ознайомлення з можливостями Figma та перевагами його використання
- Оптимізація роботи та спілкування команди в середовищі Figma
- Розробка дизайн-систем у Figma зі стандартами та консистентністю
- Створення інтерактивних прототипів та векторного дизайну
- Використання AI для автоматизації процесів та оптимізації роботи у Figma
UX - створення зручних інтерфейсів, аналіз дизайну за допомогою AI
- Роль UX в дизайні продукту та розуміння типів веб-сайтів та їх елементів
- Теорія кольору та його вплив на користувача
- Дослідження цільової аудиторії, створення інформаційної архітектури та проведення А/В тестування
- Використання AI для аналізу дизайну та надання рекомендацій з оптимізації UX/UI
UI - що це таке і навіщо потрібне й чим допоможе АІ
- Роль UI у дизайні продукту та основні принципи UI-дизайну
- Вплив дизайну на досягнення бізнес-цілей через використання кольору, шрифтів та інших елементів
- Розміщення основних блоків на веб-сторінці та правила їх розташування
- Можливості використання AI для автоматичного аналізу та оптимізації UI-дизайну
UX-стратегія та UX-дослідження
- Ознайомлення з брифом, розробка інформаційної архітектури та створення Customer Journey Map
- Розробка User Flow та використання AI для аналізу та оптимізації UX-стратегії
Майстермайнд: зустріч з куратором
В режимі онлайн куратор відповідає на усі запитання студентів з пройдених тем.
Основні принципи адаптивності за допомогою АІ та верстки
- Створення веб-сторінок та їх структури з використанням HTML тегів
- Використання CSS для стилізації та адаптації веб-сторінок під різні пристрої
- Основи синтаксису JavaScript та його використання для взаємодії з веб-сторінками та впровадження динамічних елементів
- Автоматизація процесів за допомогою AI в адаптивному дизайні та оптимізація роботи на різних пристроях
Майстермайнд: зустріч з куратором
В режимі онлайн куратор відповідає на усі запитання студентів з пройдених тем.
Спілкування з клієнтом, на що звернути увагу
- Підготовка стратегії разом з клієнтом, а встановлення вимог до проєкту
- Аналіз ринку та конкурентів
- Взаємодія з клієнтом після завершення роботи та встанолення терміну гарантій (на внесення правок)
Особливості курсу
- "Живі" онлайн-вебінари
- Доступ до запису вебінару вже на наступний день після проведення
- Практичні домашні завдання
- 25+ годин навчання у форматі онлайн
- Доступ до корисних додаткових матеріалів курсу UI/UX designer
- Закрите ком'юніті в Telegram на період навчання
- Інтерактивна навчальна платформа
- Зворотний зв'язок від куратора протягом навчання
- Матеріали UI/UX дизайн курсу доступні 1 рік з моменту його завершення
- Захист проєкту
- Сертифікат WebPromoExperts
- Бонусом курс із бізнес-англійської
- Можливість сплатити за курс частинами (від 2 до 6 платежів)
Викладачі курсу
Денис Студенніков - Head of UX/UI та СОО Турум-бурум
Подать заявку- Web & Mobile Design / UI/UX
На даному курсі студенти навчаться розуміти UX, визначати патерни поведінки користувачів, опанують фундаментальні принципи UI та покращать проєкт через продуманий дизайн, влучні кольори та шрифт, навчаться створювати UX/UI-дизайн як для сайту, так і для мобільного додатку. Наприкінці курсу Ви отримаєте три власноруч створені проєкти у перше портфоліо, поради щодо оформлення CV та супроводжувального листа.
Програма курсу
Figma
- Урок-знайомство
- Основи IT
- Вступ до курсу. Спеціальність UI/UX дизайнер
- Figma
- Знайомство. Доступ за посиланням. Коментарі. Frame. Плагіни
- Робота з фігурами
- Components
- Pen & Pencil. Відтворення ілюстрації
- Маски. Ефекти.Стилі
- Інструмент текст. Робота зі стилями. Растр, корекція фото
- Auto layout
- Variants
- Інтерактивний прототип. Мікроінтеракції
- Інструмент Selection Vector. Outline Stroke
UX-дизайн
- Основи дизайн-мислення. UX дизайн-процес
- Типи сайтів
- Робота з брифом. Інтерв'ю дизайнера з клієнтом
- Mind Mapping та ідеація. Інформаційна архітектура
- Аналіз конкурентів. Референси. Мудборд
- Дослідження користувачів: глибинні інтерв'ю, опитування, сортування карток
- UX-персона та карти емпатії
- Customer journey map
- User flow
- Елементи сайту. Скетчинг
- Wireframing та prototyping
- Веб аналітика та А/Б тестування
- Інклюзивний дизайн
UI-дизайн
- Візуальна ієрархія
- Основи композиції
- Колір
- Шрифти
- Інтерактивний прототип
- Типографіка
- Іконки
- UI kit та Atomic design
- Дизайн система
- Landing Page
- Адаптивний дизайн
- Оптимізація макета та передача файлів розробникам
- Модульні сітки
Дизайн мобільних застосунків
- Дизайн мобільних додатків. Основи
- Візуальний стиль та початкові екрани мобільного додатку.
- Створення екранів мобільного додатку
- Apple розробка. IOS гайдлайни
- Андроїд розробка. Material design
- Підготування додатка до Apple store та Google play
Фінальний проєкт
- Робота над проєктом:
- бриф та аналіз конкурентів
- прототип
- wireframe
- адаптив
- UI kit
- створення персон/карт емпатії
- UI основних сторінок
- інформаційна архітектура та структура сайту
- UI головної сторінки
- user flow/CJM
Особистий бренд та створення портфоліо
- CV.Linkedin. Інтерв'ю
- Підготовка портфоліо
- Проєкт на Behance та мокапи для Dribble
- Захист проєктів
- Випускний
Бонус. Photoshop
- Самоопрацювання. Photoshop. Робоча область. Пензлі. Режими накладання
- Самоопрацювання. Photoshop. Інструменти виділення й вирізання зображення. Обробка кольору
- Самоопрацювання. Photoshop. Робота з інструментами Eraser Tool і Polygonal Lasso для вирізання та коригування контурів
- Самоопрацювання. Photoshop. Використання інструментів Healing Brush, Patch, Clone Stamp та Layer Masking
- Самоопрацювання. Photoshop. Створення рекламного банера для соцмереж. Color Blend mode
Бонус. Навички роботи з ШІ для кар'єри майбутнього
- Що таке штучний інтелект?
- Чому ШІ важливий?
- Що насправді означає ШІ та як він працює?
- Що може і чого не може ШІ?
- Корисні інструменти та приклади використання:
- Deepl
- ChatGPT
- Bard
- Grammarly
- clipdrop.co
- Adobe Firefly
- Photoshop
- Perplexity.ai
- Як використовувати ШІ для зручного пошуку роботи
- Сайти вакансій з елементами штучного інтелекту
- Покращення твого CV за допомогою ШІ
- Приклади ефективних резюме та супровідних листів
- Підготовка до інтерв'ю
- Підбірка ШІ тулзів для пошуку роботи:
- Bard та ChatGPT
- Kickresume
- JobProfile.io
- Resumaker.ai
- Jobscan
- Yoodli
- Interviewsby.ai
- Interview Warmup
- Interviewing.io
- Корисні матеріали, які допоможуть розширити та заглибитись в тему (статті, відео та безплатні курси)
- Де варто/не варто використовувати ШІ?
- Роль штучного інтелекту в UX/UI дизайні
- Виклики та обмеження використання ШІ
- Огляд та інтеграція інструментів ШІ в процеси проєктування
Бонус. English club
- Під керівництвом викладача англійської
- Фокус на розмовну англійську
- Формування словникового запасу англійської для ІТ
- Написання СV та підготовка до співбесіди в іноземній компанії
- Поділ на групи відповідно до рівня:
- A1-A2
- A2-B1
- B1-B2/C
Бонус. Кар'єрне консультування
- Навчишся створювати конкурентоспроможні резюме і супровідний лист та отримаєш на них фідбек від професійного рекрутера
- Підготовка до інтерв'ю. Типові питання та підводні камені
- Створиш зразковий профіль в LinkedIn
- Дізнаєшся, де знаходити круті вакансії та як на них подаватися
Особливості курсу
- Для людей від 16 років
- Вечірні заняття в зумі
- Теорія вивчається самостійно, а на заняттях розглядається лише практика
- Бонусний модуль для самоопрацювання: Photoshop
- Навчання в командах під керівництвом викладача як тімліда
- Сертифікат після успішного завершення курсу
Викладачі курсу
- Олена Стародубцева - Design Lead at InDevLab
- Дар'я Конькова - UI/UX Designer at Ciklum
- Єгор Довгопол - UI/UX Designer
- Аліна Рахімова - Senior UI/UX Designer
- Владислав Туліновський - Product Designer at Zaino
- Юлія Деревянко - Head of Design at Hocoos
- Анастасія Севрюк - UI/UX Designer at BotsCrew
- Анна Забуга - Senior Product Designer at SmartRecruiters
- Дмитро Горіцин - Senior Product Designer at SoftServe
- Тетяна Крамарська - UI/UX Designer, Graphic Designer at Markupus
- Катерина Кір'янова - UI/UX Designer, Design Team Lead at CoreTeka
- Єлизавета Гусєва - UI/UX Designer at Stera Global
- Вікторія Ключник - Senior Product Designer at IntellectEU
- Діана Євицька - UX Designer at Avenga Ukraine
- Олександр Берест - UX/UI Designer в League Design Agency
- Дара Федоришин - Senior Product Designer at NerdySoft
- Анастасія Підлипна - Досвід роботи 7+ років
- Олександр Дяков - Senior UX Designer at Tobii
- Анастасія Мислюк - Product Designer & Team Lead в Helsi
- Ігор Кондратюк - Product Designer at United Tech
- Михайло Косяков - UX Designer at Avast
- Андрій Гуцько - UI/UX Designer at InVerita
- Олена Буркова - UX/UI Designer (Middle) у DataArt
- Web & Mobile Design / UI/UX
Базові правила дизайну, які допомагають зробити інтерфейс зручним як для людей із порушеннями зору, так і для користувачів із нормальним зором.
Програма курсу
Особливості зору людини
- Будова ока.
- Хвороби, що впливають на зір. Причини втрати зору.
- Кількість людей із порушеннями зору.
- "Технічні" обмеження очей.
Дизайн-стандарти у сфері зору
- Історія стандартів у галузі доступності та зручності користування.
- Консорціум W3C і стандарт WCAG. Відмінності між версіями.
- Законодавство, яке стосується доступності, в різних країнах.
- Відомі дизайн-системи з акцентом на доступності.
Колірний контраст
- Вимоги до контрасту зображень і тексту.
- Наслідки недотримання принципів контрасту.
- Якість і налаштування монітора та контраст.
- Інструменти для аналізу колірної контрастності та добору палітри.
Розмір і відстань
- Закон Фіттса про відстань і ціль.
- Вимоги до розміру інтерактивних елементів та відстані між ними.
- Оптимальні розміри клік-зон.
Читабельність
- Шрифти в інтерфейсах.
- Читабельність шрифтів.
- Форматування текстових блоків.
Фронтенд й аудіосумісність
- Використання клавіатури для навігації веб-сторінкою.
- Особливості прослуховування сайтів.
- Екранні читачі на комп‘ютерах та мобільних пристроях.
Аудит і тестування доступності
- Планування дослідження.
- Онлайн-інструменти перевірки доступності.
- Тестування доступності з користувачами.
Міфи про доступний дизайн
- Якщо за всіма стандартами, то це некрасиво.
- Доступний дизайн робити складно.
- Доступний дизайн можна зробити "якось потім".
"Темний бік" WCAG 2.1
- Суперечливі вимоги до колірного контрасту.
- Дивні й застарілі приклади дизайну.
- Обережні рекомендації щодо шрифтів.
Викладачі курсу
- В'ячеслав Шестопалов - Design Manager в ELEKS
- Євген Шикірявий - Lead Experience Designer в ELEKS
- Web & Mobile Design / UI/UX
Опановуємо Figma. Створюємо палітру за стандартами вебдоступності, будуємо базовий набір шрифтів, вивчаємо інструменти для швидкого прототипування.
Програма курсу
Знайомство з Figma
- Поговоримо про нову еру в історії графічних редакторів. Для яких завдань Figma підходить, а для яких — ні
- Налаштування робочого простору
- Найважливіші плагіни
- Команди, проєкти та дизайн-файли
Ідеальний банер
- Робочий простір. Фрейми. Стилі
- Що таке Auto Layout та як з ним працювати
- Як прискорити роботу. Як швидко робити варіації дизайнів і легко вносити зміни
Проєктування інтерфейсу. Частина 1
- Підхід до проєктування та його етапи
- Що таке вайрфрейм (wireframe) і для чого він потрібен
- Робота з референсами
- Відстані та розміри
- Кнопка та інпут
Проєктування інтерфейсу. Частина 2
- Потужність Figma
- Що спільного у проєктування інтерфейсів і LEGO
- Чеклисти: шрифти, палітра, кнопка, інпут
- Кольори та стандарти вебдоступності
- Компоненти та варіанти
- Стани кнопки
Особливості курсу
- 5 відеолекцій
- Додаткові матеріали
Викладачі курсу
Валерія Паніна - Співзасновниця SharpShark.io
Подать заявку- No-code / Low-code
- WEB Developer / Webmaster
- Web & Mobile Design / UI/UX
З нуля навчимося користуватися інструментом Webflow, щоб створювати швидкі та легкі для масштабування вебсайти.
Програма курсу
Знайомство з інтерфейсом WebFlow
Базово ознайомимося з інтерфейсом WebFlow, його можливостями та перевагами.
Блочна модель, контейнери, секції, діви, spacing, типографіка, відступи
Розберемося, де і що розташоване в Webflow: де шукати елементи, їхні властивості та інші важливі панелі для роботи над сайтом.
Теги, класи та унікальні елементи
Зрозуміємо, як не генерувати зайве та робити сайт легким для масштабування. Для цього розберемося, що таке блочна модель, як називати та використовувати класи, і який тег використати в тій чи іншій ситуації. А також навчимося розрізняти секції, контейнери та діви.
Дисплей та позиціювання
У деталях подивимося на параметри display: flex та display: grid — способи зображення елементів, які додають гнучкості в їх розташуванні. Навчимося правильно обирати display та позиціювання відповідно до завдання. Зрозуміємо, як створювати нетипові макети.
Figma to WebFlow
Дізнаємося, як підготувати Figma для швидкого перенесення в WebFlow, оскільки в один клік, на жаль, це зробити поки що неможливо. Та яких правил треба дотримуватися, щоб пришвидшити ручну роботу й допускати менше помилок.
Форми в WebFlow
Коли нам треба зібрати у користувачів пошту, телефон або дати звернутись до нас, ми використовуємо форми. Зрозуміємо, як працювати з формами в Webflow, змінювати їх візуально, налаштовувати на кнопку Submit.
Accessibility: як зробити сайт інклюзивним
Розберемось, як зробити сайт доступним для всіх і нікого не дискримінувати: ні людей з інвалідністю, ні з порушеннями, ні тих, у кого слабкий інтернет, старий девайс чи кого засліплює сонце з вікна.
Кастомний код та інтеграції
Поєднавши Webflow з іншими no-code інструментами, можна створювати вражаючі автоматизовані сайти, які працюють як повноцінний продукт. Окрім цього, за допомогою кастомного код можна створити те, що не вийде зробити стандартними інструментами.
Адаптивність
Навчимося адаптувати свій сайт під різні розміри екранів: телефон, планшет, маленький та великий десктопний екрани. Розберемось, як працює каскадність стилей.
CMS
Інколи, нам треба генерувати десятки сторінок за певним шаблоном та дати можливість додавати контент на сайт іншим людям. З цим допоможе модуль CMS — content management system. Навчимося створювати бази даних для контенту, генерувати сторінки з них і вбудовувати контент з CMS на статичних сторінках.
Анімації та переходи: від простого до складного на практичних прикладах
Статичний сайт — це норм, але не дуже цікаво. Розберемось, як робити анімації різних типів: прості ефекти по ховеру, анімацію по скролу, при завантаженні сторінки.
Публікація і SEO
Останній етап створення будь-якого вебсайту в Webflow — його публікація та оптимізація під пошукову видачу. Дізнаємось, як це зробити в налаштуваннях проєкту, що треба пам'ятати про SEO та якими інструментами всередині Webflow користуватись для цього.
Особливості курсу
- 12 відеолекцій
- Додаткові матеріали
Викладачі курсу
Стас Говорухін - Product Designer в Djinni
Подать заявку- Web & Mobile Design / UI/UX
Курс присвячений суто практичним аспектам роботи з Figma та взаємодії з інтерфейсом цього редактора.
Програма курсу
Знайомство з Figma
- Вступ до курсу
- Створення акаунту та встановлення Figma
- Огляд інтерфейсу Figma
Створення акаунту та знайомство з інтерфейсом
Створення акаунту та знайомство з інтерфейсом.
Фігури та ефекти
- Фігури та ефекти
- Вступ до примітивів
- Робота з прямокутними фігурами
- Прості фігури
- Об'єднання та віднімання фігур
Робота з фігурами та ефектами
Робота з фігурами та ефектами.
Фотографії та монтажні області
- Маски
- Фотографії та зображення
- Режим накладення
- Монтажні області
Робота з фотографіями
Робота з фотографіями.
Робота з текстами
- Текстові об'єкти
- Стилі тексту
- Сітки
Верстка тексту
Верстка тексту.
Прототипування та автоматизація
- Глобальні стилі
- Авторозмітка (Autolayout)
- Компоненти (Components)
- Інтерактивний прототип
Авторозмітка та компоненти
Авторозмітка та компоненти.
Додаткові можливості
- Плагіни
- Збереження окремих елементів макета в PNG
- Збереження PDF
- Переведення тексту в криві
- Коментування
Інтерактивний прототип
Інтерактивний прототип.
Особливості курсу
- Стартуй будь-коли і навчайся у власному темпі
- Знижки від партнерів
- Можливість складати тести
- Рецензії домашніх робітСлужба підтримки
- Сертифікат після проходження курсу
Викладачі курсу
Михайло Самоваров - Співзасновник League Design Agency
Подать заявку- Web & Mobile Design / UI/UX
Програма курсу
Знайомство зі світом професії UI/UX дизайну. Базова теорія дизайну
- Введення у професію UI/UX дизайну
- Інструменти та навички UI-дизайнера
- Інструменти та навички UX-дизайнера
- Введення дизайн: структура дизайну
- Принципи дизайну та проєктування
- Базові поняття теорії дизайну
- Стилі інтерфейсів
- Дизайн-концепція
Робота в Figma
- Знайомство з Figma
- Огляд інтерфейсу у Figma
- Використання сіток та вирівнювання у Figma
- Компоненти та адаптивний дизайн у Figma
- Режими роботи з текстом у Figma
- Режими роботи з кольором у Figma
- Створення ефектів у Figma
- Просунутий користувач Figma
- Імпорт та експорт у Figma
- Додаткові фішки та можливості у Figma
Продукт як екосистема
- Дизайн як продукт
- Вивчення дизайн-систем
- Дизайн процесів: дослідження та прототипування
- Розробка та підтримка Digital-продуктів
- Аналітика та проєктування
- Процес розробки
- Підсумкова структура роботи дизайнера в компанії
- Дизайн-брифінг клієнтів
- Напрями для розвитку дизайнера
UX-дизайн
- Введення в UX-дизайн
- Дизайн-мислення
- UX-проєктування
- Інклюзивний дизайн
- Стандартизація інтерфейсу користувача
- Якісні та кількісні дослідження
- Інструменти для проведення досліджень
- Мобільний UX/UI
UI-дизайн
- Введення в UI-дизайн
- Брендбук
- Інтерфейси
Прототипи та анімація
Прототипування з анімацією у Figma.
Бізнес-процеси
- Вступна інформація: з ким працює дизайнер, обов'язки, інструменти
- Шляхи реалізації дизайнера
- Як вести комунікацію із замовником, як розповісти про себе у форматі, що продає: що говорити, а що згадувати не варто
- Переваги дизайнера-початківця
- Як працювати з клієнтом
- Робота із зарубіжними клієнтами та системи оплати
- Вимоги потенційних замовників
- Брифінг клієнтів
- Як скласти ТЗ для себе та узгодити із замовником
- Внесення правок
- У якому вигляді надавати готову роботу: приймальні критерії
- Продаж додаткових послуг
Навички роботи в Tilda
- Знайомство з інтерфейсом Tilda
- Як налаштувати сайт на Tilda: базові опції
- Як створювати сайт на Tilda стандартні блоки
- Як налаштувати сайт на Tilda: Zero
- Складання та налаштування
- Оновлення та нові функції Tilda
- Дод. політика конфіденційності
План розвитку
- Упаковка портфоліо
- Підготовка та складання прайс-листа
- Пошук першої роботи
- Упаковка Behance та LinkedIn
- Складання плану розвитку у професії
Бонусний модуль. Soft-skills
- Емоційний інтелект
- Внутрішній/зовнішній фокус
- Впевненість в собі
- Цілепокладання
- Ініціативність
- Креативність
- Відповідальний підхід до роботи
- Тайм-менеджмент
- Лідерство
- Комунікація
- Робота с конфліктами
- Командна праця
- Діловий етикет
Особливості курсу
- Можливість вчитися з будь-якої точки світу у зручний час
- Практика з перших занять та створення якісного портфоліо
- Навчання систематизовано та проводиться досвідченими IT-фахівцями
- Сертифікат про проходження курсу
- Грант у розмірі 50% від ціни курсу
Страницы
Читайте нас в Telegram, чтобы не пропустить анонсы новых курсов.
Отзывы о курсах
Щиро дякую за цікаву, змістовну інформацію.
Всі отримані знання буду застосовувати у подальшій роботі.Дякую за такий інформативний курс! Матеріал викладений доступно та в повному обсязі, тому це полегшило виконання практичних завдань.
Я випускник, закінчив курс UI/UX Design ❤️. Програма насичена, це не байдики бити, а насправді працювати. Дають валідні знання і розуміння процесів, а сама програма розрахована на тих, хто дійсно хоче отримати новий фах. Буде не легко, але це реальна і серйозна освіта Тому раджу усім, хто настроєний серйозно.
Я проходила багато курсів, але жодний з них не дав мені таких знань та бажаного результату в отриманні роботи в хорошій айті компанії. Я виграла грант на навчання і впродовж 4 місяців вчилася на фул таймі. Програма насичена: були як і лекції, практичні, постійна підтримка менторів та перевірка знань. Цей курс точно не для тих, хто хоче вчитися і не вкладувати свої сили. По особистому досвіду скажу, що 4 місяці вчилася по 10 годин, а то і більше на добу, і так 5/2, як на справжній роботі. В результаті- я отримала круто роботу після закінчення навчання. Безмежно рада вчитися тут)
Я дуже вдячна за навчання на курсі UX/UI дизайнуЦе був інтенсивний і насичений період, але завдяки постійній підтримці я ніколи не відчувала, що не впораюсь або захочу все кинути. На кожному етапі мене підтримували менеджер, ментор, викладач і кар’єрний консультант, що давало впевненість і відчуття опори. Попри великий обсяг інформації, практики та чіткі дедлайни, навчання було добре структурованим і зрозумілим. Складні теми пояснювали доступно й з практичними прикладами. Курс допоміг сформувати професійне мислення та навички, корисні для подальшої роботи. Окремо хочу відзначити сильну кар’єрну підтримку з великою кількістю цінної інформації. Було відчутно, що команда курсу щиро зацікавлена в розвитку студентів і їхньому результаті.
