25 Лучших Онлайн-Курсов Веб-дизайна: Обучение в 2022 + Бесплатные с Нуля для Начинающих

Лучшие курсы:

1 место. Веб-дизайн с нуля до PRO от Skillbox

Цена: 102 960 ₽ или рассрочка на 24 месяца — 4 290 ₽ / мес

Ссылка на сайт: https://skillbox.ru/course/webdesign-pro/

Вы научитесь создавать дизайн сайтов в Figma. Поработаете с реальными кейсами и соберёте портфолио. Освоите перспективную специальность и сможете начать карьеру в дизайн-студии, IT-компании или на фрилансе.

  • Длительность — 7 месяцев
  • Онлайн в удобное время
  • 4 дизайн-спринта для отработки навыков
  • Проекты в портфолио.
Пройти курс веб-дизайна →

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

Кому подойдёт этот курс:

  • Тем, кто хочет начать карьеру в дизайне
    Научитесь с нуля создавать дизайн сайтов и мобильных приложений в Figma. Соберёте портфолио и сможете зарабатывать на веб-дизайне.
  • Дизайнерам-самоучкам
    Изучите UX-дизайн, адаптивность и несложную анимацию. Дополните портфолио новыми работами. Заполните пробелы в знаниях и станете профессиональным дизайнером.
  • Тем, кто хочет перейти на фриланс
    Узнаете, как самостоятельно находить заказчиков и делать работу так, чтобы они возвращались. Сможете уйти из офиса и работать по своим правилам из любой точки мира.

Чему вы научитесь:

  • Создавать сайты и приложения в Figma
    Изучите принципы композиции и теорию цвета. Сможете создать макет, подготовить его к вёрстке и написать спецификацию для разработчиков.
  • Делать адаптивные макеты
    Поймёте, как разработать дизайн, который будет отлично смотреться на разных устройствах. Научитесь адаптировать макеты и создавать мобильные версии сайтов.
  • Создавать удобные интерфейсы
    Узнаете, что такое UX, научитесь строить User Flow и Customer Journey Map. Сможете создавать понятные и удобные интерфейсы по правилам юзабилити.
  • Делать несложную анимацию
    Научитесь анимировать элементы интерфейса и создавать переходы между страницами в Figma. Сможете показать заказчику кликабельный прототип.
  • Писать тексты для интерфейсов
    Узнаете о требованиях к текстам в интерфейсе: от инфоблоков до кнопок. Поймёте, как сделать их лаконичными, читаемыми и понятными.
  • Общаться с заказчиками
    Поймёте, как обсуждать задачу, сопровождать проект и не срывать сроки. Сможете стать специалистом, к которому обращаются снова.

Как проходит обучение на платформе

  1. Изучаете тему
    В курсе — практические видеоматериалы.
  2. Выполняете задания
    В том темпе, в котором вам удобно.
  3. Участвуете в дизайн-спринтах
    Выполняете задания и получаете обратную связь от экспертов.
  4. Презентуете итоговую работу
    И дополняете ею своё портфолио.

Содержание курса:

Вас ждут записи выступлений экспертов, дизайн-спринты и практические задания на основе реальных кейсов. Спринты помогут проверить свои силы в условиях, приближенных к реальной работе дизайнера.
31 тематический модуль, 119 видеоматериалов

Figma с нуля до PRO
Вы освоите самую популярную программу для веб-дизайна на профессиональном уровне. Научитесь создавать интерактивные прототипы, передавать макеты разработчикам и экономить время на рутинных задачах.

  1. Знакомство с Figma
    Разберётесь в интерфейсе и базовых настройках программы. Научитесь использовать геометрические фигуры, слои и текстовые поля. Соберёте свой первый прототип.
  2. Основные инструменты Figma
    Узнаете, что такое фреймы и чем они отличаются от слоёв. Научитесь рисовать простые фигуры, добавлять цвет, эффекты и текст. Познакомитесь с основами прототипирования.
  3. Иконки, иллюстрации и картинки
    Узнаете, как создавать собственные иконки и обрабатывать изображения, используя внутренние инструменты Figma. Сможете делать дизайн-макеты с нуля, не используя сторонние редакторы.
  4. Компоненты
    Узнаете, как создавать компоненты и пользоваться панелью настроек. Научитесь делать интерактивные прототипы и показывать заказчику, как люди будут пользоваться будущим сайтом.
  5. Библиотеки компонентов и общие стили
    Сможете создавать библиотеки стилей и UI Kit, чтобы стандартизировать элементы интерфейса. Научитесь верстать аккуратные макеты с помощью модульных сеток.
  6. Auto Layout и Variants
    Поймёте, как объединить макеты в систему с помощью функции Variants. Сможете создавать и адаптировать под разные устройства сложные элементы интерфейса.
  7. Сложные многостраничные документы
    Научитесь работать с базовыми экранами и создавать дерево страниц. Освоите бета-версию функции Branches. Поймёте, как организовать работу команды над разными версиями одного макета.
  8. Дополнительные возможности и сообщество авторов
    Узнаете, какие плагины помогут вам быстро создавать драфтовые проекты и работать с правками. Научитесь добавлять анимацию в прототипы.
  9. Подготовка макета для разработчиков
    Сможете показать разработчику технические аспекты проекта и код компонентов. Научитесь оптимизировать работу команды с помощью плагина Figma Jam.

Веб-дизайн с нуля до PRO
Вы погрузитесь в профессию веб-дизайнера. Узнаете, как работать над проектом — от первой встречи с клиентом до готового сайта. Научитесь находить креативные идеи и опираться на UX-исследования. Отточите навыки на дизайн-спринтах.

  1. Знакомство с профессией веб-дизайнера
    Узнаете, какие задачи решают веб-дизайнеры и почему эти специалисты так востребованы. Познакомитесь с профессиональными терминами и инструментами.
  2. Первый заказ: коммуникация с заказчиком и техническое задание
    Научитесь общаться с заказчиком: выяснять цели и ограничения проекта, обсуждать референсы, планировать сроки. Поймёте, как сформировать правильные ожидания от работы и не обещать слишком много. Составите техническое задание.
  3. Поиск идеи
    Поймёте, как насмотренность помогает находить лучшие дизайн-идеи. Научитесь анализировать конкурентов, составлять мудборды и подбирать удачные референсы для проекта.
  4. Модульные сетки
    Любой макет начинается с модульной сетки. Вы познакомитесь с её видами и научитесь выбирать подходящую. Узнаете о нюансах сеток для мобильной и полной версий.
  5. Вертикальный ритм
    Научитесь управлять вниманием пользователей с помощью грамотной композиции и вертикального ритма. Узнаете о визуальной иерархии и поймёте, какого размера должен быть каждый элемент на странице.
  6. Типографика
    Научитесь подбирать шрифты и сочетать их между собой. Поймёте, как создать эффектный дизайн с учётом правил типографики.
  7. Спринт 1
    Дорого и минималистично: создаём дизайн лендинга на основе типографики.
  8. Задача текстов в интерфейсах
    Узнаете о требованиях к текстам для интерфейсов. Познакомитесь с основами UX-копирайтинга. Сможете дорабатывать тексты так, чтобы они были понятны пользователям и идеально вписывались в макет.
  9. Цвета, фоны и тени
    Освоите теорию цвета и узнаете о его функциях в интерфейсе. Поймёте, как подбирать палитру для сайта и выделять главные для пользователя элементы. Сможете создавать реалистичную тень для кнопок и других компонентов дизайна.
  10. Контраст и читаемость
    Узнаете, как визуально выделить важные блоки на странице и сделать текст более читаемым. Познакомитесь с принципами инклюзивного дизайна, сможете создавать сайты для широкой аудитории.
  11. Прототип первой страницы
    Создадите вайрфрейм — прототип с упором на структуру и логику, а не на визуальное оформление. Освоите два подхода к проектированию: блочный и freestyle.
  12. Спринт 2
    UX-райтинг: создаём лендинг и готовим тексты для всех элементов интерфейса.
  13. Первый экран страницы
    Познакомитесь с методом атомарного дизайна, который ускорит проектирование сайтов. Поймёте, как завладеть вниманием пользователей с первого экрана. Научитесь создавать кнопки, иконки, поля для ввода данных и формы в едином стиле и масштабе.
  14. Исследование пользователей: Customer Journey Map и User Flow
    Узнаете, как учесть в дизайне потребности целевой аудитории. Научитесь составлять Customer Journey Map и User Flow, оценивать поведение пользователей на каждом этапе взаимодействия с сайтом.
  15. Навигация
    Разберётесь в видах навигации. Поймёте, для каких задач и устройств подходит каждый из них.
  16. Дизайн основных блоков
    Научитесь создавать карточки товаров, слайдеры, блоки с преимуществами, тарифами и рекламой. Соберёте полноценную страницу и поймёте, как презентовать её клиенту. Сможете объяснить свои дизайн-решения, адекватно воспринимать правки и работать с возражениями заказчика.
  17. Адаптивность и компоненты
    Познакомитесь с адаптивным веб-дизайном и его принципами. Разберёте популярные сетки для адаптивов. Узнаете, как сделать качественную мобильную версию сайта.
  18. Спринт 3
    Адаптируем макет страницы для компьютера, планшета и мобильного телефона.
  19. Презентация проекта заказчику
    Узнаете, как оформить проект в эффектную и понятную презентацию. Научитесь объяснять свои решения заказчику и отвечать на типичные или неожиданные вопросы.
  20. Передача макета разработчикам
    Наведёте порядок в слоях и их названиях, создадите простую анимацию элементов и переходы между страницами, составите спецификацию. Научитесь проводить дизайн-ревью после вёрстки.
  21. Спринт 4
    Приёмы для эффектного портфолио: оформляем кейс на Behance.
  22. Кейс для портфолио
    Разберётесь, что лучше для продвижения — сайт-визитка или портфолио на дизайн-площадках. Научитесь оформлять кейсы на Behance так, чтобы ваши работы заметили и оценили. Узнаете о платных и бесплатных способах продвижения.
  23. Бонус-модули
  • Принципы успешной работы с заказчиком
  • Где искать заказы
  • Как дизайнеры работают в больших командах

Итоговый проект

  1. Дизайн-концепт сайта
    Выберете одного из реальных заказчиков и разработаете дизайн сайта для его бизнеса. Используете принципы сторителлинга, чтобы рассказать о своей работе.

Спикеры:

  • Дмитрий Смирнов
    Design Lead в «Тинькофф»
  • Юлия Кондратьева
    Design Lead в «Тинькофф»
  • Александр Свобода
    Проверяющий эксперт в Skillbox
  • Дмитрий Матвеев
    Арт-директор Wildberries
  • Никита Беллер
    Продуктовый дизайнер группы компаний «Тинькофф»
  • Сергей Попков
    Шеф-дизайнер, сооснователь AIC и Skillbox
  • Александра Королькова
    Арт-директор Рaratype, шрифтовой и книжный дизайнер, теоретик шрифта и типографики
  • Ирина Ермакова
    Веб-дизайнер в бюро «Синий Муравей»
  • Юлия Соловьёва
    Дизайнер, арт-директор веб-бюро «Синий Муравей»
  • Никита Заславский
    Head of Digital в студии «Магвай»
  • Александр Ищенко
    Старший веб-дизайнер в студии «Магвай».

Отзывы об обучении:

Иван Медведев, г. Ивантеевка
Курс «Инженер по тестированию»

«Если какой-то материал тяжело даётся, есть вопрос по ДЗ, достаточно написать преподавателю, который поможет разобраться с информацией и подскажет как решить задачу.
По итогу 9-месячной учебы стал по-другому смотреть на сайты. Замечаю «баги», разбираюсь в вёрстке, веду репорты. Узнал, как работать со специфическим ПО.
Уже сейчас нисколько не жалею, что выбрал Skillbox. Спасибо!!!»

Валентина Нарушевич, г. Санкт-Петербург
Курс «Графический дизайнер с нуля до PRO»

«Благодаря урокам я научилась создавать классные постеры и векторные изображения.
Также мой список новых скиллов пополнили ретушь и обтравка изображений — одни из главных навыков профессионального графического дизайнера.
Ну и умение верстать журналы! Теперь я, как самый настоящий графический дизайнер, с легкостью могу создать разворот какого-нибудь модного журнала.»

Ваше резюме после обучения:

Должность: Веб-дизайнер
Зарплата от: 60 000 ₽

Профессиональные навыки:

  • Оценка проекта, составление ТЗ
  • Составление Customer Journey Map и User Flow
  • Разработка адаптивных интерфейсов и мобильных версий сайтов
  • Контроль этапов разработки сайта
  • Использование принципов юзабилити
  • Дизайн сайтов и презентаций в Figma
  • Анимация прототипов
  • UX-райтинг
  • Презентация проектов

Диплом Skillbox
Подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.

Подробнее о курсе веб-дизайна →

2 место. Факультет веб-дизайна от GeekBrains

Цена: Рассрочка до 36 месяцев — от 4 780 ₽ / мес

Ссылка на сайт: https://gb.ru/geek_university/web-design

Вы получите новую творческую профессию – освоите дизайн на продвинутом уровне и научитесь создавать креативные интерфейсы с нуля для разных онлайн-проектов, от баннеров до интернет-магазинов.

  • 12 месяцев, 2 занятия в неделю
  • Диплом о профессиональной переподготовке
  • Трудоустройство после обучения.
Пройти курс веб-дизайна →

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

Кому подойдет курс:

  • Тем, кто хочет освоить творческую профессию с нуля
    Вы получите все необходимые инструменты для быстрого старта в сфере веб-дизайна, научитесь с блеском решать креативные задачи и соберете портфолио, которое впечатлит работодателей.
  • Тем, кто хочет сменить рутину на амбициозные задачи
    Вы сможете самостоятельно создавать интерфейсы и анимацию для любых веб-форматов – пора воплотить в жизнь накопившиеся идеи! Вы освоите новую востребованную профессию, в которой нет места скуке и однообразию.
  • Тем, кто хочет стать фрилансером и работать на себя
    Вы научитесь с нуля создавать дизайн для сайтов, лендингов, баннеров, креативно подходить к решению любых задач, быстро находить клиентов, грамотно выстраивать отношения с заказчиком и работать без офиса из любой точки мира.

Учебный процесс:

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

Самостоятельная работа
После каждого урока вас ждет практическое задание. Вы получите видеозаписи всех занятий и методические материалы.

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

Геймификация учебного процесса
Во время обучения проходит соревнование по 4 дисциплинам. Три лучших студента по каждой дисциплине получат:

  • дополнительные лайфхаки по теме курса
  • персональные консультации с преподавателями
  • книги от МИФ и другие полезные материалы, и призы.

Как вы найдете работу с помощью GeekBrains:

  1. Дадим необходимые знания
    Вы получите все навыки на курсах основного обучения и факультативах от компаний-партнеров.
  2. Вместе оформим резюме
    Вы подадите заявку в сервис трудоустройства, а HR-специалисты GeekBrains помогут создать резюме, которое выделит вас среди других кандидатов.
  3. Предложим подходящие вакансии
    Вы будете рассматривать предложенные нами позиции, откликаться на вакансии из раздела «Карьера» и участвовать в поиске идеального места работы.
  4. Поможем получить работу мечты
    Мы дадим советы по прохождению собеседования. И поздравим с оффером 🙂

Гарантия трудоустройства закреплена в договоре.

