Онлайн-курс
Основи Web дизайну

Basic level
5

alarm-clock занять

spiral-calendar занять на тиждень

rocket старт

За тиждень записалося

Залишилося

Цей курс проводиться у форматі дистанційного навчання.

Почни свій шлях в IT
з дизайну!

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

Цілі курсу

  • Освоїти UX/UI Design: зрозуміти ключові принципи UX/UI для створення ефективних інтерфейсів та навчитись використовувати сучасні практики в галузі UX/UI Design
  • Розвити навички дослідження користувача
  • Оволодіти інструментами для створення дизайн-макетів та прототипів
  • Навчитись створювати інтуїтивно зрозумілі та привабливі дизайни
  • Навчитись розробляти адаптивні інтерфейси для різних пристроїв
  • Опанувати високорівневий UX/UI Дизайн: засвоїти вищі рівні дизайну для покращення користувацького досвіду
  • Підготуватись до професійного ринку
791 ₴

на місяць при оплаті частинами на 12 частин

оплата частинами без комісії та відсотків від monobank, ПриватБанк, Ощадбанк та ПУМБ

Повна вартість курсу 9 500 ₴

-10% при оплаті відразу 8 550 ₴

Промокод

Застосовані знижки

Списання з поточного балансу

Невикористаний залишок замороженого курсу

Ціна курсу для вас 8 550

До покупки курсу

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

grinning-face

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

Вивчаємо такі технології

  • Figma

    Figma

Програма онлайн-курсу
Основи Web дизайну

