Скидка -30% до 31 октября

Веб-дизайнер. Базовый курс

Научитесь разрабатывать понятный и удобный интерфейс, проектировать сайты и попробуйте себя в профессии веб-дизайнера.

Начало обучения

ноябрь 2024, декабрь 2024

Портфолио

для старта в профессии

Сертификат

о прохождении курса

С чего начать в веб-дизайне?

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

Кому подойдет

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

Почему стоит идти в веб-дизайн?

  • Сможете создавать понятные и удобные интерфейсы, которыми будут пользоваться тысячи людей
  • Сможете освоить одну из самых востребованных профессий в digital
  • Сможете освоить профессию из мира ИТ и работать удаленно
Доход

120 000 P

зарплата специалиста с опытом 1-3 года

от 5 000 до 50 000 P

стоимость 1 проекта на фриланс
Вакансии

более 1 500+

вакансий размещено на hh.ru

более 4 000+

задач на биржах фриланса

Мы знаем, о чем вы беспокоитесь

По итогам этого курса вы научитесь

Обрабатывать, ретушировать и корректировать изображения в Adobe Photoshop

Создавать с 0 дизайн интерфейсов и приложений в Figma

Разрабатывать анимацию интерфейсов

Собирать сайты на конструкторе Tilda и готовить их к запуску

Разбираться в основах веб-композиции и типографики

Работать с модульными сетками и цветом

Создавать интерактивные UX/UI-прототипы

Инструменты, которые вы освоите:

Figma

Tilda

Photoshop

Ваше портфолио

Дизайн лендинга в Figma (одностраничного сайта)
Мобильная версия лендинга
Дизайн интернет-магазина в Figma
Прототипы страниц интернет-магазина
Многостраничный сайт
Сайт курса в Tilda

Сертификат

По итогу обучения вы получите сертификат
академии дизайна Pentaschool

Программа обучения