Программа курса:

  1. Введение в профессию
    Вы познакомитесь с основными инструментами для работы – Adobe Photoshop и Figma. Разберетесь, какими навыками должен обладать современный дизайнер и как решать различные задачи. Создадите прототип интерфейса, графические иллюстрации, gif-анимацию и 3D-объект.
  • Вводное занятие на факультете
    — Что такое веб-дизайн
    — Процесс обучения
    — Ответы на вопросы
  • Figma: от прототипирования к проектированию
    — Введение: создание графики в Figma
    — Маски и эффекты. Работа с цветом и текстом
    — Работа с компонентами. Прототипирование в Figma, плагины
    — Вебинар. Итоговый разбор работ и ответы на вопросы
  • Дизайн как индустрия
    — Техническое задание, целевая аудитория, бриф
    — Этапы работы дизайнера
    — Конкурентный анализ
    — Презентация себя и своих работ
    — Как заходить в профессию: критерии оценки хорошего дизайнера
  • Adobe Photoshop для веб-дизайнера
    — Виды графики, цветовые модели
    — Основные инструменты
    — Слои и артборды
    — Работа с изображениями, цветокоррекция
    — Смарт-объекты. Gif-анимация
    — Простые 3D-объекты
  • Основы типографики и композиции
    — Введение: основы композиции
    — Баланс, симметрия и вес в композиции
    — Основные законы композиции
    — Воркшоп по композиции
    — Шрифт: история и анатомия
    — Шрифт в дизайне
    — Воркшоп по типографике: теория на практике
    — Сборка единой картины.
  1. Основы веб-дизайна
    Вы освоите основы веб-дизайна: колористику, типографику, композицию и модульные сетки. Научитесь подбирать референсы и визуализировать свои идеи и применять основные принципы UI. Создадите лендинг и многостраничник в Figma и Tilda, анимированные прототипы в InVision и графические работы в Adobe Illustrator.
  • Основы веб-дизайна
    — Вводный вебинар. Работа с брифом
    — Структура сайта
    — Предпроектная подготовка: работа с референсами и мудборд
    — Прототипирование
    — Подготовка контента
    — Юзабилити сайтов
    — Онлайн-разбор работ студентов
    — Композиция в веб-дизайне. Принцип близости, правило внутреннего и внешнего
    — Модульные сетки
    — Основы типографики
    — Основы типографики в веб-дизайне
    — Колористика и стайл-гайды
    — Онлайн-разбор работ студентов. Типичные ошибки
    — Передача макета на верстку разработчикам
    — Адаптивный дизайн. Оформление портфолио
    — Итоговый вебинар: защита проектов
  • История дизайна
    — Истоки дизайна
    — Авангард
    — Модернизм
    — Постмодерн
    — Современный дизайн
  • Adobe Illustrator для UX- и веб-дизайнеров
    — Основы работы с векторной графикой
    — Основные инструменты программы
    — Кривые Безье
    — Маски, трансформация изображений
    — Отрисовка иллюстраций и элементов интерфейса, баннеров
  • Основы верстки для веб-дизайнера
    — Введение. Разбор макета для верстки
    — Основы языка разметки документов HTML
    — Основы языка оформления стилей документа CSS
    — Формирование блочной модели
    — Работа с макетом
    — Позиционирование элементов
    — Создание адаптивного сайта
    — Стандарты web и вспомогательные инструменты
    — Разбор макета для верстки
  • Онлайн-конструкторы сайтов: Tilda
    — Вводная лекция. Знакомство с конструкторами
    — Создание лендинга из готовых блоков
    — Zero block. Как собрать уникальный дизайн в Tilda
    — Навигация и настройки сайта
    — Адаптивный дизайн в Tilda
    — Анимация
    — Итоговый разбор работ.
  1. Продвинутый дизайн
    Вы пройдете все этапы разработки цифрового продукта: от идеи до макета. Научитесь проводить исследования и работать с гипотезами, строить прототип продукта и тестировать его. Оформите презентацию большого проекта. Сможете собирать интерактивные прототипы и анимировать их, согласовывать макет с заказчиком и взаимодействовать с разработчиками. А еще узнаете, как анимировать элементы интерфейса в After Effects и оформлять соцсети.
  • Основы UX/UI. Дизайн продукта
    — Оценка удобства интерфейса для пользователя
    — Описание аудитории с помощью метода JTBD и метода персон
    — Создание прототипа продукта: паттерны мышления пользователя
    — Исследование потребностей пользователя качественными методами (касдев)
    — Создание гайда для глубинного интервью
    — Принципы удержания внимания пользователя
    — Customer Journey Map
    — Создание кликабельного MVP
    — Юзабилити тестирование MVP
    — Оценка соответствия MVP потребностям пользователей. Создание второй итерации продукта
    — Презентация UX-решения заказчику
  • Adobe After Effects. Базовый
    — Введение: интерфейс, базовые инструменты анимации слоев
    — Импорт из Figma. Анимация с помощью масок
    — Анимация текста
    — Анимация интерфейса. Принципы анимации Google Material Design и рекомендации Apple Human Interface
    — 12 принципов анимации Диснея. Как они работают в веб- и UI/UX-дизайне
    — Подготовка кейса. Основы создания ролика
    — Презентация итоговых работ
  • Рекламные материалы
    — Оформление соцсети по брифу заказчика
    — Дизайн почтовой рассылки. Цели и аудитория
    — Рекламное решение задач заказчика
    — Создание пака стикеров для Telegram
  • Интерактивный курс
    — Простой анимированный прототип с нуля
    — Анимация прототипа из Figma
    — Анимация для интерфейса.
  1. Дипломный проект
    Вы познакомитесь с основами 3D-моделирования и создадите проект большого многостраничного веб-портала в качестве дипломной работы. Вы сможете определиться с оптимальной для вас стратегией карьеры веб-дизайнера, оформите портфолио и потренируетесь проходить собеседование.
  • Построение карьеры
    — Эффективная самопрезентация
    — Работа с заказчиком: ТЗ, бриф, диалог
    — Защита дизайн-решения на основе анализа рынка и результатов исследований
    — Адаптация дизайн-решения под требования заказчика
    — Оценка сроков и стоимости выполнения заказа
    — Резюме и портфолио
    — Подготовка рабочей документации
  • Основы 3D-моделирования для веб-дизайнеров
    — Простая 3D-анимация
    — 3D-анимация как дизайнерское решение
  • Итоговая дипломная работа
    Вы примените все полученные навыки в проекте от компании-партнёра – у вас будет бриф и конкретная бизнес-задача. А после презентуете решение кураторам и получите обратную связь от клиента.
    — Аналитика поведения пользователя
    — Тестирование интерфейса (MVP)
    — CJM (карта поведения пользователя)
    — Разработка сложных интерфейсов
    — Работа с брифом и ТЗ
    — Дизайн-мышление
    — Создание кликабельного прототипа. Компоненты
    — Навык эффективной презентации себя и своего проекта. Аргументация выбора дизайн-решения
    — Поэтапная работа над проектом. Зачет промежутков
  • Итоговое собеседование
    — Подготовка и презентация портфолио для заказчика
    — Защита дизайн-решения
    — Презентация опыта. Релевантность для заказчика
    — Оформление резюме в соответствии с целями желаемой позиции.

Вас будут обучать топовые эксперты:

Ирина Перевалова
Ex-дизайнер студии Артемия Лебедева
Работала дизайнером в студии Артемия Лебедева и экспертом по лендингам в компании ACCEL. Преподавала в Санкт-Петербургской школе телевидения графический и веб-дизайн.

Ксения Дарчия
Дизайнер агентства B2B Creative
Разрабатывает дизайн сайтов, проектирует интерфейсы и рисует иллюстрации. Работала с такими брендами как CeraVe, Vichy, Лукойл, Мир, Johnson & Johnson, Тева, PwC.

Анастасия Чиханова
Руководитель команды дизайнеров в Align Technology
Дизайнер с 2007 года, продуктовым дизайном в современном его понимании начала заниматься в 2011. Среди клиентов — МТС, ASUS, Intel, Microsoft, Mastercard, «РИВ ГОШ» и многие другие.

И др.

Ваше резюме после обучения:

Веб-дизайнер, 80 000 ₽
График
: удалённая работа
Образование:
GeekBrains, Веб-дизайн
Опыт работы:
GeekBrains, проектная работа

Ключевые навыки:
— умею работать в Figma, Adobe illustrator, Adobe Photoshop, Invision, Adobe After Effects и Tilda
— могу сверстать адаптивный сайт с нуля
— могу провести конкурентный анализ, продумать концепцию и разработать позиционирование
— умею оформлять документацию проектов в разработку
— знаю, как работают основные метрики аналитики.

Подробнее о курсе веб-дизайна →

3 место. Веб-дизайнер от Нетология

Цена: 99 900 ₽, возможна рассрочка

Ссылка на сайт: https://netology.ru/programs/web-designer

Освоите одну из самых востребованных IT-профессий в дизайне. Получите опыт двух ведущих дизайн-студий и создадите 6 проектов для своего портфолио. Сможете искать работу и проходить собеседования уже в середине обучения.

  • Уровень: С нуля
  • Формат: Видеолекции, вебинары, задания с проверкой
  • Документ: Диплом о профессиональной переподготовке.
Пройти курс веб-дизайна →

Веб-дизайнер создаёт сайты. Его задача — сделать их красивыми и удобными для пользователя.

Кому подойдёт курс:

  • Всем, кто хочет перейти в онлайн
    Освоите востребованную диджитал-профессию и сможете начать поиски работы уже во время курса
  • Дизайнерам из других областей
    Узнаете нюансы создания дизайна сайтов, расширите список своих услуг и сможете брать новые типы проектов
  • Начинающим веб-дизайнерам
    Получите уверенные навыки в веб-дизайне и соберёте эффектное портфолио из кейсов крупных агентств
  • Специалистам из смежных областей
    Сможете брать проекты под ключ и повысите стоимость своих услуг.

Чему научитесь:

  • Работать с композицией, сетками, типографикой, фото- и видеоконтентом
  • Создавать интерфейсные решения с учётом анализа аудитории
  • Верстать свой дизайн-макет, работать с адаптивной вёрсткой
  • Работать со стандартными и Zero-блоками в Tilda, создавать сайты под ключ
  • Грамотно оформлять дизайн-проекты и презентовать их заказчику
  • Выстраивать взаимодействие в команде по Scrum и Kanban.

Программа обучения:
12 месяцев
Занятия проходят два раза в неделю. Вебинары — в будни вечером.
Если пропустили — запись будет доступна в личном кабинете.
Сможете совмещать обучение с работой и другими делами.

  1. Насмотренность в дизайне
    Узнаете, как тренировать насмотренность, один из основных навыков дизайнера. Будете анализировать работы из разных сфер искусства, углублять навыки работы с цветом, композицией и типографикой. В итоге соберёте референсы, которые сможете использовать в своих проектах.
  • Насмотренность: почему она так важна для профессионального развития
  • Принципы построения композиции, использования цветов и типографики
  • Насмотренность на практике: библиотека изображений
  1. Основы Figma
    Получите необходимую базу для работы с графикой и дизайн-макетами в Figma. Познакомитесь с ключевыми инструментами приложения и сразу примените их на практике.
  • Обзор Figma
  • Первые шаги в Figma
  • Интерфейсы
  • Основы дизайна в вебе
  • Подготовка веб-макета
  • Основы работы с мобильными платформами
  • Компоненты и стили
  • Кликабельный прототип мобильного приложения
  1. Инструменты и организация работы
    Узнаете, как организовать процесс создания сайта, подготовить необходимую документацию и где искать вдохновение перед началом проектирования.
  • Знакомство с веб-дизайном
  • Системы ведения проектов
  • Вдохновение, творчество, импровизация
  • Скетчинг и прототипирование
  • Пользовательское взаимодействие
  1. Основы веб-дизайна
    Познакомитесь с теорией дизайна и выполните задания, которые помогут закрепить знания.
  • Композиция
  • Теория цвета
  • Веб-типографика
  • Модульные сетки
  1. Создание проекта сайта
    Научитесь превращать статичный дизайн в проект сайта. Создадите анимации переходов и микровзаимодействий. Разработаете адаптивную версию макета в нескольких разрешениях, в том числе мобильную версию. Научитесь взаимодействовать с разработчиками и руководить проектом.
  • Адаптивный дизайн
  • Веб-анимация
  • Системы ведения проектов
  • Составление технического задания для вёрстки.
  1. UX-исследование интерфейса
    Познакомитесь с принципами построения пользовательских интерфейсов и рассмотрите их основные элементы. Углубитесь в методологию командной работы и формирование командного взаимодействия. Освоите инструменты для сбора и обработки данных о пользователях продукта. Узнаете основы концепции бережливого производства.
  • Введение в UX-исследования
  • Азбука пользовательского интерфейса
  • Культура работы в команде
  • Презентация собственного проекта для работы над курсом
  • Качественные исследования аудитории
  • Персоны. Воркшоп
  • Lean UX strategy
  • UX strategy. Воркшоп
  1. Прототипирование интерфейсного решения
    Научитесь формировать информационную архитектуру и карты пользовательских сценариев. Освоите инструменты прототипирования, поработаете с интерактивными прототипами, узнаете основные методики юзабилити-тестирования. Изучите инструменты, которые используют дизайнеры интерфейсов для управления проектами.
  • Информационная архитектура
  • Customer journey mapping
  • UX design. Воркшоп
  • Инструменты прототипирования
  • UI design. Воркшоп
  1. Tilda: базовый уровень
    Изучите все варианты блоков, возможности редактирования и настройки сервисов. Узнаете нюансы подготовки сайта к запуску.
  • Настройки сайта
  • Настройки страницы
  • Подключение домена
  • Настройки и редактирование стандартных блоков
  • Адаптивность в стандартных блоках
  • Подключение внешних шрифтов
  1. Tilda: продвинутый уровень
    Изучите полный цикл создания сайта и работы с ним: от лендинга до многостраничного интернет-магазина. Узнаете, как настроить email-рассылку.
  • Многостраничные сайты
  • Функции Tilda для интернет-магазина и рассылок
  • Функция «Потоки»
  • Личный кабинет
  • CRM в Tilda
  1. Работа с редактором Zero Block
    Научитесь работать во встроенном графическом редакторе Zero Block. Сможете создавать дизайн любой сложности, переносить макеты из Figma или Photoshop, создавать адаптивность и работать с анимациями. Познакомитесь с базовым функционалом Zero Block и скрытыми возможностями, которые позволяют делать сайты фестивального уровня.
  • Знакомство с Zero Block
  • Адаптивность в Zero Block
  • Базовая анимация
  • Пошаговая анимация
  • Триггерная анимация
  1. Вёрстка на HTML и CSS
    Научитесь верстать сайты на HTML и CSS. Сможете вносить изменения в существующую вёрстку.
  • Теги для вёрстки контента страницы
  • Теги для вёрстки структуры страницы
  • Теги для вёрстки форм
  • Селекторы CSS
  • Определение контекста элементов
  • Блочная модель
  • Позиционирование элементов
  • Оформление текста
  • Оформление декоративных элементов
  • Состояние интерактивных элементов
  1. Адаптивная и мобильная вёрстка
    Научитесь создавать вёрстку под любой тип устройств — компьютер, планшет, смартфон.
  • Вёрстка резинового макета
  • Резиновые изображения
  • Медиазапросы и медиафункции
  • Особенности вёрстки для мобильных устройств
  • Адаптивная типографика, breakpoints
  • Адаптивные изображения.

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

Мы разработали программу так, чтобы вы научились создавать яркие и эффектные сайты под ключ. Для этого вы с первых занятий начнёте тренировать насмотренность и освоите продвинутые навыки веб-дизайна.

Как проходит обучение:

  1. Смотрите лекции и участвуете в вебинарах
    Можете смотреть лекции в удобное для вас время, а на вебинарах — задавать вопросы преподавателю
  2. Закрепляете знания на практике
    Выполняете домашние задания и участвуете в групповых занятиях — воркшопах. Эксперты курса дают обратную связь
  3. Создаёте итоговый проект и защищаете его
    Работаете над своим проектом или учебным. Защищаете диплом перед экспертами курса
  4. Получаете диплом и находите новую работу
    Мы поможем составить резюме и подготовиться к собеседованию, чтобы вы нашли работу по душе.

Преподаватели — практикующие веб-дизайнеры:

Алексей Бородкин
Product Lead, Ozon
Работал с «Магнит Аптекой», Notamedia, Nanosemantics, qb.digital, «Ашманов и партнёры»

Максим Павлов
Креативный директор и партнёр, Notamedia

Олег Зильберг
Head of Digital Design, ONY
Работал с Wordika, «Орнамент», SWIST Agency, redkeds, ИКРА, РБК, Ассоциацией Интерактивных Агентств (АИА)

Михаил Кайнов
Product Design Team Lead, RICH PEACH
Работал с Microsoft, Tinkoff, Google, Bayer, Michelin, KIA Motor, Raiffeisen, Megafon, Rosbank, Mvideo, RiotGames.

И др.

Вашу квалификацию подтвердит диплом
Мы обучаем по государственной лицензии и выдаём диплом о профессиональной переподготовке установленного образца, который можно показать работодателю.

Ваше резюме после обучения:

Веб-дизайнер

Ключевые навыки:

  • Проектирование пользовательского опыта
  • Проведение количественных и качественных исследований для проверки гипотез
  • Разработка прототипов разной степени детализации на основе проведенных исследований
  • Применение принципов и законов композиции
  • Работа с кернингом, интерлиньяжем, оптической компенсацией
  • Построение модульных сеток
  • Создание нужного впечатления с помощью психологии цвета
  • Разработка визуального дизайна
  • Работа с адаптивностью
  • Работа с анимациями и создание интерактивного макета
  • Взаимодействие в команде по Scrum и Kanban
  • Полный цикл создания сайта на Tilda
  • Работа с адаптивностью и анимациями в Tilda
  • Работа в Zero Block Tilda
  • Работа с HTML-формами
  • Навыки мобильной и адаптивной вёрстки.

Отзывы:

Юлия Веркиенко

«Этот курс — хорошая база как для начинающих в сфере IT и веб-разработки, так и для тех, кто переквалифицируется в дизайн из других областей. Лично для меня некоторые темы были уже знакомы, но теперь понятно, как применять их в области веб-дизайна. Очень сильный преподавательский состав и очень интересные лекции, хорошие примеры и интересные домашние задания.»

Инна Романова

«Всё отлично! Конечно, было довольно легко, потому что я сама раньше пыталась изучить эту тему. Но мне не хватало структуры, было ощущение, что есть какие-то пробелы в знаниях или непонимание, как использовать то, что знаю. Поэтому в первую очередь безумно рада, что на курсе была чёткая и понятная структура.
Второй момент, который очень понравился, — расписание! Создалось впечатление, что процесс обучения похож на учёбу в обычном университете. Есть дз, дедлайны, консультации, задания открываются не сразу, а во время прохождения курса, что на самом деле очень дисциплинирует и помогает грамотно выстраивать рабочий процесс.»

Подробнее о курсе веб-дизайна →

4. Профессия Веб-дизайнер (UX/UI) от Бруноям

Цена: 49 900 ₽ или рассрочка — от 4 158 ₽ / мес

Ссылка на сайт: https://brunoyam.com/online-kursy/web-design

Освойте профессию UX/UI дизайнера от основ дизайна до защиты проекта. На курсе вы научитесь работать в Figmа, создавать удобные для людей сайты, презентовать идеи, работать с анимацией и соберете портфолио.

Пройти курс веб-дизайна →

Курс составлялся совместно с профессиональными веб-дизайнерами. Всё необходимое добавили, ненужное убрали — вам осталось посмотреть, всё выполнить и получить профессию. Сложность повышается поэтапно, поэтому вы можете учиться без начальной подготовки в этой сфере.
Курс вы пройдёте вместе с наставником — видеоматериалы, созданные с любовью, полезные ссылки, литература, дополнительные материалы.
Много практических заданий для отработки знаний и первые проекты в портфолио.

Для кого этот курс:

  • Отлично подойдет для тех, кто хочет стать веб-дизайнером
    Основная задача курса — профессия веб-дизайнер. Освоите с нуля Figma, Photoshop, Tilda, After Effects, Protopie — все нужные инструменты дизайнера. Соберете портфолио и начнёте карьеру в дизайне.
  • Будет полезен тем, кто уже работает в сфере дизайна
    Требования к этой профессии растут, тренды постоянно обновляются. На курсе вы не только повысите свой уровень, освоив новые навыки, но и добавите в своё портфолио проект под руководством профессионала.

Как проходит обучение:

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

Доступ к курсу остаётся навсегда со всеми обновлениями. Наставник на связи даже после обучения.

Вы научитесь:

  • Создавать макеты и прототипы в Figma
  • Подготавливать референсы под проект
  • Работать с фото и иллюстрациями
  • Анимировать интерфейсы в Prototipe и After Effects
  • Работать с композицией, цветом и шрифтами
  • Проводить исследования и работать с аналитикой
  • Создавать UI-киты
  • Презентовать кейсы
  • Работать с заказчиками.