alarm-clock 22 заняття
Друк
  • Вступ до UI/UX Design

    • Знайомство
    • UI/UX Design
    • Принципи юзабіліті
    • Професія дизайнера
    • Soft skills
    • Tech skills
    • Класифікація сайтів
  • Основи роботи у Figma

    • Фрейм
    • Робота з зображеннями
    • Робота з лініями
    • Робота з масками
    • Робота з міжрядковою відстанню
    • Робота з текстом
    • Робота з формою
    • Компоненти
    • Auto layout
  • Основи дизайн-мислення

    • Етапи дизайн-мислення
    • UX стратегія
    • Usability & Accessibility
    • Визначення витрат на взаємодію
    • 10 евристик Якоба Нільсена
    • Закон Теслера
    • Айтрекінг
    • Закон Міллера
    • Закон Хіка
    • Закон Фіттса
    • Лендінг
    • Конструктори сайтів
    • Правила сприйняття інформації. Патерни.
  • UX дослідження та архітектура (part 1)

    • Цикл розробки інтерфейсу
    • Road Map
    • User Persona
    • Empathy map
    • Методи UX досліджень
    • Брифінг
    • Double Diamond
    • Психологія користувача в рамках інтерфейсу
    • Юзабіліті аудит
    • Практика
  • UX дослідження та архітектура (part 2)

    • Інформаційна архітектура та її принципи
    • Навігаційні та пошукові системи
    • Mind Map
    • Знайомство з User Flow
    • FigJam
  • UX дослідження та архітектура (part 3)

    • Use Case
    • User Scenario
    • UCD
    • JTBD
    • Модель Кано
    • Композиція
    • Патерни нейрофізіології
    • Сітки
    • Правило “Зовнішнього-внутрішнього”
  • Типографіка

    • Основи типографіки
    • Швейцарська типографіка
    • Класифікація шрифтів
    • Комбінація шрифтів
    • Типографіка IOS & Android
    • Експериментальна типографіка
    • Контурні шрифти
    • Велика типографіка
    • Надписи від руки, текст навколо фігури
    • Накладення фото на текст
    • Видима сітка
    • Монохром/Бруталізм/Текстури/Плоский дизайн
  • Теорія кольору (part 1)

    • Теорія кольору
    • Психологія кольору
    • Колірні схеми
    • Практика
  • Теорія кольору (part 2)

    • Кольори та сприйняття
    • Психологія контрасту
    • Коефіцієнт контрастності
    • Негативний простір
    • Особливості розробки іконок
    • Оптичний баланс в іконках
    • Рекомендовані книги
  • Основні компоненти сайтів

    • MVP
    • Типи навігації
    • Принципи навігації
    • Функціональні блоки
    • Контентні блоки
    • Слайдер
    • Карточки
    • Список
    • Форми
    • Фільтри/сортування
    • Поп-ап
    • Footer
    • Елементи інтерфейсу
    • Чекбокси / Радіобатони / Toggle / Controls
    • Notifications
  • e-Commerce. Структура сайту

    • e-Commerce
    • Структура сайту
    • Принципи візуального дизайну
    • Sketching
    • Короткотривала пам’ять та юзабіліті
    • Формати графічних файлів у вебдизайні
  • Розробка CJM

    • Принципи Гештальту
    • User Flow для e-Commerce
    • Створення CJM
  • Ефективна сторінка продукту

    • Закріплення матеріалу на практиці
    • Ефективна сторінка продукту
    • Цілі продуктової сторінки
    • Аналіз сторінок
    • Практика (візуальні вправи)
  • Передача макетів у розробку

    • Айдентика
    • Колірний профіль
    • UX-копірайтинг
    • Передача макетів в розробку
  • Методології

    • Оцінка складності проекта
    • Типи клієнтів
    • Типи контрактів
    • Agile
    • Waterfall
    • Scrum
    • Kanban
    • Jira
    • Confluence
    • BackLog
    • Планінг-покер
    • Ретроспектива
  • Гайдлайни та документація

    • Style Guide
    • Design System
    • Підбір корисних посилань на різні сервіси
    • Атомарний дизайн
    • Дизайн-токени
    • Темний режим
    • Деталі при розробці
    • Знайомство з HTML & CSS
  • Акцентування. Дизайн-система. UI-Kit

    • Базовий стиль
    • Анатомія стилю
    • Візуальна логіка
    • Основні принципи логіки
    • Робоча пам’ять
    • Способи акцентування
    • Система. Аналіз системи
    • UI-Kit
    • Розвиток надивленості
  • Тестування. Анімація Parallax

    • Тестування юзабіліті
    • Методи юзабіліті-тестування
    • Перевірка ідеї. Quick Usability Checks.
    • Parallax ефект
    • Базові інтерактивні анімації
    • Механіка анімацій
    • Хореографія анімацій
  • Responsive & Adaptive дизайн

    • Responsive
    • Adaptive
    • Breakpoints
    • Мудборди
    • Mobile First
    • Desktop First
  • Особливості мобільної розробки

    • Процес розробки мобільного застосунку
    • Область натискання
    • Розташування елементів
    • Історія
    • Версії
    • Вимоги до сітки
    • Відстані
    • Розміри елементів & Сторінка 404
    • Сенсорний екран
    • Breakpoints
    • Brainstorming
  • Behance

    • Підготовка кейсу на Behance
    • Критерії успішного оформлення кейсів
    • Розбір прикладів
    • Складання структури макетів
    • Підготовка анімацій
  • Працевлаштування

    • Процес проходження співбесід
    • Запитання на співбесідах
    • Важливі запитання до рекрутера, які варто задати
    • Платформи для пошуку роботи
    • Фріланс: плюси та мінуси
    • CV
    • Розбір прикладів

В кінці курсу виконується дипломний проєкт.

Додайте навички в резюме

  • Використання інструменту Figma (робота з фреймом, зображеннями, лініями, масками, текстом, формою)

  • Застосування компонентів та функції Auto layout у своїй роботі над макетами

  • Створення лендінгу

  • Створення сайту

  • Створення і застосування брифу, Road Map, User Persona, Mind Map, User Flow, CJM

  • Використання інструменту FigJam

  • Застосування патернів нейрофізіології у роботі

  • Підбір типографіки, сіток та кольору для різних проектів

  • Використання негативного простору для концентрації уваги користувача

  • Підбір та створення іконок для проектів

  • Створення компонентів для макетів (навігація, контентні блоки, карточки, слайдери, списки, форми, нотіфікейшени, фільтри, чекбокси, радіобаттони і тд)