Программа состоит из 18 дисциплин — от знакомства с профессией до практикумов по созданию сайтов и мобильных приложений.

  • 1. Введение в профессию «Дизайнер интерфейсов»
    Содержание курса:
    • Задачи и особенности работы UX/UI-дизайнера
    • Типичные ошибки начинающих дизайнеров и как их избежать
    • Этапы разработки цифрового продукта
    • Предпроектный анализ и основы работы с заказчиком
    • Интерфейс редактора Figma
    Задания на курсе:
    • Выбрать тему проекта, подобрать референсы и провести анализ конкурентов
    • Создать мудборд в Figma
    • Собрать в конструкторе форму обратной связи для лендинга
    Результат:
    • Поймете, чем занимается UX-UI-дизайнер, и узнаете, какие навыки, знания и профессиональные программы вам понадобятся в работе
    • Познакомитесь с онлайн-редактором Figma и выполните в нем первые задания
    4 часа теории
    11 часов практики
  • 2. Создание лендинга в Figma. UX-дизайн. Композиция. Создание прототипа
    Содержание курса:
    • Основные понятия UX-дизайна и основы юзабилити
    • Создание User-flow — пользовательских сценариев
    • Основы веб-композиции: визуальный вес, баланс, масштаб, статика и динамика
    • Создание прототипов и работа с компонентами в Figma
    Задания на курсе:
    • Провести анализ User-flow нескольких сайтов, а затем создать пользовательский сценарий для своего проекта
    • Повторить прототип учебного проекта по уроку, а затем создать собственный прототип лендинга и настроить компоненты
    Результат:
    • Изучите основные принципы юзабилити, правила веб-композиции и базовые понятия UX-проектирования
    8 часов теории
    12 часов практики
  • 3. UI-дизайн лендинга. Создание графической концепции
    Содержание курса:
    • Основы типографики: работа со шрифтами и стилями
    • Работа с цветом и изображениями, подбор цветовой палитры
    • Создание адаптивного дизайна для веб-версии лендинга
    Задания на курсе:
    • Повторить настройку цветовых и текстовых стилей, как в уроке
    • Создать UI-дизайн для своего проекта
    • Сделать адаптивную версию лендинга для своего проекта
    Результат:
    • Разберете ключевые правила типографики, научитесь работать с цветом и подбирать изображения для сайтов
    • Узнаете, как создается адаптивный дизайн для мобильных устройств
    9 часов теории
    12 часов практики
  • 4. Основы дизайна сайтов
    Содержание курса:
    • Виды сайтов и особенности проектирования e-commerce
    • Для чего нужны дизайн-системы
    • Основные этапы проектирования интернет-магазина
    • Анализ конкурентов
    • Создание User-flow для интернет-магазина
    Задания на курсе:
    • Провести анализ конкурентов по пользовательским сценариям и сделать выводы
    • Проанализировать сайты конкурентов (визуальная и функциональная составляющая)
    • Создать детализированный User-flow, составить мудборды и ТЗ для каждой страницы сценария
    Результат:
    • Рассмотрите все ключевые этапы проектирования сайтов и научитесь проводить конкурентный анализ
    4 часа теории
    10 часов практики
  • 5. Интернет-магазин. Создание прототипа. Главная страница
    Содержание курса:
    • Настройка сетки и компонентов в Figma
    • Разработка главной страницы сайта: расположение блоков и правила композиции
    Задания на курсе:
    • Создать прототипы главной страницы для учебного и собственного проекта
    Результат:
    • Узнаете, как проектировать в Figma компоненты главной страницы интернет-магазина
    7 часов теории
    13 часов практики
  • 6. Интернет-магазин. Создание прототипа. Сценарий выбора товара
    Содержание курса:
    • Сценарий выбора товара в интернет-магазине
    • Разработка страницы каталога в Figma
    • Разработка страницы результатов поиска в Figma
    • Создание карточки товара в Figma
    Задания на курсе:
    • Создать прототип страницы каталога, результата выдачи и карточки товара
    Результат:
    • Узнаете, как формируется сценарий выбора товаров в интернет-магазине
    • Научитесь проектировать каталог и другие разделы сайта
    10 часов теории
    13 часов практики
  • 7. Интернет-магазин. Создание прототипа. Сценарий покупки
    Содержание курса:
    • Составляющие сценария покупки в интернет-магазине
    • Разработка страниц корзины в Figma
    Задания на курсе:
    • Создать страницы сценария покупки для своего проекта
    Результат:
    • Научитесь проектировать сценарий покупки на сайте и узнаете, какой функционал необходим на страницах оформления заказа
    2 часа теории
    4 часа практики
  • 8. Интернет-магазин. UI-дизайн и создание интерактивного прототипа
    Содержание курса:
    • Типографика и стили: как подобрать шрифты для проекта
    • Создание интерактивного UX-прототипа в Figma
    • Работа с цветом, векторной и растровой графикой в Figma
    Задания на курсе:
    • Повторить настройку стилей и интерактивный прототип из урока
    • Создать интерактивный прототип в Figma для своего проекта, подобрать для него цветовую палитру и изображения, нарисовать иконки
    Результат:
    • Научитесь разрабатывать UI-дизайн сайта и узнаете, как сделать кликабельный прототип интернет-магазина
    7 часов теории
    13 часов практики
  • 9. Контент сайта. Adobe Photoshop для дизайнера интерфейсов, часть 1
    Содержание курса:
    • Интерфейс Adobe Photoshop и применение редактора в UI/UX дизайне
    • Автоматические и базовые инструменты обтравки в Adobe Photoshop
    • Инструменты для работы с цветом и фоном: слой-заливка, кисти, ластик и т. д.
    Задания на курсе:
    • Создать в Adobe Photoshop десктопную и мобильную версию баннера
    • Создать баннер для слайдера
    • Создать сложную композицию с векторными объектами, градиентами и фото
    Результат:
    • Познакомитесь с основными функциями и инструментами Adobe Photoshop, научитесь применять их в работе над сайтами
    5 часов теории
    11 часов практики
  • 10. Контент сайта. Adobe Photoshop для дизайнера интерфейсов, часть 2
    Содержание курса:
    • Инструменты коррекции в Adobe Photoshop: корректирующие слои, настройка экспозиции и яркости, кривые и др.
    • Пакетная обработка фотографий: изменение размера, экшены
    • Ретушь изображений в Adobe Photoshop
    Задания на курсе:
    • Выполнить обработку и коррекцию фото в Adobe Photoshop
    • Создать сложный коллаж для страницы «Ошибка 404»
    Результат:
    • Научитесь использовать инструменты коррекции, выполнять ретушь и пакетную обработку в Adobe Photoshop
    3 часа теории
    8 часов практики
  • 11. Завершение проекта. Анимация, передача разработчикам
    Содержание курса:
    • Анимация интерфейсов в Figma, основные паттерны микроанимации
    • Подготовка UI-kit и передача макета в разработку
    • Презентация проекта и оформление портфолио
    Задания на курсе:
    • Сделать анимированный прототип для своего проекта
    • Подготовить макет для передачи в разработку
    Результат:
    • Научитесь использовать анимацию интерфейса в дизайне сайтов
    • Завершите ваш проект интернет-магазина, подготовите финальный дизайн-макет и UI-kit
    3 часа теории
    10 часов практики
  • 12. Дизайн сайтов на Tilda. Интерфейс и возможности
    Содержание курса:
    • Конструкторы сайтов и сфера их применения
    • Начало работы в конструкторе Tilda
    • Регистрация и создание сайта в Tilda
    • Основные элементы и возможности интерфейса
    • Основы веб-дизайна на Tilda: текст, изображения, меню, навигация и другие элементы
    Задания на курсе:
    • Завести аккаунт на Tilda, создать первую страницу и добавить на нее блоки
    • Создать на сайте еще одну страницу по инструкции
    Результат:
    • Изучите основные возможности конструктора сайтов Tilda и освоите его интерфейс
    4 часа теории
    10 часов практики
  • 13. Создание лендинга и многостраничного сайта на Tilda
    Содержание курса:
    • Что такое Zero-block в Tilda и для каких задач они подходят
    • Создание лендинга в Tilda
    • Создание многостраничных сайтов в Tilda
    Задания на курсе:
    • Собрать лендинг на Tilda не менее чем из 10 блоков по типовой структуре
    • Создать на основе лендинга многостраничный сайт
    Результат:
    • Научитесь использовать Zero-block и комбинировать их со стандартными блоками Tilda
    4 часа теории
    14 часов практики
  • 14. Создание интернет-магазина и сайта курса обучения на Tilda
    Содержание курса:
    • Создание интернет-магазина и сайта для продажи курса на Tilda
    • SEO, сбор данных и аналитика на сайтах, собранных в конструкторе
    • Лайфхаки эксперта по работе в Tilda
    Задания на курсе:
    • Создать простой многостраничный интернет-магазин одежды или овощей/фруктов. Создать сайт для продажи курса
    • Настроить на сайтах прием данных через 5 разных форм, установить счетчики и настроить редиректы
    Результат:
    • Научитесь использовать типовые блоки при создании интернет-магазина на Tilda, настраивать сбор данных на сайте
    5 часов теории
    14 часов практики
  • 15. Особенности работы с мобильными приложениями
    Содержание курса:
    • Как и зачем создаются мобильные приложения
    • Пользовательские паттерны
    • Проектирование мобильного приложения: создание User Story и проектирование User Flow
    • Стандартная структура приложений и принципы навигации
    • Создание прототипа мобильного приложения на основе гайдлайнов IOS и Android
    Задания на курсе:
    • Провести анализ приложений-конкурентов и создать на его основе User Flow (пользовательский сценарий)
    • Создать прототип мобильного приложения для своего проекта
    Результат:
    • Узнаете обо всех этапах разработки мобильного приложения и научитесь создавать прототипы приложений на основе гайдлайнов
    5 часов теории
    13 часов практики
  • 16. Мобильное приложение. Проектирование
    Содержание курса:
    • Начало работы над проектом приложения: бриф и техническое задание
    • Анализ визуальной концепции приложений-конкурентов
    • Создание презентаций и мудбордов по проекту
    • Проектирование User Flow мобильного приложения: этапы и базовая логика
    Задания на курсе:
    • Сформулировать вопросы брифа для заказчика
    • Провести анализ конкурентов и составить по итогам этого презентацию и мудборд
    • Создать User Flow для учебного проекта
    Результат:
    • Научитесь составлять бриф и ТЗ на разработку, вести проект на всех основных этапах
    5 часов теории
    10 часов практики
  • 17. Мобильное приложение. Создание прототипа и UI-дизайн
    Содержание курса:
    • Подготовка к wireframe-проектированию и создание прототипа главного экрана
    • Создание кликабельного прототипа приложения
    • Особенности UI-дизайна для мобильных приложений
    • Подбор цветов и работа с анимацией
    • Создание UI-kit и подготовка прототипа к передаче в разработку
    Задания на курсе:
    • Создать wireframe-прототипы нескольких экранов приложения
    • Создать кликабельный прототип приложения
    • Выполнить основные элементы UI-дизайна приложения
    Результат:
    • Научитесь создавать wireframe-прототипы и кликабельные прототипы экранов приложения в Figma
    9 часов теории
    17 часов практики
  • 18. Личный бренд дизайнера
    Содержание курса:
    • Личный бренд и позиционирование дизайнера
    • Портфолио дизайнера
    • Основные ресурсы для поиска клиентов
    • Ценообразование в дизайне: как рассчитать стоимость услуг и составить прайс-лист
    • Коммуникация с заказчиком на каждом этапе работы над проектом
    • Правовые аспекты в работе дизайнера
    Задания на курсе:
    • Прописать свое позиционирование и составить план профессионального развития
    • Разместить созданный на курсе лендинг, приложение или интернет-магазин на Behance в качестве портфолио
    • Составить план работы с заказчиком
    Результат:
    • Научитесь позиционировать себя в качестве эксперта и развивать личный бренд
    • Узнаете, как привлечь клиентов и найти проекты на российском и международном рынке
    8 часов теории
    12 часов практики