Программа курса:

  1. Введение в профессию веб-дизайнер
  • Чем занимается веб-дизайнер
  • Где работает, какие могут быть проекты
  • Этапы работы над проектом
  • В чём роль дизайнера на всех этапах проектах
  • UX, UI-дизайнеры: в чём разница
  • Знания из каких областей нужны веб-дизайнеру.
  1. Аналитика
  • Артефакты UX
  • Исследование бизнеса
  • Исследование пользователей
  • Персонажи
  • Сценарии
  • Карта эмпатии.
  1. Типы сайтов и насмотренность
  • Про типы сайтов
  • Что такое лендинг
  • Классический сценарий лендинга
  • Про типы сайтов
  • Что такое лендинг
  • Классический сценарий лендинга
  • Особенности, которыми должен обладать сайт-визитка
  • Преимущества использования дашбордов
  • Особенности мобильной разработки.
  1. Основы Figma
  • Обзор интерфейса и всех возможностей программы
  • Сетка. Разберём — что это такое, какие они бывают и как используются
  • Много практики с сеткой.
  1. Типографика
  • Определение
  • Основные понятия о шрифтах
  • Сочетания шрифтов
  • Приемы в работе со шрифтами
  • Примеры хорошо подобранных шрифтов
  • Текст на сайте. Инфостиль
  • Типографика в вебе
  • Тренды в веб-дизайне
  • Работа с контентом и текстами.
  1. Колористика
  • Композиция и цвет
  • Подбор цветовой гаммы относительно ЦА
  • Визуальные акценты. Управление вниманием пользователя.
  1. Прототип
  • Создание мудборда в Figma
  • Создание скетча в Figma
  • Создание прототипа в Figma
  • Создание интерактивного прототипа в Figma
  • Подготавливаем прототип к отправке клиенту.
  1. Композиция и цвет
  • Композиция. Принципы
  • Композиционный центр (доминанта)
  • Ошибки. Примеры хороших композиций
  • Контраст. Равновесие. Ритм. Взгляд
  • Z и F паттерны. Сетка (примеры, силовая линия), правило третей
  • Цвет. Цветовые модели (HSB, RGB, HEX коды, CMYK)
  • Параметры. Цветовой круг Иттена. Как выбрать цвет
  • Психофизиология интерфейсов. 7±2 (пример — навигация в шапке), какие данные лучше воспринимаются и запоминаются, геометрическая память, закон края, правило близости, группировка, контраст.
  1. Создание макета сайта
    В этом модуле создаём полностью готовый макет сайта для портфолио.
  2. Адаптивный дизайн
  • Адаптивный дизайн. Предпосылки
  • На каких устройствах может просматриваться сайт
  • Варианты решения адаптивности
  • Примеры. Точки разлома
  • Mobile First
  • Особенности прототипирования в Figma
  • Компоненты, фиксация при скроле, подвижная карта
  • Работа с Figma Mirror.
  1. Работа с фото и иллюстрациями в Photoshop
  • Цветокоррекция
  • Кадрирование
  • Портретная ретушь. Лайфхаки
  • Фильтры семейства “Размытие”: по Гауссу, в движении, радиальное и т.д.
  • Покадровая анимация
  • Настройки векторных объектов (заливка, градиент)
  • Перо. Работа с точками, узлами и кривыми
  • Разница между Фигурой и Контуром.
  1. Перенос макета из Figma в Tilda
    Дополнительный модуль, где мы разберём не очень популярную, но полезную функцию по переносу готового макета из Figma в Tilda.
  2. Карьера и развитие
  • Портфолио
  • Площадки для размещения
  • Обзор Behance
  • Требования к оформлению
  • Оформление на Behance
  • Принципы хорошего кейса
  • Кейсы и примеры на Behance и Dribbble
  • Поиск работы. Где брать заказы.

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

Ольга Ленец
В веб-дизайне с 2015 года. Работала как в студиях, так и на фрилансе. Основное направление: проектирование пользовательского взаимодействия, разработка интерфейса веб-сайтов, приложений и информационных систем.

Настя Сергеева
В IT с 2017 года, начинала работать Frontend разработчиком. Опыт работы был и в студиях, и в компаниях, и на фрилансе. На данный момент работаю Ux/Ui-дизайнером и разработчиком интерфейсов.

Отзывы:

Яна Мозайло
«Когда шла на курс, то хотелось получить представление о том, что такое UI/UX. И ещё я надеялась сделать проект свой для портфолио. Результатом очень довольна. Запланированное — сделано) Обучение очень понравилось. И преподаватель тоже!»

Максим Заварухин
«Больше всего на курсе понравилась структурированность информации. Более того, эта структура осталась и в накопленных знаниях. А это особенно ценно! Преподаватель отличный. Даже очень. Приятно иметь дело с профессионалом. Все норм, продолжайте развиваться. Спасибо.»

Подробнее о курсе веб-дизайна →

5. Профессия Веб-дизайнер от Contented

Цена: 82 800 ₽ или рассрочка — 3 450 ₽ / мес

Ссылка на сайт: https://contented.ru/edu/web-designer

Научитесь создавать уникальные сайты с эффектным дизайном и продуманным UX.

  • С нуля
  • 6 месяцев
  • Работа в команде единомышленников.
Пройти курс веб-дизайна →

Сейчас сделать сайт может каждый, поэтому большинство из них выглядит одинаково. При этом растет спрос на веб-дизайнеров, способных создавать продуманный UX и выделяющийся дизайн.

Этот курс для тех, кто хочет прокачать свои навыки или успешно начать карьеру в веб-дизайне.
За 5 месяцев вы с нуля на практике научитесь делать удобные пользователю веб-сайты с применением 3D и анимации.

Чему вы научитесь:

  • Создавать удобные сайты с продуманным UX
  • Анимировать интерфейсы в After Effects
  • Добавлять 3D графику с помощью Blender
  • Презентовать себя работодателю или заказчику на фрилансе
  • Разрабатывать интерактивные прототипы в Figma.

Кураторы и преподаватели:

Роман Храмов
Cооснователь Cuberto, куратор направления дизайна интерфейсов.

Игорь Тен
Арт-директор Cuberto
Клиенты: Яндекс, Билайн, Papumba, Surfboard, Glide, Puntopago

Максим Кыштымов
CEO дизайн студии Chipsa
Клиенты: LG, McDonalds, Альфа-банк, КРОК, PaperPlanes

Алексей Скороход
Senior digital designer в Nectarin
Клиенты: ВТБ, Subaru, ГАЗ, Gorilla energy, Magic quick, Феникс+

Элина Чинаева
Ведущий дизайнер в СБЕР.

И др.

Вас ждет много практики и реальных задач:

  • 5 полноценных работ в портфолио
  • Партнёр школы — VK.
    Практика на проектах для таких сервисов, как Ситимобил, Delivery Club, Юла, VK и др.
  • Подробная обратная связь от наставников по домашним заданиям
  • Удалённая стажировка → дипломный проект по реальному брифу.

Поможем начать карьеру:

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

Программа:

Курс построен так, чтобы вы подкрепляли теорию практикой, развивая навыки по созданию сайтов с запоминающимся дизайном и продуманным UX.

  1. Основы веб-дизайна
  • Figma
    Научитесь использовать главный инструмент для работы с интерфейсами. Узнаете, как проектировать структуру сайтов, создавать прототипы страниц и работать над улучшением UX.
  • Основы дизайна
    Познакомитесь с ключевыми понятиями и принципами дизайна, лежащими в основе любого изображения и макета. Выполните практические задания по разработке сайтов и рекламной графики для закрепления материала.
  • Blender
    Освоите навыки работы с 3D, научитесь быстро подбирать референсы и уже готовые модели, чтобы добавлять эффектную графику на сайты.
  1. Методика проектирования сайтов
  • Дизайн интерфейсов
    Познакомитесь с классификацией сайтов, поучаствуете в интенсиве и поэтапно разработаете дизайн-концепцию сайта.
  • After Effects
    Научитесь создавать эффектную анимацию элементы интерфейсов и облегчайте навигацию по сайту.
  1. Дипломный проект
    Разработаете дизайн сайта по реальному брифу от клиента. В ходе выполнения проектов наставники будут оказывать вам необходимую поддержку. По итогу дипломного проекта вы получите обратную связь от клиента и пополните портфолио сильной работой.
  • Дизайн-менеджмент
    Научитесь упаковывать свое портфолио, искать клиентов и презентовать им результаты проектов. Узнаете, как организовать рабочий процесс, находить общий язык с заказчиком, отрабатывать комментарии и получать результат, которым будут довольны все.

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

Левченко Вячеслав

«До курса я знал мог собрать простой сайт и нужно было прокачать навыки проектирования сложных сайтов, работу с анимацией для создания уникальных лендингов. С первого дня на курсе погрузился в основные моменты проектирования, анимации, работе с модульными сетками и основ композиции в дизайне. Очень понравилась пошаговая подача информации, практические задания, и LIVE разбор ошибок моих работ. Обратная связь от преподавателя — была бесценна! Так же прокачал знания по сторитейлингу и оптимизации лендинга под SEO. И самое главное, после прохождения курса я сразу начал применять все приемы в лендингах моих клиентов, по которым конверсия взлетела в разы. И как бонус 2 мои проекта попали в подборку #MADEONTILDA)»

Григорян Джульетта

«Этот курс очень помог мне расширить свои возможности в тильде, показал огромное множество неочевидных инструментов, демонстрирующих механику строения и пользования тильды. Все что было в курсе — полезно и преподнесено нереально интересным способом!
Параллельная практика позволяет сразу же запомнить все то, что было пройдено, и это очень ускоряет процесс ознакомления с новыми фишками. Каждая неделя приносит блоки в разных направлениях, что позволяет не концентрироваться на одном, а всесторонне развиваться. Я очень благодарна за курс, и могу смело советовать всем, кому интересна эта тема, и кто самостоятельно развивается в данном направлении!)».

Подробнее о курсе веб-дизайна →

6. Веб-дизайн от Skillbox

Бесплатно

Ссылка на сайт: https://live.skillbox.ru/playlists/design/veb-dizain/

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

Пройти курс веб-дизайна →

Содержание:

  • Пробуем себя в разных видах дизайна
  • 100+ главных навыков веб-дизайнера
  • Основы веб-дизайна, сеток, веб-типографики
  • Обзор инструментов для веб-дизайнера
  • Основы веб-дизайна – рисуем в Photoshop и Figma
  • Звездный веб-дизайн: как начать работать с селебрити
  • Design Review: разбор проектов и портфолио веб-дизайнеров Mail Design Cup
  • Что такое композиция в веб-дизайне и как с ней работать?
  • Основы веб-дизайна: рисуем первый экран.
Подробнее о курсе веб-дизайна →

7. Веб-дизайнер от Qmarketing Academy

Цена: 87 707 ₽

Ссылка на сайт: https://qacademy.ru/web-designer

Курс для новичков, которые хотят с нуля освоить востребованную и творческую профессию, собрать портфолио и потренироваться на реальных проектах.

  • Начните зарабатывать уже через 3 месяца
  • Соберите портфолио — 4 проекта для крупных компаний
  • Учитесь, когда удобно — онлайн-формат с гибким графиком
  • Спрашивайте, если не понятно — менторы ответят на все вопросы.
Пройти курс веб-дизайна →

Обучение подойдёт:

  • Новичкам
    Освоите с нуля Figma, Photoshop, Tilda, Readymag, After Effects — все нужные инструменты дизайнера. Соберете портфолио и начнёте карьеру в дизайне.
  • Тем, кто на старте
    Углубите знания и научитесь делать сайты-одностраничники, рекламные баннеры и интерфейсы, используя новые инструменты — это позволит зарабатывать больше.
  • Тем, кто хочет на удалёнку
    Научитесь работать и зарабатывать из любой точки мира: находить заказчиков, презентовать и защищать свои идеи, отражать комментарии клиентов.

Карьерный центр

Мы поможем:

  • составить резюме
  • подготовиться к собеседованиям
  • назначить собеседования с будущими работодателями.

Программа курса:

Мы собрали программу так, чтобы наши студенты в короткий срок изучили основы и главные инструменты дизайна — и как можно скорее начали работать.

  1. FIGMA
    — познакомитесь с основным рабочим инструментом веб-дизайнера
    — узнаете, чем Figma отличается от остальных инструментов
    — разберетесь, где искать подсказки по инструменту
    — поймёте, как создавать и редактировать геометрические объекты
    — узнаете, как обрабатывать изображения
    — узнаете, какие виды объектов есть в Figma и что такое библиотека компонентов
    — познакомитесь с сетками
    — научитесь использовать выравнивание
    — узнаете, как можно работать с текстом в Figma и каких ошибок стоит избегать
    — поймете, как использовать заливку и обводку
    — нарисуете свой первый экран
  2. ADOBE PHOTOSHOP
    — познакомитесь с основными инструментами Photoshop
    — научитесь пользоваться инструментами заливки и выделениями
    — узнаете, как правильно работать со слоями и масками
    — поймете нюансы цветокоррекции и взаимодействия слоёв
    — разберётесь в нюансах работы с текстом в Photoshop
    — соберете свой первый статичный баннер
  3. TILDA
    — подготовитесь к работе в Tilda
    — задизайните несколько блоков лендинга в конструкторе
    — сформируете шапку и футер сайта
    — поймете, какие возможности Tilda для бизнеса стоит использовать
    — узнаете, где искать вдохновение при разработке лендингов
  4. READYMAG
    — подготовитесь к работе в Readymag
    — задизайните несколько блоков лендинга в конструкторе
    — поймете, какие возможности Readymag для бизнеса стоит использовать
    — узнаете, какие ещё конструкторы существуют
  5. AFTER EFFECTS
    — поймете, зачем нужен анимированный контент
    — разберете интересные кейсы с анимацией в соцсетях и на сайтах
    — узнаете, где используют анимированный контент
    — вдохновитесь цепляющими примерами на создание своего анимированного баннера
    — познакомитесь с основным инструментарием Adobe After Effects
    — узнаете, как работать с окном Timeline
    — разберётесь в деталях настроек инструментов и слоёв
    — создадите свою первую анимацию
    — примените знания с прошлого урока
    — узнаете, как создавать сложную анимацию текста
    — разберётесь в эффектах Adobe After Effects
    — соберете свой первый анимированный баннер
  6. ОСНОВЫ ДИЗАЙНА
  • Композиция
    — познакомитесь с композицией, её правилами и приёмами
    — узнаете, какие бывают виды сеток
    — научитесь настраивать сетку в figma
    — поймете, как выбрать оптимальную сетку под свою задачу
    — познакомитесь с понятиями равновесия и баланса в композиции
  • Цвета
    — познакомитесь с цветовым кругом Иттена
    — научитесь искать гармоничные сочетания цветов
    — узнаете различия в RGB и CMYK
    — поймете, как работать с гайдлайнами от компаний
  • Типографика
    — познакомитесь с типографикой
    — узнаете, какие задачи она решает
    — разберетеся в антикве и гротеске
    — поймете, как подбирать шрифты
    — научитесь основным правилам оформления текста
  • Bonus! UX-копирайтинг
    — узнаете, что такое UX-копирайтинг
    — поймёте, в чем заключаются особенности этого навыка
    — познакомитесь с принципами UX копирайтера
    — научитесь по-новому смотреть на тексты для сайтов
  1. КРЕАТИВНЫЕ БАННЕРЫ ДЛЯ РЕКЛАМНЫХ ОБЪЯВЛЕНИЙ
  • Разберетесь, как создавать эффективные объявления для разных рекламных площадок: Facebook, Instagram, Vkontakte и др.
  • Начнете виртуозно использовать эффекты и легко создавать статичные баннеры в Adobe Photoshop.
  • Легко поменяете формат и размер баннера под требования конкретной рекламной площадки.
  1. БРЕНД-ДИЗАЙН
    — узнаете, что такое брендинг
    — поймете, как дизайн должен учитывать особенности бренда
    — познакомитесь с понятием метафоры бренда
    — научитесь строить матрицу образов
    — узнаете, что такое креативное мышление
    — поймете, какими методами пользоваться для креатива идей
    — познакомитесь с data-driven design
    — научитесь строить деревья ассоциаций
    — разберетесь в типах контраста в дизайне
  2. ОСНОВЫ UI/UX-ДИЗАЙНА
    — познакомитесь с основными элементами веб-интерфейсов
    — узнаете, какие законы есть для интерфейсов и почему их не стоит нарушать
    — разберете, что такое лендинг и зачем он нужен
    — узнаете базовую структуру хорошего лендинга
    — изучите примеры удачных landing pages
    — поймете, как научиться дизайнить крутые лендинги
    — поймете, как проводить анализ конкурентов и аудитории
    — узнаете, зачем нужен текстовый и графический прототип
    — соберете свой первый лендинг
    — разберётесь, как делать крутые CTA-блоки
    — узнаете, как правильно рассказать пользователям о компании
    — соберете дизайн-макет мобильной версии лендинга
    — подготовите страницу стилей
    — подготовитесь к своему первому юзабилити-тестированию
    — узнаете, что такое А/Б-тестирование
  3. СПЕЦИАЛИЗАЦИЯ
    Поймете принципы создания мобильного интерфейса, анимационного дизайна. Как применять системный подход для решения задач, какую информацию запросить у заказчика перед началом работы.
  4. КАРЬЕРНЫЙ БЛОК
    — узнаете, в чём главные отличия во фрилансе и работе в студии
    — поймете, как и где искать первые заказы
    — познакомитесь с нетривиальными способами формирования клиентской базы
    — разберётесь, зачем нужны стажировки, конкурсы и хакатоны
    — узнаете, как правильно выстраивать процесс работы с заказчиками
    — поймете, какие подготовительные шаги нужно сделать до того, как начнете дизайнить
    — разберётесь, какие модели ценообразования существуют и как подобрать оптимальную для себя
    — познакомитесь с базовыми требованиями к самопрезентации
    — узнаете, как составить своё портфолио
    — поймете, как не допустить самые распространённые ошибки
    — разберётесь, как заставить портфолио приносить новых клиентов или работу мечты
    — познакомитесь с тем, как клиенты смотрят портфолио дизайнера
    — узнаете, что и зачем презентовать заказчику при сдаче проекта
    — разберётесь, как проводить презентации и какие виды презентаций бывают
    — поймете, как презентации улучшают дизайнеру жизнь.

Ваше резюме после обучения:

