Курсы веб-дизайна

Содержание

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

Цена курса: Рассрочка на 24 месяца — 4 290 ₽ / мес

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

Пройти курс

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

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

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

– Figma с нуля до PRO

  1. Знакомство с Figma
  2. Основные инструменты Figma
  3. Иконки, иллюстрации и картинки
  4. Компоненты
  5. Библиотеки компонентов и общие стили
  6. Auto Layout и Variants
  7. Сложные многостраничные документы
  8. Дополнительные возможности и сообщество авторов
  9. Подготовка макета для разработчиков

– Веб-дизайн с нуля до PRO

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

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

  1. Дизайн-концепт сайта.

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

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

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

Пройти курс

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

  1. Введение в профессию
  2. Основы веб-дизайна
  3. Продвинутый дизайн
  4. Дипломный проект.

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

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

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

Цена курса: 99 900 ₽ или рассрочка на 24 месяца — 4 162 ₽ / мес

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

Пройти курс

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

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

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

  1. Основы Figma. Модуль от студии Mish.design
  2. Основы Adobe Photoshop и Illustrator
  3. Инструменты и организация работы
  4. Основы веб-дизайна
  5. Создание проекта сайта
  6. UX-исследование интерфейса
  7. Прототипирование интерфейсного решения
  8. Tilda: базовый уровень. Модуль от студии MateÇa
  9. Tilda: продвинутый уровень. Модуль от студии MateÇa
  10. Работа с редактором Zero Block. Модуль от студии MateÇa
  11. Вёрстка на HTML и CSS
  12. Адаптивная и мобильная вёрстка
  13. Карьера в дизайне. Модуль от МТС
  14. Насмотренность в дизайне.

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

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

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

Пройти курс

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

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

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

  1. Введение в профессию веб-дизайнер
  2. Аналитика
  3. Типы сайтов и насмотренность
  4. Основы Figma
  5. Типографика
  6. Колористика
  7. Прототип
  8. Композиция и цвет
  9. Создание макета сайта
  10. Адаптивный дизайн
  11. Работа с фото и иллюстрациями в Photoshop
  12. Перенос макета из Figma в Tilda
  13. Карьера и развитие.

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

Цена курса: Рассрочка на 24 месяца — 3 450 ₽ / мес

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

Пройти курс

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

  • создавать удобные сайты с продуманным UX
  • анимировать интерфейсы в after effects
  • добавлять 3d графику с помощью blender
  • презентовать себя работодателю или заказчику на фрилансе
  • разрабатывать интерактивные прототипы в figma.

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

  1. Основы веб-дизайна
  • Figma
  • Основы дизайна
  • Blender
  • Погружение в UX.
  1. Методика проектирования сайтов
  • дизайн интерфейсов
  • after effects.
  1. Дипломный проект.

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

Бесплатно

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

Пройти курс

Содержание:

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

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

Цена курса: 87 707 руб.

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

Пройти курс

Программа:

  1. Figma
  2. Adobe Photoshop
  3. Tilda
  4. Readymag
  5. After Effects
  6. Основы дизайна
  7. Креативные баннеры для рекламных объявлений
  8. Бренд-дизайн
  9. Основы UI/UX-дизайна
  10. Специализация
  11. Карьерный блок.

Приобретаемые навыки:

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

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

Цена курса: 77 000 ₽

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

Пройти курс

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

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

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

  1. Теоретические основы дизайна
  2. Верстка для дизайнера
  3. Работа с программой Figma
  4. Работа с программами Adobe Photoshop, Adobe Illustrator
  5. Мобильный и адаптивный дизайн.

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

Цена курса: 66 000 ₽

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

Пройти курс

На курсе Вы:

  • Освоите Tilda, Readymag и Figma
  • Познакомитесь с основными правилами дизайна
  • Научитесь делать лендинг комфортным.

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

  1. Вводный курс
  2. Знакомство с лендингами, основы композиции и типографики
  3. Углублённое изучение Tilda и инструменты эффективной самопрезентации
  4. Введение в Readymag, основы маркетинга
  5. Продвинутые инструменты Readymag, коммуникация с заказчиком, работа с брифом и ТЗ
  6. Погружение в Figma, вайрфрейминг, работа с айдентикой и гайдлайнами
  7. Принцип адаптивности и продвинутые инструменты Tilda
  8. Дипломный проект
  9. Фриланс-трек (по желанию).

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

Цена курса: 55 000 руб.

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

Пройти курс

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

  1. Растровая графика Adobe Photoshop
  2. Векторная графика AdobeIllustrator
  3. Основы веб-технологий
  4. Основы JavaScript
  5. Современные технологии верстки
  6. Методологии и инструменты современной верстки
  7. Проектирование интерфейса пользователя (UI-проектирование)
  8. Проектирование пользовательского опыта (UX-проектирование)
  9. PHP и MySQL. Основы разработки веб-приложений
  10. Средства организации процесса веб-разработки в команде
  11. Создание сайта на конструкторе Tilda 2 (дистанционное)
  12. Дипломное проектирование
  13. Защита дипломной работы.

В процессе обучения Вы:

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

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

Цена курса: 44 800 руб.

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

Пройти курс

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

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

Программа:

  1. Основы дизайна интерфейсов
  2. Дизайн сайтов, часть 1
  3. Дизайн сайтов, часть 2
  4. Дизайн сайтов на Tilda, часть 1
  5. Дизайн мобильных приложений, часть 1
  6. Дизайн мобильных приложений, часть 2
  7. Личный бренд дизайнера.

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

Бесплатно

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

Пройти курс

