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

Basic level
5

alarm-clock занять

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

rocket старт

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

Залишилося

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

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

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

Цілі курсу

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

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

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

Повна вартість курсу 10 000 ₴

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

Промокод

Додаткові знижки

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

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

Списання з основного рахунку

Списання з реферального рахунку

Списання з бонусного рахунку

Ціна курсу для вас 9 000

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

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

grinning-face

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

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

  • Figma

    Figma

Що включає в себе курс Основи Web дизайну?

Video cover

Програма онлайн-курсу
Основи 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

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

Роботи наших Студентів на Behance

Переваги онлайн-навчання в Комп'ютерній школі 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 за такий якісний і чудовий курс!

Anna Salamatova

Anna Salamatova

Курс обов'язко́во підійде тим, хото сумнівається — чи підходить йому веб дизайн? Що це таке та як працює? Мої страхи, що буде важко, не цікаво, чи сподобається мені — все це відпало відразу з першого заняття, де все детально, цікаво, наглядно було показано та пояснено чудовим викладачем Олексієм Гущиним. На кожне практичне завдання отримували коментарі й пояснення, а групові завдання були веселими та цікавими. Заняття пройшли дуже швидко, легко. На жаль, курс завершився, але тепер я з впевненістю можу сказати, що веб дизайн — це моє, треба рухатися далі в цьому напрямку, вдосконалювати свої скіли та навички 💪🏻

Окремо хочу подякувати школі Hillel за отримані бонуси після закінчення курсу — це мотивує до нового навчання і підвищення рівня знань 🙌🏻

Yelyzaveta Velychynska

Yelyzaveta Velychynska

Спасибо большое школе за возможность обучаться веб-дизайну! Искренне рекомендую ее всем, кто мечтает о карьере в сфере веб-дизайна. Великолепный преподаватель, который не только обладает впечатляющими знаниями, но и умеет их прекрасно передать. (Алексей спасибо большое!) Мне понравилась тщательная программа курса, охватывающая все аспекты веб-дизайна. После окончания курса я чувствую себя гораздо увереннее в своих навыках и готова взяться за реальные проекты. Благодарю эту школу за такой вдохновляющий опыт.

Це для мене приклад людини, яка дійсно любить свою справу. На заняттях було дуже цікаво та з приємною атмосферою, Юлія дійсно вміє створити комфортні умови для навчання) Домашки перевіряються ретельно, купа корисних порад та іншого. В навчальних матеріалах велика кількість різних додаткових цікавинок, статей, плагінів, ну і звісно куди ж без моря класних анімацій, які вже дуже допомагають мені в професійній діяльності) Тож якщо ви потрапили до неї – це джекпот, не упустіть шанс круто прокачатися, але все ж більшість залежить від вас) Ще раз дякую школі і Юлії за те, що ви робите та навіть більше. Трохи сумно, що курс вже закінчився)
Дуже класний курс,багато крутої та корисної інформаціїї! Хочу дуже подякувати Юлі Жуковській ,все завдяки Їй!))Надзвичайно класна викладачка)

Наш Денис самый крутой учитель который был у меня в жизни! Мы с сестрой Анной Шандицевой готовы были ждать месяц чтоб курс начать именно с ним и не ошиблись в выборе и замене преподователя именно на Дениса! Он НАШ и группа была такой же родной что со слезами прощались!

Олександр Михайловський

Олександр Михайловський

Хочу висловити величезну подяку Юлії Чауш, викладачу на курсах Основи Web-design. За цей чудовий курс! Юля дуже розташовує до себе і з нею комфортно спілкуватись. Вона завжди відповість на запитання, підкаже в навчанні і дасть фід бек по д/з. За короткий проміжок часу я отримав безцінні знання та скіли для старту у професії UI/UX дизайнера. Прокачав навички з 0 до свого першого проекту та великого багажу знань і практики. А також рекомендації від Юлії щодо подальшого шляху у професії дизайнера. Дякую також школі Hillel за продуманий ефективний спосіб навчання та зручної LMS.
Велика подяка школі Hillel і моєму викладачеві Олександру Галушці за комфортні і натхненні уроки, за цікаві домашки, детальний і доброзичливий фідбек. За зацікавленість і віру у кожного з нас. Я отримала більше, ніж очікувала! Кращого викладання й годі було уявити) Дякую за те, що закохав у дизайн з першого уроку😊 Попереду курс Pro, чекаю з нетерпінням😎
Хочу подякувати Hillel IT School за чудово організований процес навчання. Зрозуміла навчальна платформа, вільний доступ до відеозапису уроків, зручна комунікація - все спрямовано на зручне та ефективне навчання. Особливо хочу подякувати викладачу Олені Парієнко, яка вкладала душу в кожне заняття. Її лекції ніколи не були нудними і доповнювались реальними прикладами та практичними завданнями. На заняттях панувала тепла, легка та невимушена атмосфера. Олена завжди намагалась нам дати більше, ніж було заявлено в програмі курсу. Да, іноді було нелегко, але її віра в нас та підтримка завжди мотивували викладатися на максимум. Також хочу подякувати ментору Ірині Ревакович за її поради та оперативно перевірені домашки) Олена та Ірина - найкращі! Навіть зараз, після закінчення курсу, вони на зв'язку та продовжують мотивувати!
Неймовірно вдячна школі Hillel It School за цей цікавий та інформативний курс. Уся програма структурована та насичена. Наша викладачка Олені Парієнко дуже артистична та професійна особистість. Важливіше те, що будь-яка інформація була зрозумілою та лаконічною. Наш дизайнерський досвід зростав у дружньому та активному середовищі. Дякую їй за це! Також хочу подякувати ментору Ірині Ревакович за те, що вона завжди була на зв'язку та допомагала своїми порадами. Бажаю компанії професійного зросту!
Dariia Krasatiuk

Dariia Krasatiuk

Чудовий курс для старту у цій сфері. Прекрасна структура курсу, адже все подавалося поступово. Ми змогли показати свої набуті уміння, навичок та знання на останньому уроці, коли демонстрували дипломні роботи. Викладач і працівники школи усіляко допомагають, вирішують проблеми та уміють порадити. Хочу подякувати своєму викладачу. Антон Косолапов неймовірний. Спокійний голос+професіоналізм допомогли мені зрозуміти, що web дизайн це те, чим я хочу займатися. Дякую Антону та школі Hillel за таку можливість!

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

  • Який потрібно мати комп'ютер, щоб навчатися на курсі Основи 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).

Відправлено