Веб-дизайнер, 85 000 ₽
График
: Удаленная работа
Образование: Профессия Веб-дизайнер
Опыт работы: Проектная работа для Перекрестка, Hoff и QIWI

Ключевые навыки:

— Сборка статичных и анимированных коммуникационных баннеров
— Создание позиционирования для бренда на основе конкурентного анализа
— Проектирование прототипов и сборка посадочных страниц
— Подбор фирменных шрифтов и цветов для бренда
— Оформление документации для передачи проекта в верстку
— Уверенное владение Photoshop, Figma, Tilda, Readymag, After Effects
— Проектирование прототипов и сборка посадочных страниц, адаптация под разные устройства.

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

Никита Беллер
Дизайнер продукта
Начинал на фрилансе, после чего стал продуктовым дизайнером. Работал с такими компаниями как КХЛ, СИБУР, хоккейный клуб «Салават Юлаев», БКС Банк.

Сергей Михайлов
Ведущий дизайнер интерфейсов
Работает дизайнером 8 лет. Занимался разработкой интерфейсов в компании AIC. Участвовал в создании единой дизайн-системы для электронных ресурсов страны.

Иван Солодников
Руководитель группы веб-дизайна
Больше 8 лет работал над продуктами крупных финтех компаний: Газпробанк, СберТех. В Тинькофф отвечает за дизайн партнерских и внутренних проектов.

И др.

Отзывы об обучении доступны на сайте.

Подробнее о курсе веб-дизайна →

8. Специалист по проектированию и дизайну веб-сайтов от Университет ИТМО

Цена: 55 000 ₽

Ссылка на сайт: https://design.itmo.ru/courses/web_designl/

  • Дистанционная форма обучения
  • Выдаваемый документ: Диплом о профессиональной переподготовке.
Пройти курс веб-дизайна →

Курс рассчитан на начальный уровень подготовки. Даже если вы никогда не работали в Adobe Photoshop и не верстали на HTML, после прохождения курса вы сможете создать полнофункциональный сайт (десктопную и мобильную версию) с нуля и «под ключ». В рамках курса вы изучите не только внешнюю сторону создания веб-сайтов (frontend), но и серверную часть (backend).

В процессе обучения вы изучите основные технологии создания современных и успешных веб-сайтов: научитесь разрабатывать макеты в таких популярных программах как Adobe Photoshop и Adobe Illustrator, получите полное представление о технологии верстки веб-страниц (frontend), применяя язык разметки гипертекста HTML5 и каскадные таблицы стилей CSS3, научитесь динамически управлять элементами веб-страниц благодаря языку программирования JavaScript, получите базовое представление о платформе NodeJS и научитесь работать с менеджером задач Gulp, а также настраивать его для выполнения ряда задач (hot-reloading и транспиляция файлов).

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

Изучая серверную часть (backend) разработки сайтов, вы будете работать с системой виртуализации docker. Вы научитесь создавать собственные образы, управлять контейнерами и получите базовый уровень знаний для работы с консолью unix-систем. Внутри docker-контейнеров научитесь разворачивать стек технологий для веб-разработки на языке программирования PHP с использованием БД MySQL. Научитесь организовывать взаимодействие между контейнерами как на уровне docker, так и средствами языков программирования (API).
Поскольку важную роль в веб-разработке занимает умение работать в команде, в рамках данного курса вы получите опыт взаимодействия в группе в процессе изучения системы контроля версий GIT и научитесь решать базовые задачи, возникающие перед разработчиками. Также Вы получите опыт работы с конструктором Tilda, который в разы ускоряет процесс прототипирования и разработки веб-страниц.
Полученная специальность позволит работать как удаленно или на фрилансе, так и на штатных позициях в федеральных и международных компаниях, что подтверждено опытом наших выпускников.

Программа курса:

  1. Растровая графика Adobe Photoshop (50 часов)
  • Тема 1. Основные сведения о программе. Интерфейс программы
    Типы обрабатываемых изображений. Свойства пиксельных изображений. Операции обработки цифровых изображений. Начальное окно Adobe Photoshop и элементы интерфейса. Меню. Панель быстрого доступа. Настройка интерфейса — рабочие среды. Панель настройки инструментов. Палитрыпанели. Диалоговые окна. Управление открытыми документами. Упорядочивание документов. Создание копии рабочего окна. Операции с файлами. Увеличение и уменьшение изображения на экране. Режимы отображения рабочего экрана. Вывод на экран и отключение видимости элементов интерфейса. Получение информации об изображении. Выбор и использование инструментов. Настройки и установки программы.
  • Тема 2. Элементарные действия с изображением
    Параметры нового документа. Размеры изображения. Размер холста (канвы). Обрезка изображения — кадрирование. Вращение изображения. Отзеркаливание или отражение изображения. Отмена действий.
  • Тема 3. Коррекция изображений
    Палитра Info (Инфо). Автоматическая коррекция. Простые решения по коррекции. Тоновая коррекция изображений. Характеристики тона изображения. Анализ гистограмм. Команды тоновой коррекции. Использование команды Brightness/Contrast (Яркость/Контраст). Оценка тона изображения с помощью команды Levels (Уровни). Коррекция тона изображения с помощью Curves (Кривые). Обработка 8- и 16-битных файлов. Цветовая коррекция. Изменение резкости и четкости. Добавление шума, удаление погрешностей.
  • Тема 4. Редактирование изображения
    Использование основного и фонового цвета. Кодировка цвета. Калибровка монитора. Управление цветом. Определение цвета с помощью диалогового окна. Синтез цвета с помощью палитры Color (ЦветСинтез цвета). Палитра Swatches (ОбразцыКаталог). Основные параметры рисующих инструментов. Инструменты Pencil (Карандаш), Brush (Кисть) и Eraser (Ластик). Инструмент Paint Bucket (Заливка). Инструмент Gradient (Градиент).. Слои фигуры. Инструменты ретуши.
  • Тема 5. Работа с выделенными областями
    Создание выделения с помощью инструментов. Геометрические выделения. Растушевка границы выделения. Выделение области, основанной на цвете. Комбинирование инструментов выделения. Команды меню Select. Редактирование выделенной области с использованием альфа-каналов. Перемещение границ выделенной области. Модификация выделенной области командами подменю Modify (Модификация). Перемещение выделенной области. Копирование выделенных областей. Копирование выделенной области при перетаскивании. Удаление выделенных пикселов. Трансформирование изображения в выделенной области.
  • Тема 6. Работа со слоями
    Послойная организация изображения. Палитра Layers (Слои). Использование палитры Layers (Слои). Настройка прозрачных областей слоя. Режимы рисования и наложения слоев. Применение эффектов и стилей. Применение к слою стиля. Smart-объекты. Деформирование изображений. Объединение и сведение слоев. Композиции слоев.
  • Тема 7. Корректирующие слои. Маскирование слоев
    Корректирующие слои в палитре Layers (Слои). Создание корректирующих слоев. Палитра Adjustments (Коррекция). Корректирующие слои тоновой коррекции. Корректирующие слои цветовой коррекции. Корректирующий слой Vibrance (Вибрация). Корректирующий слой Black and White (Белое и черное). Корректирующий слой Photo Filter (Фотофильтр). Корректирующий слой Channel Mixer (Смешение каналов). Корректирующие слои Invert (Инвертирование), Threshold (Порог) и Posterize (Постеризовать). Корректирующий слой Gradient Map (Карта градиента). Маскирование слоев. Создание слой-маски. Палитры для работы с масками. Диалоговое окно Refine Mask (Уточнить маску).
  • Тема 8. Создание и обработка текстов
    Основные термины. Ввода текста. Типы текста, их создание и использование. Палитры форматирования в Adobe Photoshop. Обработка маскированного текста. Обработка векторного текста. Создание из текста рабочего контура. Преобразование текста в кривые. Изменение формы текста. Создание текста вдоль контура. Создание текста внутри контура. Растеризация текстового слоя.
  • Тема 9. Изображения для интернета
    Графические форматы изображений в Интернете. Оптимизация отдельных изображений. Оптимизация формата JPEG. Оптимизация формата GIF. GIF-анимация. Видео и видеослои. Автоматизация действий.
  • Тема 10. Подготовка изображений для печати
    Размеры пиксельной графики для полиграфии. Использование форматов файлов для полиграфии. Формат TIFF. Формат EPS. Формат PDF. Использование формата RAW. Создание контуровпутей. Модель кривой Безье. Предварительное цветоделение. Параметры конвертации в CMYK. Рекомендуемые установки цветоделения. Печать из Adobe Photoshop.
  1. Векторная графика AdobeIllustrator (35 часов)
  • Тема 1. Рабочая область и создание стандартных фигур и линейных объектов.
    Введение. Запуск и интерфейс программы. Создание и открытие документов. Установки документа. Использование инструментов, отображение рисунка. Палитры. Сохранение документа. Использование шаблонов документов. Создание основных геометрических фигур. Создание линейных объектов.
  • Тема 2. Выделение, расположение и размещение объектов.
    Инструменты выделения. Сочетание фигур. Группирование объектов. Расположение объектов. Перемещение и копирование объектов. Удаление, фиксирование и скрытие объектов.
  • Тема 3. Работа с контурами.
    Инструменты для создания контуров. Элементы векторного контура. Создание контуров инструментом Pen. Выделение контуров и опорных точек. Изменение кривизны контура в точке. Использование инструментов группы Pencil. Инструмент Reshape. Команды обработки контуров.
  • Тема 4. Работа с цветом.
    Цветовые модели, используемые в программе. Цветовая модель RGB. Цветовая модель CMYK. Цветовая модель HSB. Цветовая модель Grayscale. Присваивание цвета объектам. Градиентные заливки. Конвертирование цветов моделей RGB и CMYK. Инструменты Live Paint Bucket и Live Paint Selection. Декоративные заливки
  • Тема 5. Преобразование объектов и контуров.
    Перемещение объектов в процессе их создания. Перемещение объектов с помощью палитры Control. Трансформирование объектов. Использование инструментов трансформирования. Трансформирование изображений с помощью палитры Transform. Использование инструментов группы Warp. Команды меню Effect.
  • Тема 6. Превращения, оболочки, трехмерные эффекты.
    Превращения. Оболочки. Обтравочные маски. Трехмерное представление объектов.
  • Тема 7. Работа с текстом.
    Инструменты для работы с текстом. Параметры символов. Заголовочные и абзацные текстовые блоки. Размещение текста в замкнутом объекте. Размещение текста вдоль контура. Обтекание текстом графических объектов. Отображение текста плашками. Преобразование текста в кривые. Текстовые стили.
  1. Основы веб-технологий (50 часов)
  • Тема 1. Введение в HTML. Структура страницы.
    Понятие HTML. Основы работы глобальной сети Интернет. Понятие веб-сервера. Статичные и динамичные сайты. Основные типы сайтов. Обзор современных стек технологий HTML и CSS. Базовая структура HTML. Варианты разметки страницы. Основные блоки HTML-страницы.Создание гиперссылок и работа с ними. Основы работы с гиперссылками. Взаимосвязь между страницами статичного веб-сайта.
  • Тема 2. Размещение изображений, списков и таблиц
    Размещение изображений на веб-странице. Упорядоченные и неупорядоченные списки. Основы работы с таблицами. Отрывки прошлого: старые сайты верстали в таблицах.
  • Тема 3. Медиа-файлы. Iframe. Формы
    Размещение на своих страницах звуковых и видео-файлов.Внедрение внешних HTML-страниц. Взаимодействие ссылок с iframe-элементами.Текстовые поля, радио-кнопки, флажки/чекбоксы, элемент выбора select и их атрибуты. Создание формы обратной связи.
  • Тема 4. Основы каскадных таблиц стилей CSS.
    Основы работы с CSS. Подключение файла стилей. Базовые понятия: селектор, свойство, каскад, наследование, единицы измерения. Применение CSS-свойств к оформлению изображений.
  • Тема 5. Макетирование страницы с CSS
    Верстка страницы по макету. Построение структуры страницы. Высота и ширина колонок. Свойства float, display.
  • Тема 6. Адаптивные html-страницы
    @media, медийные запросы (@mediaqueries) для страниц, mediafeature.
  • Тема 7. Работа со шрифтами
    @font-face, GoogleFonts, Единицы измерения для работы со шрифтами и html-элементами.
  • Тема 8. CSS-анимация.
  • Тема 9. Подготовка, размещение и поддержка сайта в сети
    Выбор хостинга. Основы работы с FTP-клиентами. Использование тега meta.
  • Тема 10. Гибкая работа со страницами сайта
    Проверка валидности верстки. Языки серверного программирования и генерация динамических HTML-страниц. Возможности JavaScript по работе с HTML-страницами и CSS-свойствами.
  1. Основы JavaScript (40 часов)
  • Тема 1. Введение в JavaScript
    Типы данных. Операторы. Инструкции и выражения. Переменные и константы.
  • Тема 2. Конструкции ветвления и циклы
    Конструкции ветвления логики программы (if…else, switch). Циклы: с предусловием, постусловием и арифметический.
  • Тема 3. Функции
    Понятие функции. Объявление функции. Аргументы функции. Возврат значений. Области видимости. Стрелочные функции. Анонимные функции.
  • Тема 4. Массивы и объекты
    Понятие объект (Object). Свойства объекта. Методы объекта. Массивы. Свойство и методы функции. Объект String и его аргументы. Объект Math. Функция parseInt(). Функция parseFloat(). Статические функции объекта Math.
  • Тема 5. Клиентский JavaScript. Объект Window
    Объекта Data. Работа с таймерами. Свойства и методы объекта Window. Управление поведением Window. Объект Location. Объект History. Объект Navigator.
  • Тема 6. Клиентский JavaScript. Объектная модель документа: DOM. Работа с HTML элементами.
    Причины использования DHTML. DOM (DocumentObjectModel — объектная модель документа). Доступ к узлам DOM. Доступ по идентификационному номеру (ID) . Доступ по атрибуту name. Доступ по имени дескриптора . Доступ и изменение класса через свойство className. Получение информации об узле. Перемещение по иерархическому дереву DOM. Метод removeChild(). Удаление элементов. Методы createElement() и appendChild(). Создание и добавление элементов. Методы insertBefore(). Создание и добавление элементов. Метод createTextNode(). Создание текстовых элементов. Метод setAttribute(). Добавление атрибутов. Метод cloneNode(). Клонирование элементов. Метод replaceChild(). Замена элементов. Свойство innerHTML. Изменение фрагментов кода HTML. Использование CSS стилей в сценариях JavaScript. Соглашения об именах: CSS-атрибуты в JavaScript. Работа со свойствами стилей. DHTML-анимация.
  • Тема 7. Клиентский JavaScript. Cookie
    Описание cookie. Cookie в браузере.
  • Тема 8. Клиентский JavaScript. Формы и обработка событий
    Элементы управления и объекты. Быстрый доступ к объектам. Динамическое изменение значений атрибутов. Изменение элементов на основе значений, указанных пользователем. Динамическое изменение списка вариантов. Проверка выбранных флажков. Изменение элементов перед отправкой формы на сервер. Использование встроенных функций JavaScript. Отключение элементов. Элементы только для чтения.
  1. Современные технологии верстки (40 часов)
  • Тема 1. CSS-фреймворки
    CSS-фреймворки: Bootstrap и Foundation. Базовые возможности фреймворков.
  • Тема 2. Контейнеры. Система сеток Bootstrap
    Контейнеры. Система сеток Bootstrap. PSD-файл для разработки макета.
  • Тема 3. Оформление HTML-элементов
    Оформление списков, шрифтов, таблиц и изображений с помощью Bootstrap.
  • Тема 4. Компоненты Bootstrap
    Кнопки. Выпадающие элементы. «Хлебные крошки».
  • Тема 5. Формы
    Всплывающие формы. Формы обратной связи. Всплывающие сообщения.
  • Тема 6. Встраивание медиа-файлов
    Границы. Иконки. Встраивание медиа-файлов на HTML-страницы.
  • Тема 7. Flexbox. Сетка Flexbox
    Понятие Flexbox. Основы работы с Flexbox.
  • Тема 8. JavaScript и события Bootstrap
    Понятие JavaScript. Базовые возможности языка. Взаимодействие с Bootstrap. Управление поведением bootstrap-компонент через JS.
  1. Методологии и инструменты современной верстки (50 часов)
  • Тема 1. Принципы организации CSS
    Методология БЭМ. ООCSS. Попиксельная верстка. Инструмент PixelPerfect.
  • Тема 2. GridCSS
    Контейнеры, треки, линии, ячейки, области, аллеи. Вложенность grid-ов. Z-index.
  • Тема 3. Таск-менеджер Gulp.
    Понятие Таск-менеджера. Преимущества применения. Настройка Gulp на работу c SASS.
  • Тема 4. Препроцессоры CSS
    Основы работы с SASS. Переменные. Вложенность кода. Комментарии в SASS. Примеси (Миксины).
  • Тема 5. Препроцессоры CSS
    Наседование. Фрагментирование SASS файлов. Импорт. SASS-script.
  • LandingPage: свой собственный сайт портфолио! (25 ак. часов)
    Тема 1. Подготовка окружения. Разбор структуры макета. Верстка хэдера.
    Тема 2. Верстка футера
    Тема 3. Блоки «Мои навыки», «Почему Я?», «Блог»
    Тема 4. Подключение сторонних библиотек. «Образование»
    Тема 5. Блоки «Портфолио», «Контакты».
  1. Проектирование интерфейса пользователя (UI-проектирование) (40 часов)
  • Тема 1: Основы проектирования интерфейсов.
    История экранных интерфейсов. Общие понятия интерфейса и его элементы. Интерфейсы сегодня, тенденции и тренды. Проектировщик интерфейсов, кто он? Поиск референсов, графические стоки.
    Практика: Создание простого лэндинга по примеру. Повторить стиль одной страницы, изменив название и основное изображение.
  • Тема 2: Элементы интерфейсов.
    История и тенденции развития экранных интерфейсов, технологический аспект. Приемы для создания нужного настроения на сайте. Первостепенность задачи при проектировании. Значимость различных элементов. Примеры стилей и их применения. Проектный подход, рисование кнопок и иконок.
    Практика: Создание сета элементов в различных стилях (для 2-х сайтов, игрового и продающего). Отрисовать по 2 иконки и по 2 кнопке для каждого из сайтов.
  • Тема 3. Модульные сетки в экранных интерфейсах. FIGMA.
    Экранная верстка. Модульные сетки и их применение. Модульные сетки и их адаптивность. С чего начинать макет интерфейса?
    Практика: Создание макетов простой страницы на основе модульной сетки в Photoshop и в Figma.
  • Тема 4: Лендинги и сложные макеты в web, адаптивность.
    Отличия простого и сложного web-дизайна. Зачем нужен лендинг и в чем его особенности? Проектирование полных страниц в Figma, мобильный интерфейс.
    Практика: Создание лендинга сайта и его мобильной версии.
  • Тема 5: Экранная типографика. Текст в web
    Текст, как составляющая удобства использования или usability. Экранная типографика, ее особенности. Текст в web, его значимость для пользователя и для систем. Порядок элементов, логика взаимодействия.
    Практика: Доработайте контент своего сайта. Проверьте, чтобы тексты и короткие тексты, заголовки, были оформлены верно. Соблюдая общий стиль отрисуйте экраны взаимодействия, состояния кнопок и элементов, чтобы все было готово к анимации.
  • Тема 6: Элементы Figma.
    Figma и порядок организации проекта.
    Практика: навести порядок в структуре документа, объединить элементы по группам, создать страницы с фрэймами и дашбордами, в которые вы соберете все основные компоненты, на которые вы опираетесь в работе. Назвать все четко и понятно.
  • Тема 7: Анимация и переходы в Figma.
    Практика: создать анимированный контент, записать его с экрана в формат gif и прислать ссылку на папку с gif-анимацией внутри. Постарайтесь максимально анимировать все возможные кнопки, слайдеры, выезжающие и раскрывающиеся экраны.
  • Тема 8: Презентация проекта.
    Практика: Полная отладка макета, создание десктопной и мобильной версий сайта. Запись анимации и презентация макета.
  1. Проектирование пользовательского опыта (UX-проектирование) (30 часов)
  • Тема 1. Философия и научная методология в дизайне
  • Тема 2. Качественные и количественные методы исследования – предложить и использовать количественный метод для заданной задачи. (5 задач)
  • Тема 3. Психология человеко-компьютерного взаимодействия – Создание карты пользователя (персона), другие методики описания пользователя
  • Тема 4. Пользовательские истории (когда… я хочу… я могу…) – написать историю (3-5 шт)
  • Тема 5. Проектирование пользовательского опыта – создание сценария пользовательского опыта
  • Тема 6. Проектирование продукта
  • Тема 7. Юзабилити-тестирование
  • Тема 8. Анализ и оценка пользовательского опыта
  • Форма аттестации: презентация проекта.
    Проект включает в себя качественные и/или количественные методы исследования, создание карты пользователя (персона), пользовательские истории, сценарии пользовательского опыта, проектирование, юзабилити-тестирование, отчет по оценке пользовательского опыта, предложения по улучшению.
  1. PHP и MySQL. Основы разработки веб-приложений (40 часов)
  • Тема 1. Подготовительные работы. Настройка окружения
    Этап 1: Установка VirtualBox. Установка UbuntuServer. Установка Putty. Установка docker для развертки веб-сервера. Основные команды работы с docker.
    Этап 2: Установка SSH. Настройка SSH. Установка Apache2. Создание и загрузка Docker образа. Установка MySQL (репозиторий Ubuntu). Установка MySQL (из исходного кода). Установка PHP7.
  • Тема 2. Базовые команды языка PHP
    Шаблон php-документа. Переменные и константы. Условные операторы (if-else, switch).
  • Тема 3. Массивы и строки. Циклы
    Структура данных массив. Одномерные и двухмерные массивы. Особенности работы с массивами. Сортировка массивов.
    Арифметический цикл. Цикл постусловием. Цикл с предусловием.
  • Тема 4. Пользовательские функции
    Понятие функции. Создание и использование простых функций. Создание и вызов функций, принимающих аргументы. Создание и использование функций, возвращающих значение. Переменные и функции. Область действия переменных и глобальные переменные. Задание значений аргументов по умолчанию.
  • Тема 5. Подключение внешних файлов
    Использование функций include и require. Константы.
  • Тема 6. Глобальные массивы GET и POST.
    Основы работы с get и post запросами (через HTML-формы и Ajax-запросы). Обработка данных из HTML-формы.
  • Тема 7. Сессии и куки. Основы работы.
    Понятие куки. Установка куки. Использование данных из куки для персонализации сайта. Понятие сессии. Запуск сессии, Создание элемента сессии и вывод его на экран.
  • Тема 8. Работа с БД Mysql.
    PHP и базы данных. Соединение с сервером и создание базы данных. Создание таблицы. Отправка данных. Извлечение данных
  1. Средства организации процесса веб-разработки в команде (20 часов)
  • Тема 1. Системы контроля версий. Репозиторий Git.
    Принципы работы систем контроля версий. Введение в Git. Установка и начальная настройка Git (Windows и Linux). Создание, изменение и удаление репозитория. Просмотр истории коммитов. Отмена действий. Метки. Псевдонимы.
  • Тема 2. Ветвление в Git
    Принципы ветвления и слияния. Управление ветками. Слияние и разрешение конфликтов. Перебазирование.
  • Тема 3. Использование Git на сервере. Распределенная работа в Git
    Установка Git на сервере. Настройка. Протоколы. Рабочие процессы. Создание коммитов. Поддержка. Инструментарий.
  • Тема 4. Использование Git в других окружениях
    Графические утилиты. Среды разработки. GitHub.
  1. Создание сайта на конструкторе Tilda 2 (дистанционное) (40 часов)
  • Конструктор Тильда
    О назначении конструкторов. Панель управления сайтами. Выбор тарифа. Экспорт кода. Создание сайта. Настройки сайта. Создание страниц. Список страниц. Настройки отдельной страницы. Интерфейс редактирования страницы. Предпросмотр и публицикация страницы. Списки страниц. Техническая поддрежка.
    Практика: создание учетной записи, сайта и страницы сайта.
  • Стандартные блоки
    Хэдер и футер. Обложка. Блок о проекте. Добавление изображения. Добавление галлереи. Блок преимущества. Команда сайта. Список страниц. Добление отзывов. Расписание для сайта мероприятия. Этапы работы над проектом. Контакты. Подключение карт. Добавление соцсетей. Сетка парнеров.
    Практика: создание лэндинга из стандартных блоков на выбранную тему.
  • Zero-block
    Создание нулевого блока. Панель навигации. Доступные элементы. Работа с текстом. Работа с изображениями. Шейпы. Добавление кнопок. Работа с видео. Работа с тултипами. Вставка кода. Добавление формы. Размеры в пикселях и процентах. Цвет и границы, и тени. Порядок слоев. Пару слов о lazyload картинок.
    Практика: создание интеренет-магазина на выбранную тему.
  • Сайт
    Настройка домена. Выбор главной страницы. Стастистика сайта. Googleanalytic и Яндекс метрика. Настройка HTTPS. Настройка шрифтов, цвета для всего сайта. Seo — рекондамендации. Экспорт сайта. Cервисы приёма данных из форм. Платежные системы. Выбор шапки и подвала. Действия с сайтом. Ограничение доступа. Личный кабинет. HEAD для всего сайта. Кастомизация СSS для всего сайта.Ключи от API карт. Фавикон.
    Практика: исправление работ, созданных во втором и третьем блоках по SEO-рекоммендациям. Подключение платежной системы. Подключение карты. Добавление фавикона.
  • Анимация
    Рассмотрение возможностей анимации в Тильда. Анимация в стандартных блоках. Basic в ZeroBlock. Длительность, задержка, увеличение, просмотр. Параллакс. Фиксирование. Step-by-step в ZeroBlock. События: элемент на экране, блок на экране, по скроллу, по ховеру, по клику. Старт анимации. Зацикливание. Шаги. Перемещение, масштаб, опасность, поворот, задержка.
    Практика: добавление анимации к работам, созанным во втором и третьем блоках + бонус (выполнение задания на анимацию скроллинга)
  • Дополнительно
    Полезные скрипты с mo-tilda. Как персонализировать страницу «Спасибо» в Tilda. Применяем градиент к заголовку в Tilda. Как создать фиксированную кнопку из ZeroBlock в Tilda. Фоновое видео в Zero-блоке. Создание калькулятора для сайта. Эффект печатной машинки. Добавление собсвенного скрипта.
    Практика: доработка страницы спасибо для интеренет-магазина, добавление видео в zero-блок лэндинга.
  1. Дипломное проектирование (40 часов)
  2. Защита дипломной работы (5 часов).