Як проходить навчання

  • woman-technologist

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

  • briefcase

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

  • thumbs-up

    Викладач дає зворотній зв'язок з розбором помилок у домашньому завданні.

  • light-bulb

    Ви опрацьовуєте помилки і закріплюєте пройдений матеріал.

Переваги онлайн-навчання в Комп'ютерній школі Hillel

  • man-raising-hand
    Групи до 20 осіб Викладач приділяє час кожному студенту.
  • nerd-face
    Викладачі практики У нас викладають тільки практикуючі фахівці з топових IT-компаній.
  • briefcase
    Система особистих кабінетів Ефективне і зручне навчання.
  • speech-balloon
    Оперативна служба підтримки студентів Термінові питання — своєчасне рішення.
  • videocassette
    Доступ до відеозаписів занять Записи уроків залишаються у студентів після закінчення навчання.
  • hammer
    Практичні заняття Велика частина занять орієнтована на практику.
  • rocket
    Працевлаштування

    Що ми робимо для того, щоб ви досягли успіху?

  • clipboard

    Проводимо майстер-класи з підготовки резюме та пошуку роботи

  • books

    Регулярно оновлюємо програми курсів під вимоги ринку

  • smiling-face-with-sunglasses

    Запрошуємо викладати тільки кращих практикуючих фахівців

  • globe-with-meridians

    Розвиваємо нашу мережу партнерів серед топових IT-компаній

  • direct-hit

    Наші викладачі часто самі забирають до себе наших кращих Студентів ;)

Наші викладачі та випускники працюють в топових IT-компаніях світу

Велика подяка школі Hillel і моєму викладачеві Олександру Галушці за комфортні і натхненні уроки, за цікаві домашки, детальний і доброзичливий фідбек. За зацікавленість і віру у кожного з нас. Я отримала більше, ніж очікувала! Кращого викладання й годі було уявити) Дякую за те, що закохав у дизайн з першого уроку😊 Попереду курс Pro, чекаю з нетерпінням😎
Хочу подякувати Hillel IT School за чудово організований процес навчання. Зрозуміла навчальна платформа, вільний доступ до відеозапису уроків, зручна комунікація - все спрямовано на зручне та ефективне навчання. Особливо хочу подякувати викладачу Олені Парієнко, яка вкладала душу в кожне заняття. Її лекції ніколи не були нудними і доповнювались реальними прикладами та практичними завданнями. На заняттях панувала тепла, легка та невимушена атмосфера. Олена завжди намагалась нам дати більше, ніж було заявлено в програмі курсу. Да, іноді було нелегко, але її віра в нас та підтримка завжди мотивували викладатися на максимум. Також хочу подякувати ментору Ірині Ревакович за її поради та оперативно перевірені домашки) Олена та Ірина - найкращі! Навіть зараз, після закінчення курсу, вони на зв'язку та продовжують мотивувати!
Неймовірно вдячна школі Hillel It School за цей цікавий та інформативний курс. Уся програма структурована та насичена. Наша викладачка Олені Парієнко дуже артистична та професійна особистість. Важливіше те, що будь-яка інформація була зрозумілою та лаконічною. Наш дизайнерський досвід зростав у дружньому та активному середовищі. Дякую їй за це! Також хочу подякувати ментору Ірині Ревакович за те, що вона завжди була на зв'язку та допомагала своїми порадами. Бажаю компанії професійного зросту!
Чудовий курс для старту у цій сфері. Прекрасна структура курсу, адже все подавалося поступово. Ми змогли показати свої набуті уміння, навичок та знання на останньому уроці, коли демонстрували дипломні роботи. Викладач і працівники школи усіляко допомагають, вирішують проблеми та уміють порадити. Хочу подякувати своєму викладачу. Антон Косолапов неймовірний. Спокійний голос+професіоналізм допомогли мені зрозуміти, що web дизайн це те, чим я хочу займатися. Дякую Антону та школі Hillel за таку можливість!
Хочу сказать большое спасибо Антону, за такой насыщенный и объёмный курс знаний.Все было доступно, познавательно и интересно. Учеба доставила огромное удовольствие и желание двигаться вперёд в заданном направлении.
Хочу подякувати за навчання у вашій школі особливо викладачам Сергію Семерньову та Юлії Чауш, всі мої знання я застосував у своїй дипломній роботі і вийшло дуже здорово як на мою скромну думку, але головне, що робота сподобалася і викладачеві та групі. Шкода, що при здачі не присутнював СЕО Хілель Вадим Друмов, а так все вийшло чудово. Можливо, пізніше продовжу навчання на курс ПРО.
Step one! Excellent! Когда случается желанная, но неожиданная возможность. Две недели назад я закончила курсы и получила диплом. Первые мысли о смене рода деятельности пришли около года назад. С тех пор я мониторила школы, курсы, направление. Ходила и смотрела презентации и так далее. И нашла ее. Свою школу. Комп'ютерна школа Hillel / Гилель Такое, наверное, чувствуешь сердцем. Впервые в жизни я хочу учиться и мне нравится. Очень. Даже английский пошёл легче. У ребят отличный подход к обучению. У нас был отличный преподаватель. Первый учитель очень важен. Поддержать охоту и настойчиво научить. Три месяца назад я не умела ничего и вот уже мы занимаемся дизайном сайта... Юля, спасибо тебе огромное! За все советы, подсказки, уроки, направления. Для меня гордость стать 5й в рейтинге без единой пересдачи! Дальше у меня много учебы и интересного. To be continued...
Діна Кравченко

