занятий
занятий в неделю
старт
За неделю записалось
Осталось
Начни свой путь в IT
с дизайна!
Этот курс является идеальным выбором для тех, кто желает изучить искусство создания интуитивно понятных и эстетически приятных интерфейсов для веб-сайтов и приложений. Он охватывает весь спектр навыков от базовых до высокоуровневых, позволяя студентам освоить современные тенденции в области дизайна.
Цели курса
- Освоить UX/UI Design: понять ключевые принципы UX/UI для создания эффективных интерфейсов и научиться использовать современные практики в области UX/UI Design
- Развить навыки исследования пользователя
- Овладеть инструментами для создания дизайн-макетов и прототипов
- Научиться создавать интуитивно понятные и привлекательные дизайны
- Научиться разрабатывать адаптивные интерфейсы для различных устройств
- Освоить высокоуровневый UX/UI Дизайн: освоить высшие уровни дизайна для улучшения пользовательского опыта
- Подготовиться к профессиональному рынку
Изучаемые технологии
-
![Figma]()
Figma
Программа курса
Основы Web дизайна
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 в работе с сайтом
-
Применение паттернов нейрофизиологии в работе
-
Подбор типографики, сеток и цвета для различных проектов
-
Использование негативного пространства для концентрации внимания пользователя
-
Подбор и создание иконок для проектов
-
Создание компонентов для макетов (навигация, контентные блоки, карточки, слайдеры, списки, формы, нотификейшены, фильтры, чекбоксы, радиобаттоны и тд)
Как проходит обучение
Работы наших Студентов на Behance
Преимущества обучения в Компьютерной школе Hillel
-
![man-raising-hand]()
Группы по 17 человек Преподаватель уделяет время каждому студенту -
![nerd-face]()
Преподаватели практики У нас преподают только практикующие специалисты из топовых IT-компаний. -
![briefcase]()
Система личных кабинетов Эффективное и удобное обучение. -
![speech-balloon]()
Оперативная служба поддержки студентов Срочный вопрос — своевременное решение. -
![videocassette]()
Доступ к видеозаписям занятий Записи уроков остаются у студентов после окончания курса. -
![hammer]()
Практические занятия Большая часть занятий ориентирована на практику.
Оплата онлайн
Оплата производится через выставление инвойса на e-mail через сервисы LiqPay, Fondy и Mono Pay.
Гарантия возврата оплаты
До шестого занятия вы можете вернуть
100% внесенных за обучение средств.
-
Трудоустройство
![rocket]()
Что мы делаем для того, чтобы вы достигли успеха?
-
![clipboard]()
Проводим мастер-классы по подготовке резюме и поиску работы
-
![books]()
Регулярно обновляем программы курсов под требования рынка
-
![smiling-face-with-sunglasses]()
Приглашаем преподавать только лучших практикующих специалистов
-
![globe-with-meridians]()
Развиваем нашу сеть партнеров среди топовых IT-компаний
-
![direct-hit]()
Наши преподаватели часто сами забирают к себе наших лучших Студентов ;)
Наши преподаватели и выпускники работают в топовых IT-компаниях мира
Велика подяка школі 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 дизайна?
Требования к компьютеру для обучения на курсе Основы 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-рынка и исключительно на свой личный опыт для того, чтобы наши Выпускники имели наиболее востребованные знания и опыт работы с конкретными кейсами.
-
Где можно посмотреть отзывы о вашей Школе в Харькове?
Вы можете прочесть отзывы наших Студентов и Выпускников на нашем сайте, перейдя по данной ссылке. Еще вы сможете найти отзывы и информацию о нас, зайдя на сайт DOU.ua или же прописав название нашей Школы в Google, где вы также сможете увидеть отзывы о нашей Школе в нашем Google-аккаунте или на Google-картах.
-
Как работает оплата частями?
Мы предлагаем возможность разбить стоимость курса на ежемесячные платежи до 12 частей посредством рассрочки в ПриватБанк или Монобанк. При этом вам не нужно платить дополнительные комиссии или проценты банкам, поскольку Школа оплачивает эту комиссию за вас.
Если вы хотите воспользоваться оплатой частями, пожалуйста, обратитесь к нашему менеджеру любым удобным для вас способом.
Подробнее об оплате по частям в нашем материале.
-
Есть ли у вас более ускоренные или интенсивные курсы дизайна?
Программы курсов составляются квалифицированными практикующими специалистами, чтобы каждый человек смог полноценно и целостно усвоить весь теоретический и практический материал. Количество занятий является оптимальным как для изучения материала на уроке, так и для выполнения домашнего задания. Обучение в более интенсивном ключе не даст результата, ориентированного на дальнейшее трудоустройство и без того в довольно короткие сроки.
-
Как получить максимальный балл за домашнее задание на курсе Основы Web дизайна?
Выполнение домашних работ, одна из самых важных составляющих обучения. Для того, чтобы получить максимальный балл за домашнее задание, нужно:
- Выполнить задание в указанные сроки
- Выполнить все условия задания
- Выполнить задание без ошибок
- Пересдача домашнего задания не более одного раза
- Популярные курсы:
-
Онлайн курсы интернет-маркетинга
-
Онлайн курс по smm