Подробнее о курсе веб-дизайна →

9. Веб-дизайн в с нуля от Иван Процко

Бесплатно

Ссылка на сайт: https://www.youtube.com/playlist?list=PLEw1smBLhD1URvDs-SQO1gj42hEamZ6iO

Пройти курс веб-дизайна →

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

  • Как скачать программу Figma
  • Как открыть программу Фигма
  • Недавно просмотренные файлы Recently Viewed
  • Поиск файлов по ключевому слову Search
  • Черновики Drafts
  • Панель закладок Panel of tabs
  • Контекстная панель первого экрана
  • Техническая поддержка
  • Создание новой команды New team
  • Создание нового проекта и обзор интерфейса экрана проекта
  • Контекстная панель экрана проекта
  • Создание нового файла
  • Обзор интерфейса редактирования файла
  • Панель инструментов
  • Перемещение объекта Move Tool
  • Инструмент масштабирования Scale Tool
  • Создание арт борда Frame Tool
  • Срез Slice Tool
  • Фигуры
  • Прямоугольник Rectangle Tool
  • Текст Text Tool
  • Панель свойств
  • Свойства текста
  • Копирование, дублирование, переименование файла и создание арт борда
  • Создание интерфейсной и колоночной сетки
  • Практика использования инструментов Text и Rectangle
  • Сборка дизайна из готовых компонентов секций
  • Создание блоков и секций сайта с нуля
  • Перенос текста из брифа в макет
  • Добавление изображений в макет
  • Изменение цвета фона секций
  • Уровни цвета и их применение в дизайне
  • Инверсия цвета
  • Самостоятельное задание Создание цветового оформления и блоков сайта с нуля
  • Самостоятельное задание Создание проекта для портфолио в свободном стиле
  • Блочный стиль
  • Сборка секций из деталей
  • Рисуем блок «Захват внимания»
  • Создание секции «Список товаров»
  • Создание блока «Контактов» и «Карты проезда»
  • Перенос текста из ТЗ от клиента
  • Объединение секций по смыслу с помощью общего фона
  • Создание и поиск векторных изображений
  • Поиск, копирование и вставка растровых изображений
  • Контраст по цвету
  • Контраст светлого и темного, а также монохромная палитра
  • Контраст противоположных цветов
  • Скругления углов
  • Подкрашивание темного и светлого, оттенки для текста, цвет фона карточек товаров
  • Самостоятельная работа Оформление в «детском» стиле
  • Самостоятельная работа Перерисовка элементов дизайна
  • Бесшовный стиль
  • Сборка из секций выполненных в бесшовном стиле
  • Уместный текст
  • Поиск и добавление изображений
  • Бесшовная сетка
  • Модульная сетка
  • Пропорции блоков
  • Окраска разделяющих линий и стили для свойств
  • Затемнение текста
  • Контраст холодного и теплого
  • Самостоятельная работа Повторение эталона бесшовного стиля
  • Самостоятельная работа Оформление дизайна в легком стиле
  • Самостоятельная работа Иная сфера деятельности
  • Комбинированный стиль
  • Адаптивный и резиновый дизайн
  • Резиновый компонент
  • Размеры сеток для адаптов
  • Первый экран и подкат
  • Сетка для Desktop+
  • Адапт Desktop+
  • Сетка для Tablet
  • Адапт для Tablet
  • Сетка для Smartphone
  • Адапт для Smartphone
  • Состояния элементов
  • Состояния компонентов
  • Инлей и Оверлей
  • Таблица состояний
  • Исходные файлы
  • Самостоятельная работа Повторение материала
  • Самостоятельная работа Портфолио Минимум
  • Самостоятельная работа Портфолио Медиум
  • Самостоятельная работа Портфолио Максимум.
Подробнее о курсе веб-дизайна →

10. Веб-дизайн от Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана

Цена: разная стоимость

Ссылка на сайт: https://www.specialist.ru/section/web-design

Пройти курс веб-дизайна →

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

Вы хотите просто сделать сайт для своей компании и организовать свою студию и выполнять заказы? По окончании обучения веб-дизайну в Школе дизайна «Специалист» Вы сможете создавать сайты любой сложности, сайты, которые будут привлекать продуманным и удобным для пользователя дизайном, сайты, которые будут приносить деньги своим владельцам.

Курсы:

  • Веб — дизайнер со знанием юзабилити (UX/UI)
  • UX/UI — дизайнер. Разработка веб — интерфейсов с использованием Figma 2.0
  • Front — end разработчик
  • Веб – дизайнер
  • Веб — дизайнер + Usability
  • Специалист по Adobe Photoshop СС
  • HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3
  • Adobe Photoshop CC для MAC и Уровень 1. Растровая графика
  • Создание лендингов в конструкторе «Тильда»
  • HTML и CSS. Уровень 3. Продвинутые методологии и инструменты верстки
  • Практикум по созданию сайта: верстка страницы
  • Adobe Photoshop СС/CS6 для MAC и Уровень 2. Профессиональная ретушь
  • Adobe Photoshop СС/CS6. Уровень 3. Публикация изображений (печать и web)
  • Веб — дизайн. Визуальное оформление и верстка сайтов
  • Figma для UI/UX дизайнера
  • Дизайн интерфейсов в программе Adobe XD
  • Дизайн интерфейсов в программе Sketch
  • Adobe Animate 2020. Анимация и баннеры
  • Юзабилити сайтов. Проектирование веб – интерфейсов
  • Основы дизайна.
Подробнее о курсе веб-дизайна →

11. UX/UI-дизайн: базовый уровень от LoftSchool

Цена: 20 000 ₽ — 26 000 ₽

Ссылка на сайт: https://loftschool.com/course/web-design/

За 6 недель вы освоите работу с главными инструментами современного UX/UI-дизайнера и выполните свой первый проект.

Пройти курс веб-дизайна →

Курс рассчитан на начинающих UX/UI-дизайнеров с опытом работы до полугода и на тех, кто только хочет начать свою карьеру.

За 6 недель вы научитесь:

  1. Основные инструменты
    Во время курса вы освоите работу с современными инструментами дизайнера: Adobe Photoshop, Sketch, Figma.
  2. Проектирование
    В ходе курса разберем, что такое пользовательский опыт, информационная архитектура и прототипирование, научим создавать вайфреймы и скетчи.
  3. Визуальная составляющая
    Разберем основы композиции, пропорции, модульность и научимся работать с сетками. Разберём на практике, что значит «поиграться со шрифтами».
  4. Иллюстрации и иконки
    Начнём создавать иконки и иллюстрации самостоятельно, а также подбирать на фотостоках именно то, что нужно. Разберемся, когда иконки в проекте нужны, а когда нет.
  5. Работа с текстом
    На курсе мы научим работать с текстом: собирать данные, структурировать их и редактировать, а при необходимости — писать «с нуля». Покажем, как правильно использовать экранную типографику.
  6. Презентация проекта
    На курсе разберем, для чего нужна презентация проекта. Как взаимодействовать с клиентом на разных этапах, как собирать обратную связь и анализировать информацию.

Что ожидать от обучения?

  • Насыщенная программа
    13 обучающих модулей, 100+ часов обучения.
  • Поддержка наставника
    Практикующий UX/UI-дизайнер будет отвечать на любые вопросы.
  • Готовое портфолио
    Мы подготовили для вас 12 кейсов, вы можете выбрать один из предложенных или поработать над своим проектом.
  • Доступ к материалам
    Не ограничен рамками курса. Вы можете продолжить учиться, когда захотите.
  • Telegram-чат
    При изучении материалов вы можете задавать вопросы одногруппникам и команде курса.
  • Сертификат
    Диплом с уникальным ID, подтверждающий уровень ваших знаний.
  • Ламповая атмосфера
    Никаких скучных и занудных “дядек“, как в других школах. В Loftschool вас будут учить в атмосфере rock-and-roll.
  • Начало карьеры
    После обучения вы сразу же готовы к старту карьеры в веб-индустрии.

Как проходит обучение:

Задание
Каждый понедельник студенты получают задание
Недельный план
Подскажет, что делать в каждый конкретный день курса.
Материалы недели
Изучать можно в удобном для себя ритме.
Самостоятельная работа
После изучения материалов студент работает над проектом.

Программа курса:

  1. Интерфейс, персонажи и сценарии
    — Знакомимся со своим личным наставником и группой.
    — Определяем полезное действие сайта, определяемся с бизнес-целями и задачами.
    — Составление сценариев на основе персонажей, информационной архитектуры дипломного проекта.
  2. Инструменты UI-дизайнера
    — Знакомимся с основами Sketch/Figma.
    — Cобираем сайт по макету прямо в браузере.
    — Тренируем «насмотренность» и навык фрагментирования. Отрисовываем UI-кит.
  3. Композиция и типографика
    — Обратная связь по домашним заданиям предыдущей недели.
    — Собираем 2-3 экрана дипломного проекта по правилам композиции.
    — Подбираем удачные шрифтовые пары для дипломного проекта.
  4. Цвет и графика
    — Изучаем цветовое решение.
    — Изучаем инфографику и техническую графику.
  5. Смысл и порядок
    — Обратная связь по выпускным проектам.
    — Изучаем типографику и текстовые стили.
    — Наводим порядок в проекте.
  6. Заключительный блок
    — Дорабатываем проект.
    — Сдаём проект на проверку наставникам.
    — Выставление оценок в дипломы.

Преподаватель:

Елена Мойся
Дизайнер продукта в МТС, преподаватель Loftschool

  • в дизайне более 4-х лет
  • начала свой путь с работы на фрилансе, агентствах и студиях
  • работала над продуктами государственной важности
  • более 3-х лет работаю со студентами в образовательной сфере
  • работала более 2-х лет удаленно из разных городов.

Отзыв:

Женя Малышкина