Для обучения необходимо

Для комфортного и эффективного прохождения курса вам понадобится персональный компьютер или ноутбук с установленными программами Adobe Photoshop, Figma, а также быстрый интернет для работы в онлайн конструкторе Tilda.Для работы в Figma вам понадобится свежая версия любого браузера. Если вы используете десктопную версию Figma, то есть требования к видеокарте:

  • Intel HD Graphics 4000 (или позднее).
  • Nvidia 330m (или позднее).
  • ATI Radeon HD 4850 (или позднее).

 

Список изучаемых программ:

  • Adobe Photoshop

Пробный период 7 дней

Официальная версия программы

Требования к ПК для установки

  • Tilda

Бесплатно

Ссылка на конструктор

  • Figma

Бесплатно

Ссылка на программу

Преподаватели

Портфолио преподавателей

Выгодное поступление
Получите профессию Веб-дизайнера со скидкой 30%
Нажимая на кнопку, Вы даёте согласие на обработку своих персональных данных в соответствии с Политикой в отношении обработки персональных данных.

Проекты студентов

Проекты студентов на Tilda

Получите 3 воркшопа
в подарок

Отзывы студентов

Почему выгодно учиться на Pentaschool

Программа Веб-дизайнер в Pentaschool
Программа Веб-дизайнер в очных университетах
Программа Веб-дизайнер в других онлайн-школах