Видеоуроки:

  1. Как скачать программу Figma
  2. Как открыть программу Фигма
  3. Недавно просмотренные файлы Recently Viewed
  4. Поиск файлов по ключевому слову Search
  5. Черновики Drafts
  6. Панель закладок Panel of tabs
  7. Контекстная панель первого экрана
  8. Техническая поддержка
  9. Создание новой команды New team
  10. Создание нового проекта и обзор интерфейса экрана проекта
  11. Контекстная панель экрана проекта
  12. Создание нового файла
  13. Обзор интерфейса редактирования файла
  14. Панель инструментов
  15. Перемещение объекта Move Tool
  16. Инструмент масштабирования Scale Tool
  17. Создание арт борда Frame Tool
  18. Срез Slice Tool
  19. Фигуры
  20. Прямоугольник Rectangle Tool

И др.

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

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

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

Пройти курс

Расписание по курсам:

  1. Веб — дизайнер со знанием юзабилити (UX/UI)
  2. UX/UI — дизайнер. Разработка веб — интерфейсов с использованием Figma 2.0
  3. Front — end разработчик
  4. Веб — дизайнер
  5. Веб — дизайнер + Usability
  6. Специалист по Adobe Photoshop СС
  7. HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3
  8. Adobe Photoshop CC для MAC и Уровень 1. Растровая графика
  9. Создание лендингов в конструкторе «Тильда»
  10. Дизайн — мышление
  11. HTML и CSS. Уровень 3. Продвинутые методологии и инструменты верстки
  12. Практикум по созданию сайта: верстка страницы.

И др.

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

Цена курса: 24 500 руб. — 35 802 руб.

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

Пройти курс

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

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

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

  1. Интерфейс, персонажи и сценарии
  2. Инструменты UI-дизайнера
  3. Композиция и типографика
  4. Цвет и графика
  5. Смысл и порядок
  6. Заключительный блок.

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

Цена курса: 33 300 руб.

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

Пройти курс

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

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

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

  1. Организация работы
  2. Подготовительный этап и анализ
  3. Основы веб-дизайна
  4. Проектирование в Figma
  5. Пользовательские сценарии
  6. Карьера
  7. Защита дипломной работы.

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

Цена курса: 39 100 ₽

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

Пройти курс

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

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

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

  1. Веб-дизайн
  2. Adobe Photoshop
  3. Adobe Illustrator
  4. Графический дизайн
  5. UX-дизайн
  6. HTML и CSS для начинающих
  7. After Effects.

17. Веб-дизайнер 2.0 от WAYUP

Бесплатно

Сайт школы: https://wayup.in/library/course6

Пройти курс

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

  • Владение Figma и Photoshop
  • Архитектура веб-приложений
  • Создание адаптивных сайтов.

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

  1. Введение в веб-дизайн
  2. Изучаем Figma и разработку UI
  3. Прототипирование в Figma
  4. Адаптивный UI/UX-дизайн
  5. Фриланс: как заработать на дизайне.

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

Цена курса: 18 000 ₽

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

Пройти курс

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

  1. Основы web-дизайна
  2. Растровая и векторная графика
  3. Программное обеспечение
  4. Работа с графикой
  5. Типографика и цвет
  6. Работа с Adobe Photoshop
  7. Работа с Adobe Illustrator
  8. Адаптивность веб-сайтов
  9. Подготовка макета
  10. Разработка landing-page
  11. Разработка интернет-магазина
  12. Работа с Figma
  13. Разработка интерфейса мобильного приложения
  14. Гайдлайн iOS и Android
  15. Ресурсы для веб-дизайнера.

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

Цена курса: 7 900 руб. — 28 900 руб.

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

Пройти курс

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

  1. Основы интернет-маркетинга
  2. Сбор семантического ядра и кластеризация
  3. Структура сайта
  4. SEO и SMO
  5. SMM
  6. Контекстная и таргетированная реклама
  7. Разработка логотипа
  8. Основы веб-дизайна
  9. Проектирование
  10. Концепция дизайна сайта
  11. Дизайн внутренних страниц и мобильной версии
  12. Дизайн рекламных материалов
  13. Основы веб-разработки
  14. Основы вёрстки сайтов
  15. Выбор CMS или фреймворка
  16. Интеграция вёрстки и системы управления
  17. Тестирование и оптимизация
  18. Запуск сайта.

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

Цена курса: 13 430 руб.

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

Пройти курс

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

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

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

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

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

Бесплатно

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

Пройти курс

Курсы:

  1. Дизайн
  2. Рабочий процесс
  3. Дизайн-прожарка
  4. Мотивация и эффективность
  5. Мини-курс «Web Design 3»
  6. Д-Дайджест о web-дизайне
  7. Мини-курс «App Design»
  8. Дизайн отдельных элементов сайта. Практика
  9. Айдентика
  10. Figma Tips.

И др.

22. Веб-дизайн с нуля от IRS.Academy

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

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

Пройти курс

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

  • Сменить рутинную, однообразную работу на творческое занятие
  • Легко находить заказчиков
  • Наработать портфолио.

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

  1. Ознакомление с профессией веб-дизайнера
  2. Юзабилити и психология
  3. Настройка хостинга и установка WordPress
  4. Типографика, колористика и Artisteer
  5. Векторная графика в Adobe Illustrator за 2 часа
  6. Знакомство с программой Photoshop
  7. Photoshop: погружение
  8. Работа с контентом
  9. Погружение в контент
  10. Покупка домена, переезд с хостинга на хостинг
  11. Бонусное. Themler
  12. Бонусное. СЕО.

23. Web-design от request

Цена курса: 8 000 ₽ — 80 000 ₽

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

Пройти курс

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

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

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

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