«Давно хотела попробовать себя в веб-дизайне, несколько раз начинала изучать сама, но бросала. Наверное, от обилия информации, когда не знаешь, за что хвататься, или недостатка мотивации. Я уже проходила обучение в LoftSchool и знала, как ответственно ребята подходят к организации курсов, поэтому не сомневалась, что хочу учиться дизайну здесь.
Курс длится 5 недель, три раза в неделю — живые вебинары или скринкасты, дополнительные материалы, ссылки, и, самое интересное — практика. Уже с первой недели мы начали работу над дипломным проектом. И так круто смотреть сейчас на свой первый, корявый варфрейм и понимать, как много я прошла и узнала за время курса. Безусловно, еще предстоит многому научиться, но уже сейчас я четко понимаю, куда идти и что именно изучать.
А самое главное — я больше не сомневаюсь в том, что могу стать веб-дизайнером. И за эту уверенность хочу сказать большое спасибо команде курса!
Lena Moysya — лучший преподаватель, на ее вебинарах ни разу не было скучно, а после них — хотелось скорее применять все на практике. Она дает все необходимые основы четко, без воды и с примерами. Отвечает на все вопросы, дает кучу полезных правок к проекту. На протяжение всего курса чувствуешь, что в тебя верят и это офигенно важно, когда ты новичок! Спасибо моему наставнику Паше за то, что ответил на миллион вопросов, всегда был на связи и не скупился на правки! Спасибо всей команде курса за организацию, за вашу вовлеченность и веру в студентов 🙂
Итак, курс по веб-дизайну от LoftSchool отлично подойдет тем, кто только начинает, и еще больше тем — кто мечтает стать веб-дизайнером, но не знает, как подступиться к этой сфере или боится начать. Благодаря курсу вы сможете интенсивно и быстро стартануть и сделать свою первую работу для портфолио. Вашими наставниками станут реальные практикующие дизайнеры, которые будут верить в вас и отвечать на самые глупые вопросы.
Я думаю, что веб-дизайнером может стать любой человек, который хочет сделать этот мир чуть лучше и помогать людям, упрощая их жизни. Который готов вложить много часов в обучение и еще больше — в практику.»

Подробнее о курсе веб-дизайна →

12. Веб-дизайн от Eduson Academy

Цена: 25 008 ₽

Ссылка на сайт: https://eduson.academy/web-designer

Онлайн-курс, который за месяц научит зарабатывать на веб-дизайне. Вы узнаете, как работать в Figma; с помощью куратора соберете портфолио из 10 работ и получите навыки, которые помогут устроиться в компанию или фрилансить.

  • 10 работ в портфолио и опыт работы с заказчиками
  • Официальный диплом и помощь в трудоустройстве
  • 365 дней поддержки (помощь куратора)
  • 1-2 месяца в среднем для прохождения.
Пройти курс веб-дизайна →

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

Для кого этот курс:

  • Для тех, кто хочет стать фрилансером и работать на себя
    Вы научитесь создавать сайты любой сложности, а также правильно собирать портфолио и работать с заказчиком – все, что необходимо для старта на удаленке
  • Для начинающих веб-дизайнеров
    Вы освоите работу с интерфейсами – от прототипов сайтов до UX/UI-дизайна, а также все, что нужно начинающему веб-дизайнеру
  • Для практикующих дизайнеров
    Вы научитесь создавать сценарии, которые сподвигнут пользователя к целевому действию, одним словом – сможете решать проблемы бизнеса.

Чему вы научитесь:

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

Как проходит обучение:

  1. Смотрите лекции и кейсы в удобном для вас темпе
  2. Выполняете практические задания на отработку новых навыков
  3. Если возникают вопросы, отправляете их куратору
  4. Защищаете дипломную работу и получаете официальный документ об окончании курса.

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

44 урока / 10 практических заданий

  1. Организация работы
  • Что делает веб-дизайнер
  • Инструменты для работы веб-дизайнера
  • Этапы работы над сайтом.
  1. Подготовительный этап и анализ
  • Как анализировать конкурентов
  • Как работать с дизайн-системами
  • Как анализировать целевую аудиторию
  • Тренды в веб-дизайне
  • Источники вдохновения.
  1. Основы веб-дизайна
  • Структура сайта
  • Основы композиции и сетка
  • Как работать с типографикой в веб-дизайне
  • Как работать с цветом в веб-дизайне
  • Адаптивный дизайн.
  1. Проектирование в Figma
  • Возможности Figma
  • Интерфейс Figma
  • Как работать с цветом в Figma
  • Как работать с векторными иллюстрациями в Figma
  • Как создать кликабельный прототип в Figma.
  1. Пользовательские сценарии
  • UX-дизайн
  • Как построить карту пути клиента
  • Как управлять вниманием пользователя
  • Как провести usability-тестирование.
  1. Карьера
  • Как составить портфолио
  • Как искать заказы
  • Как работать с заказчиком
  • Как презентовать работу заказчику
  • Советы по карьерному пути от эксперта.
  1. Защита дипломной работы
    В конце курса вам предстоит пройти аттестацию из 3 практических этапов.
    После этого вы получаете официальный диплом об окончании курса, который сможете указать в резюме.

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

Константин Лукьянов
Графический дизайнер. Работает в студии Артемия Лебедева и дизайн-компании ONY.

Аля Кузнецова
Веб-дизайнер. Проектирует интерфейсы, которые использует Сбербанк, МТС, ПИК, Х5 Retail Group, Gett, Билайн.

Кристина Михайлова
Графический дизайнер и UX/UI-дизайнер с опытом работы продакт-дизайнером в Сбербанке и Открытие Брокер.

Анна Карпова
Продуктовый дизайнер в банке с более 10 млн клиентов. Экс-дизайнер продукта в Сбербанке, работала веб-дизайнером и иллюстратором в рекламном агентстве.

Дада Кирей
Иллюстратор. Рисовала для The Village, Adidas, Inc. Russia, Google, S7 Airlines, Kiehl’s, Bosch, Кухни на районе.

Курсы в подарок:

  • Как составить резюме
  • Как начать поиск работы
  • Как получить работу мечты
  • Как подготовиться к собеседованию
  • Как отвечать на вопросы на собеседовании
  • Как активно участвовать в собеседовании
  • Как получить повышение
  • Как принять оффер и выйти на работу.
Подробнее о курсе веб-дизайна →

13. Веб-дизайн от Академия IT

Бесплатно

Ссылка на сайт: https://academiait.ru/course-category/design/web-design/

Пройти курс веб-дизайна →

Курсы:

  1. Дизайн
  2. Рабочий процесс
  3. Дизайн-прожарка
  4. Мотивация и эффективность
  5. Мини-курс «Web Design 3»
  6. Трансляции/Мастер-классы
  7. Д-Дайджест о web-дизайне
  8. Мини-курс «App Design»
  9. Мини-курс «Web Design»
  10. Мини-курс «Web Design 2»
  11. Дизайн отдельных элементов сайта. Практика
  12. Полезные ресурсы
  13. Практика
  14. Дизайн по реальному тех. заданию
  15. Веб-дизайн. Советы
  16. Айдентика
  17. Делюсь опытом работы
  18. КМД. Курс молодого дизайнера
  19. Figma Tips
  20. Поиск клиентов | Работа с клиентами.

И др.

Подробнее о курсе веб-дизайна →

14. Веб-дизайн с нуля от irs.academy

Цена: 1 699 руб. — 31 200 руб.

Ссылка на сайт: https://irs.academy/web-design

  • Кол-во часов: 24 часа
  • Кол-во занятий: 12 уроков.
Пройти курс веб-дизайна →

Для кого будет полезно?

  • Школьников
    Хотите познакомиться с творческой и денежной профессией? Пройдите онлайн-курс по веб-дизайну!
  • Студентов
    Задумываетесь о будущей профессии и вас интересует веб-дизайн? Онлайн-курс познакомит вас с этим направлением.
  • Предпринимателей
    Нужен сайт, но услуги разработчиков слишком дороги? Пройдите наш онлайн-курс и сделайте его самостоятельно или контролируйте исполнителей, разобравшись в каждом аспекте построения сайта.
  • Начинающих веб-дизайнеров
    Есть начальные навыки, но сделать сайт не получается? Поможем привести знания в стройную систему и расскажем о полезных фишках.
  • Веб-дизайнеров
    Разбираетесь в дизайне, но повысить чек за услуги и продавать работы не получается? Расскажем, как веб-дизайнеру монетизировать свой труд и сделать работы дороже.
  • Заботливых мам
    Вашему ребенку от 12 до 19 лет, и вы уже задумываетесь, какое направление работы будет ему интересно и принесет доход? Приобретите онлайн-курс по веб-дизайну!
  • Всем, кому интересен веб-дизайн
    Вы хотите больше узнать о веб-дизайне и приобрести полезные навыки? Онлайн-курс по веб-дизайну вам поможет!

После окончания курса вы сможете:

  • Сменить рутинную, однообразную работу на творческое занятие
  • Зарабатывать от 40 000 в месяц
  • Много путешествовать, при этом работать удаленно
  • Стать счастливее
  • Легко находить заказчиков
  • Наработать портфолио.

Как проходит обучение?

  1. Занятия
    Занятия проходят в формате вебинаров. Просмотр видеозаписей лекций доступен в личном кабинете. Каждый урок доступен один раз в неделю, с учётом того, что домашнее задание по предыдущему уроку выполнено
  2. Домашнее задание
    Тестирование или практическое домашнее задание с проверкой и обратной связью
  3. Сопровождение
    Каждый студент может пообщаться с экспертами курса, получить помощь координатора по учебному процессу
  4. Защита собственного проекта
    Получение сертификата, подтверждающего компетенцию

Программа курса:

  1. Ознакомление с профессией веб-дизайнера
    На первом занятии мы познакомимся с теорией веб-дизайна и выясним что важнее: визуальная привлекательность или функциональность? Мы узнаем, какие операции входят в обязанности веб-дизайнера, какими навыками и умениями он должен обладать. Поговорим об условиях работы и обустройстве рабочего места для веб-дизайнера, способствующего комфортной и эффективной работе. Начнем знакомство с типографикой, выясним, как и на что влияет текст на сайте. Рассмотрим несколько популярных и часто применяющихся шрифтов. Выясним, на что влияет правильная верстка при оформлении вашего сайта. Подробно рассмотрим правила размещения подзаголовков, абзацев и отступов между строчками. Благодаря уроку, вы составите собственное представление о задачах, входящих в круг обязанностей веб-дизайнера и познакомитесь с типографикой.
  2. Юзабилити и психология
    На втором уроке мы коснемся задач, которые часто стоят перед профессиональными веб-дизайнерами. Почему важно заранее продумывать не визуальную привлекательность, а функциональность и удобство сайта для рядового пользователя? В ходе занятия вы узнаете, как мыслит человек, далекий от IT-сферы, и как ведет себя на сайте. Какую структуру должен выстроить веб-дизайнер, чтобы работать с веб-ресурсом было удобно большинству людей? На практике потренируемся создавать шаблон сайта и продумывать будущую навигацию максимально удобной для людей. Благодаря данному уроку, вы разберетесь в том, как строятся продающие, эффективные и востребованные сайты. Вы узнаете, как захватить внимание посетителя страницы и не дать ему уйти к конкурентам.
  3. Настройка хостинга и установка WordPress
    На третьем уроке вы узнаете, что такое хостинг и зачем он нужен сайту. Также мы рассмотрим платформу WordPress и узнаем, как построить на ней сайт. Благодаря данному занятию, вы сможете настроить хостинг и начать использовать полезный функционал Вордпресса.
  4. Типографика, колористика и Artisteer
    На четвертом уроке мы вернемся к изучению типографики и шрифтов, а также максимально подробно остановимся на цвете. Поговорим о теории цвета, выясним, какое послание мы можем вложить через использование определенных цветов. Приведем список инструментов, которые помогут вам работать с цветовым спектром и подбирать правильные варианты. Выясним, как работать с цветовыми образцами. Познакомимся с техникой, позволяющей генерировать интересные идеи, и попробуем их воплотить. Благодаря данному уроку, вы узнаете, как веб-дизайнер придумывает крутые и креативные идеи. Также мы познакомимся с программой Artisteer и ее возможностями, полезными для дизайнера.
  5. Векторная графика в Adobe Illustrator за 2 часа
    На пятом занятии вы узнаете, что такое векторная графика и почему в веб-дизайне ей отдается предпочтение. Мы на практике настроим Adobe Illustrator, чтобы вам там было комфортно и удобно работать. Вы познакомитесь с инструментами и возможностями данной программы. После данного занятия вы легко создадите новый документ и сможете отрегулировать все настройки. Во время практической части вы научитесь создавать креативные иллюстрации, которые можно использовать для оформления сайтов и других целей. Пятое занятие позволит вам уверенно ориентироваться в Adobe Illustrator и рисовать в нем.
  6. Знакомство с программой Photoshop
    На шестом занятии мы познакомимся с одной из самых полезных и востребованных программ – Photoshop. Вы узнаете, как работать с ее инструментами и что можно создать. Также мы приведем термины, которые необходимо знать, для уверенного овладения этой программой. Разберемся, какие форматы могут пригодиться веб-дизайнеру. После данного урока вы сможете создавать иллюстрации в Фотошопе и импортировать их.
  7. Photoshop: погружение
    На седьмом занятии вы на практике попробуете себя в роли настоящего веб-дизайнера. Вместе со специалистом HEDU вы создадите макет сайта с нуля. Благодаря данному уроку, вы поймете, как создать макет по-настоящему продающего сайта, используя все возможности Photoshop.
  8. Работа с контентом
    На восьмом уроке мы детальнее проработаем наш сайт. Вы узнаете, чем отличаются друг от друга адаптивный дизайн и отзывчивый. Мы выясним, какой будет эффективнее в использовании, и в каком случае предпочтительнее использовать каждый из представленных вариантов. Благодаря данному занятию, вы научитесь создавать 2 вида.
  9. Погружение в контент
    На девятом уроке углубимся в разницу подходов при создании сайтов. Рассмотрим инструменты и ресурсы, благодаря которым создаются сайты. Стоит ли использовать сайты-шаблоны и бесплатные конструкторы? К каким последствиям это может привести? Также подробнее поговорим про профессиональную разработку сайтов. Благодаря данному занятию, вы сможете составить собственное мнение о том, какие инструменты и сервисы использовать при создании сайтов.
  10. Покупка домена, переезд с хостинга на хостинг
    На десятом занятии мы перейдем к выяснению важных подробностей о необходимых процессах, без которых создать качественный сайт практически невозможно. Мы узнаем, как происходит покупка домена и хостинга. Поделимся с вами профессиональным секретом о том, как сделать ваш веб-ресурс эффективным. Также мы расскажем вам о композиционных решениях, которые сделают страницы вашего сайта визуально привлекательными и логически структурированными. Вы узнаете, как правильно выстроить навигацию по сайту. Благодаря этому уроку, вы поймете, какие принципы использовать при построении ваших собственных сайтов. Еще вы узнаете, как правильно сформулировать техническое задание для программистов, чтобы вы нашли общий язык и пришли к нужному результату.
  11. Бонусное. Themler
    На этом дополнительном занятии вы познакомитесь с программой для создания шаблонов будущих сайтов (Themler). Узнаете, как и на каких условиях можно работать с этим инструментом. Благодаря знакомству с этой программой, вы сможете делать шаблоны без значительных временных затрат, что пригодится, если вы возьметесь за срочный «горящий» проект.
  12. Бонусное. СЕО
    На двенадцатом дополнительном занятии вы узнаете, что такое СЕО-продвижение сайтов через такие поисковые системы, как Google и Яндекс. Снова обратимся к теме наполнения сайта правильным контентом, который будет интересен вашим потенциальным покупателям. Занятие будет приближено к экзамену, так как вы создадите свой собственный сайт и так покажете, как усвоили весь ранее изученный материал. Благодаря данному занятию, вы проанализируете полученные вами навыки и узнаете, каким должен быть сайт, чтобы привлекать посетителей и заставлять на нем задержаться, не уходя к вашим конкурентам.

Преподаватель:

Никита Петров

«Здравствуйте! Меня зовут Никита Петров и я умею рисовать современный продающий дизайн для сайтов и приложений. В этой нише уже 7 лет. Сейчас работаю и руковожу командой дизайнеров в диджитал-агентстве ИРС. Еще я преподаю веб-дизайн очно в ИРС и в онлайн-формате. Я выпустил более ста веб-дизайнеров, многие из которых сейчас работают в этой сфере.
Научу вас веб-дизайну, потому что постоянно актуализирую знания и качаю собственные умения и скиллы, и зарабатываю этим.
Во многом я самоучка и занимался самообразованием. После того, как устроился на работу, посещал множество митапов и конференций для специалистов в области IT и веб-дизайна. В некоторых участвовал со своими докладами. Приложил руку почти к каждому проекту веб-студии. Работы можно посмотреть в портфолио на сайте.
Приобретенный опыт помог стать сооснователем Luna Apps. Заработал на BMW.=) Научу мощному и работающему веб-дизайну!»

Вы получаете:

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

Отзывы:

Александра Даурова

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

Евгения Беркина

«Понятно, доступно, интересно. Нравится подача материала. Спасибо большое Никите».

Подробнее о курсе веб-дизайна →

15. Дизайнер лендингов от Школа анализа данных

Цена: 50 000 ₽ — 66 000 ₽

Ссылка на сайт: https://practicum.yandex.ru/landings-design/

Пройти курс веб-дизайна →

Дизайнеры лендингов часто начинают свою карьеру, создавая лендинги для компаний. Это одностраничные сайты с ключевой информацией о товарах, услугах или событиях и призывом к действию. Например, с призывом оставить контакт или купить продукт.

Этот курс поможет вам научиться делать лендинги в трёх популярных инструментах Tilda, Readymag и Figma, собрать портфолио и подготовиться к первым заказам на фрилансе.

За 4 месяца обучения по 15 часов в неделю вы освоите основные инструменты дизайнера, а также научитесь работать с композицией, цветом и типографикой страниц, делать анимацию и понятный заказчику функционал.

  • Освоите Tilda, Readymag и Figma
    Познакомитесь с популярными инструментами создания лендингов: Tilda, Readymag и Figma. Рассмотрите сильные и слабые стороны каждого, а ещё научитесь выбирать инструмент под конкретный случай.
  • Познакомитесь с основными правилами дизайна
    Мы расскажем о базовых правилах композиции и техниках управления вниманием пользователя. Объясним основы работы с цветом и покажем, как верстать приятный для чтения текст.
  • Научитесь делать лендинг комфортным
    Вы сможете анализировать аудиторию и правильно выстраивать логику лендинга. Мы подскажем, как сделать страницу понятной, решающей бизнес-задачи и удобной для пользователя.