Стоимость обучения

Стоимость обучения

Стоимость обучения

6 427 руб/мес
20 833 руб/мес
7 336 руб/мес

Длительность обучения

Длительность обучения

Длительность обучения

7,5 месяцев
12 месяцев
24 месяца

График

График

График

Онлайн-обучение, свободный график
Смешанный график, есть оффлайн и онлайн-занятия, привязанные к дням и времени
Онлайн-обучение, свободный график

Специализация школы

Специализация школы

Специализация школы

Только курсы по дизайну
Курсы разных направлений
Курсы разных направлений

Возврат 13% налога

Возврат 13% налога

Возврат 13% налога

Возможен, есть Лицензия на обучения
Возможен
Возможен, если у школы есть лицензия

Почему Pentaschool

5 лет специализируемся на обучении дизайнеров
5500 довольных студентов
4000 вебинаров в нашей базе знаний
91% студентов рекомендуют обучение в Pentaschool по данным otzovik.com
  • Бессрочный доступ к материалам курса после успешного завершения обучения
  • Обратная связь от практикующих экспертов
  • Входим в сообщество дизайнеров со всего мира
Начните учиться сейчас и платите частями
  • Первый платеж:
  • Комфортные сроки: 3-6-10-12 месяцев
  • Рассчитывается от стоимости со скидкой

Оплата частями

  • На 2 месяца (раз в 2 недели) без комиссии
  • На 4-6 месяцев с комиссией
  • Рассчитывается от стоимости со скидкой
Подробности вы можете уточнить у менеджера во время звонка
Стоимость обучения
Скидка
-30% До 31 октября
от 5 800 Р

в месяц по рассрочке банка-партнёра

Рассрочка 0% без первого взноса и переплат

82 800 Р 58 000 Р

Срок обучения — 7,5 месяца
Обучение с выдачей сертификата

В стоимость входит:

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

Нажимая на кнопку, Вы даёте согласие на обработку своих персональных данных в соответствии с Политикой в отношении обработки персональных данных.
Варианты оплаты
Вы также можете позвонить нам самостоятельно по номеру 8 800 550-76-72
Звонок для вас абсолютно бесплатный

Вопросы и ответы

Можно ли одновременно работать и учиться?

Да. Вы сможете сами выбирать время для занятий — например, просматривать видеолекции по выходным или по вечерам.

У меня нет опыта в веб-дизайне. Подходит ли мне этот курс?

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

Будет ли обратная связь?

Да. По всем практическим работам, выполненным на курсе, вы получите советы и комментарии экспертов.

Сколько времени я должен уделять учебе?

Одна видеолекция в среднем длится 15-20 минут. Вам достаточно уделять учебе пару часов, чтобы не отставать от учебного плана, или выделять свободное время на выходных.

Дадут ли мне рассрочку?

Да. Вы можете оформить рассрочку от банка-партнера или от нашей академии. Мы не начисляем проценты и не берем комиссию, поэтому общая стоимость обучения не изменится.

Не осталось вопросов?

Тогда смелее записывайтесь на обучение и станьте обладателем профессии мечты!

Заказать звонок

Нажимая на кнопку, Вы даёте согласие на обработку своих персональных данных в соответствии с Политикой в отношении обработки персональных данных.

Мы перезвоним Вам
в ближайшее время