Діна Кравченко

Я неймовірно рада, що для вивчення курсу Основ Web дизайну обрала саме школу Hillel. Зараз поясню. По-перше, курс стартував навіть без затримки в умовах щойно розпочатої війни в Україні (реєструвалась на курс ще до війни). По-друге, я в захваті від особистих кабінетів. Ну дуууже зручна і проста в користуванні система. Краса просто. По-третє, (і найголовніше) - це викладачі. Особисто в нашій групі викладали Марина Мігель та Альона Парієнко. Забігаючи наперед, скажу, що вже через півтора місяці, саме через любов до їх занять, я записалась на наступний курс (Pro курс). Стиль викладання просто нереально захоплюючий. Все дуже зрозуміло, доступно та весело)) Постійна підтримка і пояснення з домашками (майже цілодобово). Мотиваційно-надихаючі повідомлення від Марини та Альони заскрінила і буду перечитувати в хвилини смутку). Марина майстерно і максимально спокійно знаходила підхід до кожного, хоча характери у студентів були ой які разні)) А з Альоною ми провели не один вечір в Зумі наодинці, де вона окремо пояснювала (розжовувала до останнього)) незрозумілі теми, і заспокоювала тим, що також колись цього не розуміла і це нормально) Зараз на Pro-курсі я насолоджуюся заняттями Марини Мігель, та дуже шкода, що там немає Альони. Надіюсь, скоро Альона також з'явиться там в числі викладачів. Не можу не відмітити роботу адміністраторів школи. Анатолій Черня, головний адміністратор одеського філіалу, є тим, хто вирішить будь-яке питання за максимально корткий період, знайде необхідні слова і створить найбільш комфортну атмосферу. Та ще в такій дружній формі. Я в захваті. І звичайно я буду рекомандувати Hillel всім знайомим.
Курс дуже сподобався! По знанням - наче рік в універі. Готовтесь працювати. :) Особливо нам повезло з викладачем (і це не лише моя думка). Він міг і надихнути, і розвеселити, і свторити дружню атмосферу, і дати чарівний пендель. Мені здавалось що он-лайн буде складно і я здамся на половині шляху. Але було цікаво і було багато практичних завдань. Я дивлюсь на пройдений шлях і дивуюсь: Це я зробила?? Оо Це краще вкладення у себе.
Эльвира Натальчук

Эльвира Натальчук

Огромная благодарность Сергею Семернëву за прекрасный курс Веб-дизайна!! Много полезной информации, и никакой воды! Прекрасный подход к преподаванию. Сергей-отличный педагог, на протяжении всего курса делился ценными советами и помогал улучшать навыки в области веб-дизайна. Благодаря ему я успешно окончила подготовку и получила диплом с отличием
Anna Lisovets

