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

Basic level
5

alarm-clock занятий

spiral-calendar занятий в неделю

rocket старт

За неделю записалось

Осталось

Этот курс проводится в формате дистанционного обучения.

Начни свой путь в IT
веб-дизайна!

Курс веб-дизайна для начинающих является идеальным выбором для тех, кто желает изучить искусство создания интуитивно понятных и эстетически приятных интерфейсов для веб-сайтов и приложений. Он охватывает весь спектр навыков от базовых до высокоуровневых, позволяя студентам освоить современные тенденции в области дизайна.

Цели курса

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

в месяц при оплате частями на 12 частей

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

Полная стоимость курса 11 500 ₴

-10% при оплате сразу 10 350 ₴

Промокод

Дополнительные скидки

Списание с текущего баланса

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

Списание с основного счета

Списание с реферального счета

Списание с бонусного счета

Цена курса для вас 10 350

К покупке курса

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

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)

    • Цикл разработки интерфейса
    • Дорожная карта
    • Персона пользователя
    • Карта эмпатии
    • Методы UX исследований
    • Брифинг
    • Двойной бриллиант
    • Психология пользователя в рамках интерфейса
    • Юзабилити аудит юзабилити аудит
    • Практика
  • UX исследование и архитектура (part 2)

    • Информационная архитектура и ее принципы и принципы
    • Навигационные и поисковые системы
    • Mind Map
    • Знакомство с User Flow
    • FigJam
  • UX исследование и архитектура (part 3)

    • Пример использования
    • Пользовательский сценарий
    • UCD
    • JTBD
    • Модель Кано
    • Композиция
    • Паттерны нейрофизиологии
    • Сетки
    • Правило "внешнего-внутреннего"
  • Типографика

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

    • Теория цвета
    • Психология цвета
    • Цветовые схемы цветовые схемы
    • Практика
  • Теория цвета (part 2)

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

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

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

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

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

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

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

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

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

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

    • Responsive
    • Adaptive
    • Breakpoints
    • Мудборды
    • Mobile First
    • Desktop First
  • Особенности мобильной разработки

    • Процесс разработки мобильного приложения
    • Область нажатия на кнопку
    • Расположение элементов
    • История
    • Версии
    • Требования к сетке
    • Расстояния
    • Размеры элементов & Страница 404
    • Сенсорный экран
    • Breakpoints
    • Мозговой штурм
  • 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-компаниях мира

Samsung
Infopulse
EPAM
Ciklum
DataArt
Capgemini Engineering
HYS
MacPaw
Ubisoft
Provectus
Snap Inc.
OWOX
Chapps
3DLOOK
Admixglobal
482.solutions
4Limes
Цитрус
AgileEngine
Andersen
Banda-Tech
Codeska
DIGIS
DMark
EIS Group
IWA Solution
Luxoft
Metro Global Ukraine
Netcracker Technology
Netpeak
Nexteum
Onixsoft
OS-System
Petrosoft
QA Madness
QATestLab
Readdle
Rozetka
SendPulse
Sigma Software
Snapchat
Synebo
Valtech
Volo.Global
ZenBit Tech
eSputnik.com
Uitop
Codica

Курс неймовірний, як і кабінет/застосунок Hillel.

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

Дякую! Гарний курс, але мені хотілося б трохи більше часу на курс — швидко закінчився.

Дуже продуктивні уроки та практичні заняття. Викладач Антоніна надзвичайно чуйна, завжди допомагала і підказувала, розповідала про свій досвід) Усе пройшло суперкомфортно та з найкращим настроєм! Дуже вдячна Антоніні та команді 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 за цей цікавий та інформативний курс. Уся програма структурована та насичена. Наша викладачка Олені Парієнко дуже артистична та професійна особистість. Важливіше те, що будь-яка інформація була зрозумілою та лаконічною. Наш дизайнерський досвід зростав у дружньому та активному середовищі. Дякую їй за це! Також хочу подякувати ментору Ірині Ревакович за те, що вона завжди була на зв'язку та допомагала своїми порадами. Бажаю компанії професійного зросту!

Часто задаваемые вопросы

  • Какой нужно иметь компьютер, чтобы обучаться на курсе Основы Web дизайна?

    Требования к компьютеру для обучения на курсе Основы Web дизайна.

    Операционная система:

    • Windows 11 64-бит
    • macOS 10.13 или выше

    Процессор* :

    • Минимум intel core i5 4-го поколения
    • Рекомендуется i5 8-го
      *Допустимы аналоги от AMD

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

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

    Память:

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

    Разрешение экрана:

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

    Видеокарта:

    • Встроенная графика
    • Рекомендуется внешняя видеокарта с 2 Гб видеопамяти
  • Кем работают ваши Преподаватели? Имеют ли они опыт преподавания?

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

  • Где можно посмотреть отзывы о вашей Школе Online?

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

  • Как работает оплата частями?

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

    Если вы хотите воспользоваться оплатой частями, пожалуйста, обратитесь к нашему менеджеру любым удобным для вас способом.

    Подробнее об оплате по частям в нашем материале.

  • Есть ли у вас более ускоренные или интенсивные курсы дизайна?

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

  • Как получить максимальный балл за домашнее задание на курсе Основы Web дизайна?

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

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

Заявка на консультацию

Оставьте ваши контактные данные, и мы вам обязательно перезвоним!

Обязательно укажите ваше имя кириллицей

Обязательно укажите email, по которому мы сможем с вами связаться

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

Школа работает с 10:00 до 21:00 по будням и с 10:00 до 19:00 по выходным дням (киевское время, GMT+2).

Отправлено