Как проходит обучение:

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

  1. Теория в интерактивном учебнике
    Мы верим, что учиться лучше на конкретных кейсах, и не заваливаем студентов теорией: вы изучаете короткие главы интерактивного учебника и подобранные нашими экспертами внешние ресурсы, а затем сразу закрепляете теорию практическим заданием.
  2. Самостоятельная работа
    Теория — только часть курса Дизайнера лендингов. Основные навыки вы получите, создавая лендинги для нескольких продуктов и заказчиков. Уметь рисовать и писать код необязательно, а если вы раньше не работали в графических редакторах — не страшно, мы научим.
  3. Наставничество и поддержка
    На протяжении всего обучения вам будут помогать наставники, преподаватели и дизайн-ревьюеры — дизайнеры с большим практическим опытом. Наставники будут делиться знаниями и опытом. Дизайн-ревьюеры — проверять практические задания и предлагать улучшения. А преподаватели каждый день, включая выходные, будут отвечать на вопросы по теме курса.

Конец обучения — только начало
Завершив основную программу, вы сможете продолжить обучение на фриланс-треке. Чтобы помочь вам найти первые заказы на фрилансе:
 — Мы научим собирать портфолио.
— Расскажем, как защитить себя от недобросовестных клиентов и как сформировать стоимость своих первых работ.
— Объясним, как писать заказчику и вести с ним дальнейшую коммуникацию.
 — Поддержим на пути получения первых заказов.

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

  1. Вводный курс
    Вы узнаете больше об устройстве обучения в Практикуме, познакомитесь с возможностями интерактивного учебника и сделаете свой первый лендинг.
  2. Знакомство с лендингами, основы композиции и типографики
    Мы подробно разберём, какие задачи и креативные идеи воплощаются с помощью лендингов, а также познакомим вас с основами композиции и объясним, для чего дизайнеру лендингов насмотренность и как её тренировать.
    Расскажем больше о типографике и не только: объясним, как правильно делать текст удобным для чтения. Обучим основам работы в Tilda.
    Результат: Вы оформите статью в красивый лонгрид на Tilda.
  3. Углублённое изучение Tilda и инструменты эффективной самопрезентации
    Познакомим ближе с возможностями Tilda, научимся работать с «нулевыми блоками» — редактором для создания собственного дизайна и анимации.
    Продолжим разбирать принципы композиции и теорию цвета: объясним, как и зачем с помощью дизайна привлекать внимание пользователя к конкретным вещам. Научимся определять, какая информация приоритетна для лендинга, и будем работать с самопрезентацией.
    Результат: сверстаете сайт-визитку для себя.
  4. Введение в Readymag, основы маркетинга
    Начнём рассказывать о Readymag и дизайн-сетке: как правильно зонировать и располагать информацию по блокам, чтобы сайт был понятным для пользователя.
    Расскажем об основах маркетинга: разберём терминологию и узнаем, как писать продающие тексты и анализировать целевую аудиторию, чтобы правильно с ней взаимодействовать.
    Результат: Сделаете лендинг со сбором заявок на покупку, который будет эффективным с точки зрения маркетинга (лидогенератор).
  5. Продвинутые инструменты Readymag, коммуникация с заказчиком, работа с брифом и ТЗ
    Вы продолжите работу в Редимаге и научитесь анимировать элементы лендинга. Познакомитесь с принципами юзабилити и со способами визуализации данных на лендинге. Поймёте, как работать над коммерческими заказами: строить коммуникацию с клиентом, понимать задачи и аргументировать свои решения.
    Результат: соберёте лендинг для медицинской компании (продающая целевая страница).
  6. Погружение в Figma, вайрфрейминг, работа с айдентикой и гайдлайнами
    Вы освоите основные и продвинутые инструменты Фигмы и научитесь использовать стили. Поймёте, зачем начинать работу над проектом с прототипирования и создадите вайрфрейм лендинга. Научитесь работать с графическими материалами в Фигме и отредактируете их для использования в финальном задании спринта. Узнаете, как строится работа с айдентикой и брендбуком клиента, а также разберётесь, как использовать гайдлайны, дизайн-системы и UI-киты.
    Результат: Вы создадите лендинг для выезда на дизайн-выходные в Самаре, проанализируете его целевую аудиторию и напишете текст.
  7. Принцип адаптивности и продвинутые инструменты Tilda
    Вы разберётесь в принципах адаптивного дизайна и научитесь работать с адаптивностью на практике. В рамках финального проекта спринта вы создадите десктопную версию макета в Фигме, перенесёте его в Тильду и адаптируете лендинг под мобильные устройства. Вы научитесь анимировать элементы лендинга при помощи инструментов Тильды. Наконец, вы изучите техники тайм-менеджмента и сможете применить их при планировании работы над дипломом.
    Результат: запустите лендинг продажи модульных домов (мобильная и декстопная версия).
  8. Дипломный проект
    Закончив обучение, вы получите сертификат о прохождении курса, но для этого нужно сделать итоговую работу.
    Итоговая большая работа станет главным проектом в портфолио. Мы предложим вам сделать лендинг франшизы и самостоятельно выбрать для него наиболее подходящие инструменты.
  9. Фриланс-трек (по желанию)
    После окончания основной программы можно пройти короткий курс, на котором вы оформите портфолио, а мы поможем вам начать работу с заказчиком и получить первые фриланс-заказы.
Подробнее о курсе веб-дизайна →

16. Web-design от request

Цена: 8 000 ₽ — 80 000 ₽

Ссылка на сайт: https://requestdesign.ru/web-design/

Пройти курс веб-дизайна →

Для кого:

  • Если вы хотите создавать волшебный дизайн, а не рядовые макеты в конвейерном формате
  • Если у вас крепкие амбиции
  • Если вы свободны от предрассудков и стереотипного мышления
  • Если вам не дает покоя жажда к прекрасному
  • Junior и Middle дизайнерам.

Итоги:

  • Обучение web-дизайну по авторской методике
  • Практика на реальных проектах
  • Топовое портфолио
  • Разработка структуры сайта с нуля.

Blended-обучение

Курс предназначен для тех, кто горит делом!
Для тех, кто готов к ежедневной работе и хочет развиваться в сфере, а не ищет легких путей.

  • Индивидуальные занятия
  • Гибкий график
  • Домашние задания
  • Формирование портфолио
  • Стажировка на арт-директора
  • Реальные проекты по желанию.

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

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

Чему вы научитесь?

  • Основам веб-дизайна и UX/UI
    Познакомитесь с трендами веб-дизайна, с типографикой, научитесь разрабатывать адаптивные версии сайтов
  • Создавать свой стиль с нуля
    С самого начала вы начнёте осваивать основные инструменты дизайнера на собственных проектах
  • Проводить анализ аналогов
    Научитесь понимать является ли сайт простым, удобным, понятным, красивым и самое главное — продающим
  • Авторским подходам от лидеров рынка
    Развитие вкуса и насмотренности посредством анализа.
  • Проектированию архитектуры сайта
    Научитесь создавать прототип будущего сайта и разрабатывать карту сайта
  • Работать в Figma на профессиональном уровне
    Мы научим вас всему функционалу Figma и другими инструментами для разработки дизайна.

Что входит в программу?

  1. Все инструменты Tilda и Photoshop
  2. Ретушь и обработка фотографий
  3. Создание бренда
  4. Создание бренд-бука
  5. Навигация сайта
  6. Создание концепции
  7. Архитектура сайта
  8. Выбор стиля для сайта
  9. Юзабилити
  10. Сетка + композиция
  11. Адаптивный дизайн
  12. Формирование контента
  13. Прототипирование
  14. Обзор мобильных приложений
  15. Структура мобильного приложения
  16. Создание дизайна
  17. Прототипирование приложения
  18. Презентация проекта.

Как проходит обучение?

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

Выполняете тестовое задание
Для определения начального уровня.

Теория + практика
Читаете статьи, смотрите наши видео-уроки. Получаете свое 1 задание на разработку сайта.

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

Работаете с наставником
Защищаете свой проект. И дополняете ею своё портфолио.

Подробнее о курсе веб-дизайна →

17. Веб-дизайнер с нуля до профи от Международная школа профессий

Цена: 39 100 ₽

Ссылка на сайт: https://online.videoforme.ru/designschool/web-designer-prof-web

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

Пройти курс веб-дизайна →

Вы научитесь:

  • Создавать проект адаптивного сайта
  • Моделировать пользовательские сценарии, правильно коммуницировать с клиентом
  • Создавать иконки и фрагменты интерфейса, разрабатывать анимацию.

Программа курса:

7 курсов в профессии, 30 недель обучения, 150 академических часов.

  1. Веб-дизайн
  • Арсенал инструментов ве-дизайнера
  • Приемы анализа конкурентов и целевой аудитории
  • Структурные особенности страниц и сайтов
  • Применение модульных сеток для создания дизайна
  • Работа с визуальными параметрами.
  1. Adobe Photoshop
  • Создание коллажей
  • Цветокоррекция изображений
  • Рисование объектов
  • Размещение на мокапах
  • Упаковка дизайн-проекта.
  1. Adobe Illustrator
  • Особенности интерфейса Adobe Illustrator
  • Применение инструментов «кисть» и «контур»
  • Правила создания макета буклета и его верстки
  • Моделирование объемного текста и значков
  • Создание изображения в векторном формате.
  1. Графический дизайн
  • Графический дизайн: основные инструменты
  • Разработка цветовых сочетаний и использование шрифтов
  • Работа с композицией и дизайном
  • Формирование брифа и технического задания
  • Работа над брендом, использование основ айдентики.
  1. UX-дизайн
  • Инструменты для создания UX-дизайна
  • Метрики ю-икс
  • Основные правила UX-дизайна
  • Юзабилити-тест
  • Методы сайтового анализа.
  1. HTML и CSS для начинающих
  • Размещение изображений, таблиц и списков
  • Блочная верстка сайта
  • Верстка макета на Flexbox
  • Адаптивная верстка
  • Добавление эффектов и анимации.
  1. After Effects
  • Возможности After Effects
  • Создание анимации
  • Взаимосвязи и шейпы
  • Применение эффектов
  • Маски
  • Текстовая анимация
  • 3D эффект в After Effects
  • Использование шаблонов
  • Стабилизация и трекинг
  • Трекинг камеры.

Наставники курса – практикующие специалисты, которые будут помогать вам на каждом этапе от теории до практических заданий и проконсультируют при подготовке к созданию личного проекта.

Ваши итоги обучения

Вы обучитесь профессии: Веб-дизайнер

Навыки после обучения:

  • Создание интерфейса и дизайна сайта в программе Figma
  • Иллюстрации, иконки, логотипы для сайта
  • Прототип сайта и исследование пользователей
  • Анимированные фигуры для логотипа или сайта
  • Разработка логотипа, визитки и элементов брендбука
  • Анимированные 3D объекты с текстом.

Диплом, подтверждающий квалификацию

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

Подробнее о курсе веб-дизайна →

18. Веб-дизайн от WAYUP

Бесплатно

Ссылка на сайт: https://wayup.in/library/course6

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

  • Без опыта и знаний
  • Просто и эффективно.
Пройти курс веб-дизайна →

Как проходит обучение:

  • Онлайн-занятия в твоем личном кабинете
  • Домашние задания после каждого занятия
  • Интерактивная система общения наставника со студентом
  • Личные онлайн-консультации с наставником.

Ты научишься:

  • Современный дизайн
    Введение, тренды, принципы
  • Figma и Photoshop
    Уверенное владение функционалом
  • Скетчинг и прототипирование
    Базовый уровень
  • UI/UX-архитектура
    Навыки построения интерфейсов
  • Адаптивный веб-дизайн
    Работа под мобильные устройства
  • Фриланс
    Как заработать на полученных навыках.

Программа курса:

  1. Введение в веб-дизайн
    На этом вступительном занятии ты познакомишься с современным веб-дизайном, узнаешь о его основных трендах и задачах специалиста в 2022 г.
    Это необходимая база для того, чтобы ввести в курс профессии полного новичка или заполнить пробелы в знаниях более опытных дизайнеров. Ты познакомишься с инструментом Figma и уже на первом занятии сделаешь свою первую работу.
  2. Изучаем Figma и разработку UI
    На этом занятии мы разберемся в понятии «пользовательский интерфейс» и основных инструментах для разработки грамотных и чистых интерфейсов.
    Детальная экскурсия по самым важным и востребованным элементам UI для создания уникальных и красивых макетов сайтов. Ты научишься работать с инструментами программы Figma и применять их для решения повседневных задач.
  3. Прототипирование в Figma
    Этот урок введет тебя в суть процесса разработки скетчей (набросков сайта) и прототипов. Именно эта стадия предшествует созданию настоящего дизайна, поскольку первоочередной задачей веб-дизайнера является проектирование удобного интерфейса и архитектуры веб-приложения.
    Ты узнаешь, как работать в программе Figma и использовать все ее преимущества для создания анимации в прототипах и готовых дизайн-проектах.
  4. Адаптивный UI/UX-дизайн
    Проектирование и разработка адаптивных сайтов является прямой обязанностью веб-дизайнера. Ты узнаешь, как именно разрабатываются адаптивные, отзывчивые и мобильные версии сайтов, научишься использовать лучшие практики ведущих специалистов, работать с модульными сетками и многое другое.
    Это занятие сделает тебя еще ближе к миру веб-разработки.
  5. Фриланс: как заработать на дизайне
    Знания — ничто без умения их использовать. В этом занятии ты познакомишься с эффективными способами заработка с помощью веб-дизайна.
    Я передам тебе свой опыт, наработанный за ~10 лет, а также покажу, как мне удается находить клиентов, которые обеспечивают мою жизнь в путешествиях, и проекты, которые делают меня счастливым.

Ведущий курса и основатель WAYUP — Андрей Гаврилов

10 лет опыт работы в сфере веб-дизайна
290+ сайтов создал за свою карьеру.

Отзывы:

Вертелецкая Александра

«Понравилось, что было много практических заданий – считаю, что это самое главное»

Роман Чуркин

«Здесь учат работать, дают инструмент, а то, как им будете распоряжаться — это уже ваше личное дело».

Суханов Павел

«Очень благодарен этой школе и просто рекомендую – ребята, не бойтесь, делайте первые шаги, начинайте заниматься».

Подробнее о курсе веб-дизайна →

19. Веб-дизайнер от Pentaschool

Цена: 39 000 ₽

Ссылка на сайт: https://pentaschool.ru/program/web-designer-course

Станьте веб-дизайнером за 7.5 месяцев. Получите доступ в профессиональное сообщество и поддержку ментора, чтобы начать зарабатывать на дизайне сайтов и интерфейсов.

Пройти курс веб-дизайна →

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

Преимущества обучения по профессии:

  • Личный ментор
    Будет помогать вам на протяжении всего процесса обучения
  • Сообщество
    Участвуйте в вебинарах, воркшопах, разборах кейсов
  • Разборы работ
    Комментируйте работы других участников вместе с экспертом
  • Доступ к видео навсегда
  • Обучение в удобное время
  • Обратная связь
    Получайте индивидуальные рекомендации от экспертов.

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

  • Обрабатывать, ретушировать и корректировать изображения в Adobe Photoshop
  • Создавать с 0 дизайн интерфейсов и приложений в Figma
  • Разрабатывать анимацию интерфейсов
  • Работать в редакторе Adobe Illustrator
  • Собирать сайты на конструкторе Tilda и готовить их к запуску
  • Разбираться в основах веб-композиции и типографики
  • Работать с модульными сетками и цветом
  • Создавать интерактивные UX/UI-прототипы.

Программа курса:

  1. Основы дизайна интерфейсов
    Вы познакомитесь с базовыми понятиями веб-дизайна и начнете работу с Figma. На практических занятиях вы с 0 разработаете прототипы основных страниц для сайта интернет-магазина.
  2. Дизайн сайтов
    Вы научитесь разрабатывать UI-дизайн, узнаете, что такое дизайн-системы, попробуете составить ТЗ и освоите навыки работы в Figma на профессиональном уровне. Также вы познакомитесь с современными трендами веб-дизайна и изучите задачи, которые ставятся перед веб-дизайнером на разных этапах разработки цифрового продукта.
  3. Дизайн сайтов на Tilda
    Вы перейдете к изучению возможностей конструктора Tilda, соберете лендинг, многостраничный сайт и интернет-магазин, подключите домен, научитесь подключать мессенджеры и платежные системы.
  4. Дизайн мобильных приложений
    Вы познакомитесь с этапами работы над мобильным приложением, узнаете, как адаптировать приложения под платформы Android и iOS и разработаете собственный дизайн приложения с 0.
  5. Личный бренд дизайнера
    Вы научитесь позиционировать себя, поймете, как создать личный бренд, где искать клиентов, как выйти на международный рынок, как эффективно работать над проектами и стать востребованным специалистом.

Ваши навыки по итогу обучения:

  • Умею работать в графических редакторах, обрабатывать изображения создавать иллюстрации с 0.
  • Разбираюсь в современных трендах в сфере веб‑дизайна.
  • Знаю все этапы разработки веб‑страниц.
  • Умею привлекать клиентов через соцсети и специальные площадки.
  • Готов к работе с клиентами и знаю, как вести переговоры с заказчиками.
  • Могу создать грамотный прототип приложения и сайта.
  • Разрабатываю интерактивные UX/UI‑прототипы.
  • Собираю сайты в Tilda на продвинутом уровне.
  • Понимаю, как создать личный бренд дизайнера.

 

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

  1. Анастасия Сильвестрова
    Аналитик-исследователь Delivery Club.
  2. Мария Николава
    Руководитель отдела дизайна в Peter Partner
  3. Сергей Непримеров
    Product designer в Reliz ltd.
  4. Святослав Трипольский
    CEO веб-студии We Make Digital.
  5. Вероника Полякова
    Ведущий UI/UX дизайнер в Сбербанке (дивизион внешнеэкономического развития).
  6. Илья Наринский
    Арт-директор рекламы, Яндекс.
  7. Мария Дорофеева
    Product owner в Яндекс. Недвижимость и Яндекс. Аренда, ранее развивала Госуслуги и Delivery Club.

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