Anna Lisovets

Прошла курс "Основы Web дизайна" и осталась очень довольна. Школа имеет отличную организацию учебного процесса. Не смотря на случившеюся ситуацию в моей группе, Святослав Федоров, как профессионал своего дела, быстро смог найти правильный подход, дал очень полезную и актуальную информацию, всегда делился крутыми советами и индивидуально поддерживал каждого студента. Благодаря ему мы смогли успешно закончить курс и прокачать себя в сфере дизайна!
Хочу подякувати викладачам курсу Андрію Цапко та ментору Антону. До курсу взагалі не працювала в figma, мала мінімальні знання в Фотошопі та ілюстраторі. Але після цього курсу впевнено можу виконувати завдання в на цих платформах. Підхід до курсу - особливий. Чудова подача інформації, професійна підготовка та розбір усього на практиці. Потрапила в цю школу по рекомендації і вже неодноразово рекомендувала своїм друзям. Платформа для проходження курсу та отримання знань - теж класно зроблена, зручно, зрозуміло. Однозначно раджу обрати данний курс та саме цю школу, якщо ви вагаєтесь 😉

Часті питання

  • Який потрібно мати комп'ютер, щоб навчатися на курсі Основи Web дизайну?

    Вимоги до комп'ютера для навчання на курсі Основи Web дизайну.

    Операційна система:

    • Windows 10 64-біт
    • macOS 10.13 або вище

    Процесор* :

    • Мінімум intel core i5 4-го покоління
    • Рекомендується i5 8-го

    Оперативна пам'ять:

    • Мінімум 8 Гб
    • Рекомендується 16 Гб

    Пам'ять:

    • Мінімально 200 Гб HDD і більш
    • Рекомендується 200 SSD і більш

    Роздільна здатність екрану:

    • Мінімальна: 1280 x 800
    • Рекомендоване 1920 x 1080

    Відеокарта:

    • Вбудована графіка
    • Рекомендується зовнішня відеокарта з 2 Гб відеопам'яті

    *Допустимі аналоги від AMD

  • Ким працюють ваші Викладачі? Чи мають вони досвід викладання?

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

  • Де можна подивитися відгуки про вашу Школу?

    Ви можете прочитати відгуки наших Студентів та Випускників на нашому сайті за цим посиланням. Ще ви зможете знайти відгуки і інформацію про нас на DOU.ua або можете прописати назву нашої Школи у Google, де ви також зможете побачити відгуки про нашу Школу у Google-акаунті або на Google-картах.

  • Як працює оплата частинами?

    Ми пропонуємо можливість розбити вартість курсу на щомісячні платежі до 12 частин за допомогою розстрочки у ПриватБанку або Монобанку. При цьому вам не потрібно сплачувати додаткові комісії або відсотки банкам, оскільки Школа оплачує цю комісію за вас.

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

    Докладніше про оплату частинами у нашому матеріалі.

  • Чи є у вас більш прискорені або інтенсивні курси?

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

  • Чи знадобиться мати при собі свій комп'ютер для навчання у Школі?

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

  • Як отримати максимальний бал за домашнє завдання?

    Виконання домашніх робіт, одна з найважливіших складових навчання. Для того, щоб отримати максимальний бал за домашнє завдання, потрібно:

    • Виконати завдання в зазначені терміни
    • Виконати всі умови завдання
    • Виконати завдання без помилок
    • Перездача домашнього завдання не більше одного разу

Запит на консультацію

Залиште ваші контактні дані, і ми вам обов'язково зателефонуємо!

Обов'язково вкажіть ваше ім'я кирилицею

Обов'язково вкажіть email, за яким ми зможемо з вами зв'язатися

Обов'язково вкажіть телефон в міжнародному форматі

Школа працює з 10:00 до 21:00 по буднях і з 10:00 до 19:00 у вихідні дні (за київським часом, GMT + 2).

Відправлено

Професія UI/UX дизайнера