Укр

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

Basic level
5

alarm-clock занятий

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

rocket старт

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

Осталось

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

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

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

Цели курса

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

    • Цикл разработки интерфейса
    • Дорожная карта
    • Персона пользователя
    • Карта эмпатии
    • Методы 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

    Вы прорабатываете ошибки и закрепляете пройденный материал.

Преимущества онлайн-обучения в Компьютерной школе 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-компаниях мира

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

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

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

Хочу висловити величезну подяку Юлії Чауш, викладачу на курсах Основи Web-design. За цей чудовий курс! Юля дуже розташовує до себе і з нею комфортно спілкуватись. Вона завжди відповість на запитання, підкаже в навчанні і дасть фід бек по д/з. За короткий проміжок часу я отримав безцінні знання та скіли для старту у професії UI/UX дизайнера. Прокачав навички з 0 до свого першого проекту та великого багажу знань і практики. А також рекомендації від Юлії щодо подальшого шляху у професії дизайнера. Дякую також школі Hillel за продуманий ефективний спосіб навчання та зручної LMS.

Велика подяка школі Hillel і моєму викладачеві Олександру Галушці за комфортні і натхненні уроки, за цікаві домашки, детальний і доброзичливий фідбек.

За зацікавленість і віру у кожного з нас.

Я отримала більше, ніж очікувала!

Кращого викладання й годі було уявити)

Дякую за те, що закохав у дизайн з першого уроку😊

Попереду курс Pro, чекаю з нетерпінням😎

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

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

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

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

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

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

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

    • Windows 10 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).

Отправлено

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