Кречетова Мария
Дизайнер, Пермь

«Выбрала для себя школу Pentaschool из-за возможности обучения у практиков и постоянного доступа к материалам курса. Это очень круто, ведь курс постоянно обновляется, и я всегда получаю самую свежую информацию из первых рук. Много сил было вложено в практические задания, но моё портфолио и дипломную работу отметили эксперты, поэтому всё не зря!»

Ачиткин Олег
Руководитель проектов, Санкт-Петербург

«Хочу отметить, что процесс организован хорошо, все знания по программам даются структурированно, было много практики и общения. Несмотря на дистанционный формат, все организованно так, чтобы студент не оставался один на один с домашним заданием. Есть закрытые чаты в Телеграм с преподавателями, где можно задавать любые вопросы и читать разборы домашних работ. Коммуникации в Pentaschool я ставлю пять с плюсом. Также мне понравились закрытые воркшопы, на которых разбирали кейсы преподавателей, получая реальную информацию и проходя практику.»

Подробнее о курсе веб-дизайна →

20. Web дизайн от art work

Цена: 18 000 ₽

Ссылка на сайт: https://artwork.school/course-webdesign.html

  • Адаптивные веб-сайты и мобильные приложения
  • UI-разработка и UX-прототипирование
  • Личное портфолио веб-дизайнера.
Пройти курс веб-дизайна →

Программа курса:

Вводный модуль
Знакомство с веб-дизайном. На этом этапе вы получите необходимые знания и навыки для работы с простыми проектами. Научитесь создавать привлекательное оформление, работая с типографикой и цветом.
Разрабатывать структуру понятного и удобного пользовательского интерфейса. Освоите элементарные навыки работы в Photoshop и Lightroom.

  • 4 занятия с преподавателем
  • 5 часов домашних заданий

Основной практический модуль
В этой части вы приступите к реализации собственных проектов с более глубоким изучением программ для Web дизайна. Научитесь профессионально владеть графредакторами Adobe Photoshop, Adobe Illustrator, Figma и др. Разбираться в адаптивности веб — сайтов и гайдлайнах iOS и Andriod.

  • 8 занятий с преподавателем
  • 15 часов домашних заданий

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

  • 6 занятий с преподавателем
  • 10 часов дипломная работа.

Отзывы о курсе:

Анна

«Меня давно интересовал веб дизайн и разработка сайтов, но навыков и знаний для полноценной работы в этой сфере не хватало, поэтому записалась на курсы Web дизайна в ARTWORK SCHOOL. Осталась более, чем довольна обучением. Обучение один на один с преподавателем, для меня это было очень важно при выборе школы! Изучали все аспекты: от работы с графическими редакторами до разработки макетов и презентаций. Кстати, кто сомневается идти или нет, то можно записаться на бесплатное занятие. А также пройти курсы онлайн.»

Катя

«Давно хотела освоить Web дизайн, очень долго изучала различные школы и выбор пал на ARTWORK SCHOOL! Понравился индивидуальный подход к каждому ученику, ведь занятия проходят один на один с преподавателем, вы изучаете только то, что интересно конкретно вам, для меня это очень важно не люблю, когда льют воду, просто становится скучно и хочется сбежать! Спасибо преподавателю Павлу все очень четко и информативно, рада, что не ошиблась!»

Подробнее о курсе веб-дизайна →

21. Разработка и продвижение сайта с нуля до профи от Prostudio

Цена: 7 900 ₽ — 28 900 ₽

Ссылка на сайт: https://prostudio.ru/course-creating-promotion-site/

  • Обучение проводится онлайн в вечернее время
  • Проверка домашних заданий с комментариями и оценками
  • Система мотивации и борьба за главный приз
  • Дипломный проект с реальными клиентами.
Пройти курс веб-дизайна →

Обучение идеально подойдет:

  • Дизайнерам
    Вы научитесь комплексной разработке проектов, включая проектирование, верстку, интеграцию и дальнейшее продвижение сайта. Улучшите своё портфолио и узнаете, что такое отличный дизайн.
  • Верстальщикам
    Вы прокачаете навыки в области графического дизайна и интернет-маркетинга. Улучшите своё портфолио и научитесь создавать правильную верстку и интегрировать ее в CMS.
  • Программистам
    Вы прокачаете навыки в web-разработке, верстке и маркетинге. Увеличите свои знания и научитесь выстраивать профессиональную коммуникацию с другими участниками проекта.
  • Маркетологам
    Вы узнаете, как грамотно проводить SEO оптимизацию, настраивать таргетированные и контекстные рекламные кампании. Внедрить performance-маркетинг и создать сайт.
  • Руководителям проектов
    Вы прокачаете навыки управления информационным проектом на разных этапах, научитесь находить отличных исполнителей и вникните в процесс производства проекта.
  • Владельцам бизнеса
    Вы узнаете, как происходит процесс создания хорошего IT-продукта. Научитесь эффективно коммуницировать с проектной группой и грамотно оценивать цифровые проекты.

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

  • Анатолий Беличенко
    Руководитель проектов
  • Александр Мамонов
    Арт-директор
  • Максим Морев
    Технический директор.

Программа курса:

  1. Основы интернет-маркетинга
  • Что такое интернет: простой ответ, на сложный вопрос.
  • Восприятие информации и работа мозга.
  • Быстрая аналитика отрасли и конкурентов.
  • Позиционирование бренда.
  • Определение таргетированных аудиторий.
  • Методика касаний пользователя.
  • Построение простой воронки продаж.
  • Выбор основных рекламных инструментов.
  • Составление адекватных KPI для всего маркетингового комплекса.
  • Утверждение общей маркетинговой концепции.
  1. Сбор семантического ядра и кластеризация
  • Что такое семантическое ядро и для чего оно используется.
  • Настройки программы Key Collector.
  • Правильная трактовка интента запроса.
  • Подбор маркеров для парсинга.
  • Парсинг семантики.
  • Фильтрация ключевых запросов.
  • Кластеризация выбранных запросов.
  • Составление структуры сайта на основе собранной семантики.
  1. Структура сайта
  • Основные виды сайтов и их практические различия.
  • Правильная логика взаимодействия: линия поведения.
  • Углубленный аудит сайтов-лидеров выбранной тематики.
  • Построение структуры сайта в XMind.
  • Обязательные страницы сайта.
  • Формирование доверия пользователей.
  • Ссылки сайта: транслит vs перевод.
  • Выбор и регистрация доменного имени.
  • Структура URL: вложенность, длина и формат
  1. SEO и SMO
  • Принципы алгоритмов поисковых систем, их фильтры и санкции.
  • Индексирование сайта.
  • Какие факторы влияют на ранжирование в первую очередь.
  • Требования к сайту со стороны поисковых систем.
  • Настройка редиректов.
  • Создание правильных robots.txt и sitemap.xml.
  • Грамотное заполнение title и description.
  • Структура и предназначение заголовков h1 – h6.
  • Авторские права и изображения.
  • Названия и мета-теги изображений: alt и titile.
  • Внутренняя перелинковка сайта.
  • Внедрение Schema и OpenGraph.
  • Коммерческие и поведенческие факторы.
  • Сервисы и программы для эффективной работы.
  1. SMM
  • Трафик на сайт из других источников.
  • Влияние «социальных факторов» на продвижение сайта.
  • Агрегаторы услуг на поиске.
  • Выбор тональности бренда.
  • Как использовать Twitter, ВКонтакте, Facebook, Instagram, Youtube и другие площадки.
  • Хэштэги: как их правильно использовать.
  • Контент план: составление графика публикаций.
  • Оформление и подготовка контента.
  • Оформление сообществ.
  1. Контекстная и таргетированная реклама
  • Выбор способов и типов рекламы.
  • Прогнозирование бюджета.
  • Внедрение целей и конверсий.
  • Подключение пикслей для ретарегетинга аудитории.
  • Быстрая настройка Яндекс Директ и Google AdWords.
  • Как сэкономить на «контексте» 20% НДС.
  • Таргетированная реклама: тонкости настройки.
  • Церебро: как правильно использовать.
  • Составление полноценного маркетингового плана и digital-стратегии.
  1. Разработка логотипа
  • Генерация идей и поиск метафоры бренда.
  • Инструменты для разработки логотипа.
  • Практика: переход от метафоры к картинке.
  • Основные инструменты дизайнера.
  • Цветовые пространства.
  • Основные стили графики в логотипах (разбор кейсов).
  • Шрифтовые и знаковые логотипы.
  • Создание знака.
  1. Основы веб-дизайна
  • Введение.
  • История развития веб-дизайна.
  • Тренды в веб-дизайне.
  • Профессия веб-дизайнер в будущем.
  1. Проектирование
  • Инструменты для разработки прототипа.
  • Основы проектирования.
  • UX аналитика.
  • Методология построения прототипа.
  1. Концепция дизайна сайта
  • Инструменты для дизайна сайта.
  • Подготовка, мудборды.
  • Интересная подача информации.
  • Формы и кнопки.
  • Главная страница.
  1. Дизайн внутренних страниц и мобильной версии
  • Дизайн внутренних страниц.
  • Основы дизайна мобильной версии.
  • Адаптивность и мобильная версия.
  • Подготовка макетов для верстки.
  1. Дизайн рекламных материалов
  • Основы работы с графикой.
  • Дизайн баннеров для сайта.
  • Дизайн для контекстной рекламы.
  • Сервисы и программы для создания GIF анимации.
  • Основы GIF анимации.
  1. Основы веб-разработки
  • Используемые технологии в web.
  • HTML: препроцессоры и шаблонизаторы.
  • CSS: Sass, LESS и
  • Ознакомление с JavaScript.
  • Надстройки над технологиями («весь зоопарк»).
  • Используемый софт: Notepad++, Sublime 3, Atom, Brackets, VS Code и
  • Инструменты разработчика в браузерах.
  • Вспомогательные инструменты: FTP, сборщики, системы контроля версий.
  • Настройка локального веб-сервера.
  • Выбор хостинга: общий, VPS, или VDS.
  1. Основы вёрстки сайтов
  • Структура документа и страницы.
  • Основные теги: заголовки, изображения, ссылки, формы и семантические элементы.
  • Микроразметка: Scheme и JSON-LD.
  • Использование CSS-стилей.
  • Использование скриптов.
  • Связка: HTML + CSS + JS и хорошие практики.
  • Обзор React, Vue, Angular и
  • Сборка проекта.
  1. Выбор CMS или фреймворка
  • Языки программирования в web.
  • Типы фреймворков.
  • Сравнение и выбор CMS.
  • WordPress: особенности «движка».
  1. Интеграция вёрстки и системы управления
  • Установка системы управления содержимым страниц.
  • Первоначальная настройка CMS.
  • Must have плагины для работы.
  • Структура темы (шаблона) сайта.
  • Хорошие практики и примеры использования.
  1. Тестирование и оптимизация
  • Инструменты для тестирования (да-да, PageSpeed Insights).
  • Тестирование сайта и сервера.
  • Техническая оптимизация ресурса.
  • Исправление ошибок верстки.
  • Часто возникающие проблемы и их решения.
  • Чек-лист проверки проекта.
  1. Запуск сайта
  • Первоначальная настройка сервера.
  • Размещение сайта на хостинге.
  • Грамотное наполнение сайта контентом.
  • Подключение аналитических метрик и сервисов: Яндекс Метрика + Google Analytics.
  • Внедрение CRM-системы.
  • Повторный аудит сайта.
  • Регистрация в Яндекс.Вебмастер и Google Search Console.
  • Старт проекта и начала индексирования.

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

  • Посещаете онлайн занятия
    Вас ждут 18 модулей с ёмкими и драйвовыми онлайн-уроками.
  • Делаете домашнее задание
    Выполняете задание и отправляете нам на проверку к следующему уроку.
  • Соревнуетесь с другими участниками
    Получаете баллы за выполненное задание и комментарии по исправлению.
  • Сдаете дипломную работу
    Выполнив все задания, вы готовите дипломный проект и боритесь за главный приз.

Диплом Prostudio
Утверждает успешное прохождение марафона.

Отзывы:

Дмитрий Волков
Fronend разработчик

«Проходил курс Prostudio 2.0 в прошлом году. Узнал о многих вещах, о которых не знал раньше, что упростило жизнь в работе и повысило профессиональные навыки. Ребята рассказывают о том, что не лежит на поверхности, а многие вещи просто не замечаешь.
Рекомендую, отличный курс!»

Светлана Трофимова
UX / UI дизайнер

«Курс просто огонь! Это был мой не первый курс по дизайну, но этот понравился больше всего. Много чего для себя нашла и использую сейчас в работе. Преподаватели всегда готовы помочь и ответить на все вопросы. После того, как закончила курс и стала использовать новые методики работы, мой доход с вырос в 2 раза. Жду новых курсов от команды Prostudio)))»

Подробнее о курсе веб-дизайна →

22. WEB-дизайн — с нуля до проекта от УЦ «Статус»

Цена: 13 430 ₽

Ссылка на сайт: https://status-kurs.ru/courses/web-dizayn.html

Пройти курс веб-дизайна →

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

Курс подойдет:

  • Начинающим веб-дизайнерам либо дизайнерам, которые хотят переквалифицироваться в веб-дизайн;
  • Специалистам, создающим сайты под ключ;
  • Маркетологам, работающим в интернет-маркетинге;
  • Менеджерам проектов, чтобы понимать специфику постановки задач;
  • Владельцам уже существующих ресурсов.

Краткая программа курса:

  1. Веб-дизайн и основы разработки веб-сайтов
  2. Веб-типографика и работа со шрифтами
  3. Разработка дизайн-макета главной страницы сайта или лендинга
  4. Юзабилити, продвижение и СЕО
  5. Фотошоп для веб-дизайнеров, прототипирование
  6. Создание и наполнение портфолио для дизайнера, презентация своих проектов.

Преподаватели — настоящие профессионалы в сфере создания веб-дизайна (web-design) и продвижения web-сайтов!

На их счету сотни успешно завершенных реальных проектов. И тысячи успешно обученных студентов! Только опытные, талантливые и проверенные делом преподаватели допускаются к работе.
Помимо основной программы курса, наши преподаватели передают ценный опыт, доступный только настоящим профессионалам.

  • Василина Леонидовна
    Преподаватель курса WEB-дизайн
  • Андрей Сергеевич
    Преподаватель курса WEB-дизайн
  • Любовь Борисовна
    Преподаватель курса WEB-дизайн.

Мы гарантируем:

  • Индивидуальный подход к каждому ученику
  • Единый стандарт обучения — стандарт высокого качества и комфортного общения
  • Более 90% практических уроков
  • Уникальные методички и раздаточные материалы, значительно упрощающие процесс обучения.

После прохождения этого курса вы сможете:

  1. Создать собственный дизайн для сайта или лендинга
  2. Правильно выбирать цвета, шрифты и выстраивать композицию
  3. Разрабатывать страницы, адаптированные для мобильных устройств
  4. Удобно и быстро разрабатывать необходимые элементы и блоки сайта
  5. Ориентироваться в современных трендах и модных тенденциях, понимать язык дизайнера и ориентироваться в разработке дизайна.

Процесс обучения на курсах:

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

Подробнее о курсе веб-дизайна →

23. Web-дизайн с нуля от Университет «Синергия»

Цена: нет информации

Ссылка на сайт: https://synergyeducation.ru/product/web-dizajn-s-nulya/

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

  • Длительность — 5 месяцев
  • Форма обучения: онлайн.
Пройти курс веб-дизайна →

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

Кому подойдет этот курс:

  • Фрилансерам
    Желающим сформировать продающее резюме
  • Студентам
    Тем, кто хочет начать изучение мира IT с практики
  • Новичкам
    Желающим получить IT-квалификацию.

Чему вы научитесь:

  • Основам композиции
  • Системам управления сайтом
  • Рабочему пространству в Figma
  • Инструментам Adobe Photoshop и Adobe Illustrator
  • Универсальным принципам дизайна
  • Искать информацию графическому дизайнеру.

Как проходит обучение:

  1. Изучаете тему
    Смотрите обучающие видео и задаёте вопросы
  2. Выполняете задания
    Делаете домашние задания и отправляете на проверку
  3. Работаете с наставником
    Закрепляете знания и делаете работу над ошибками
  4. Получаете сертификат
    Дополняете портфолио и трудоустраиваетесь.

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

Модуль 1 — Теоретические основы дизайна

  • Ведение в дизайн и графику.
  • Цвет в графике. Введение в типографику.
  • Анатомия шрифта и характеристики шрифтов. Типы шрифтов.
  • Тренды в дизайне.

Модуль 2 — Верстка для дизайнера

  • Общий синтаксис HTML, CSS.
  • Новые структурные элементы в HTML5 и новые возможности CSS3.

Модуль 3 — Работа с программой Figma

  • Рабочее пространство в Figma.
  • Объекты в Figma. Библиотеки Figma.
  • Цветовые стили и шрифты в Figma.

Модуль 4 — Работа с программами Adobe Photoshop, Adobe Illustrator

  • Практика создания одностраничного сайта в Adobe Photoshop.
  • Практика отрисовки элементов дизайна в Adobe Illustrator.

Модуль 5 — Мобильный и адаптивный дизайн

  • Адаптивная верстка.
  • Универсальные принципы дизайна.
  • Проектирование дизайна (UX UI).

Преподаватели курса:

Владимир Кох
Руководитель направления в Лаборатории искусственного интеллекта Сбербанка

Тимур Азымов
Product-менеджер в Газпромбанке, в прошлом менеджер проекта в RedMadRobot

Виктория Дубешко
Технический продюсер Rambler Group, эксперт Synergy IT Academy.

Подробнее о курсе веб-дизайна →
Поделиться с друзьями
blank
Сергей Савин

Высшее образование в сфере «Образование и педагогика», работал учителем математики с 2006 по 2014 год. Эксперт по выбору профессии и курсов с 2018 года. Изучаю отзывы о курсах, онлайн-школах, колледжах и институтах, составляю ТОП-рейтинги.

Оцените автора
Савин.Инфо