Рейтинг онлайн-курсов специалистов по ВЕБ-ДИЗАЙНУ: платные и бесплатные

Содержание
  1. «Профессия веб-дизайнер» от Skillbox
  2. Спикеры
  3. Кому подойдёт этот курс
  4. Чему вы научитесь
  5. Интенсив «Основы веб-дизайна» — GeekBrains
  6. «Веб-дизайнер» от Веб-студии VA
  7. Автор курса
  8. ЧТО ДАЁТ ЭТОТ КУРС?
  9. ТВОИ НАВЫКИ ПОСЛЕ КУРСА
  10. Программа
  11. «Профессия web-дизайнер» от Contented
  12. Куратор
  13. Чему вы научитесь
  14. Программа
  15. «Курсы Web-дизайна» Учебный центр при Столичном институте экономики и финансов
  16. Программа курсов веб дизайна
  17. «Веб-дизайн. Быстрый старт» от WebForMySelf
  18. «WebDesign» от Наука дизайна
  19. Что вы получите
  20. Чему вы научитесь
  21. «Диджитал-дизайн» Тьюторская программа от «Среда обучения»
  22. Описание программы
  23. Формат занятий
  24. Поддержка факультета
  25. Наши преподаватели
  26. «Photoshop для начинающих веб-дизайнеров» от BeOnMax
  27. Преподаватель
  28. О КУРСЕ
  29. ЧЕМУ ВЫ НАУЧИТЕСЬ
  30. ПЛАН КУРСА
  31. Веб-дизайн: Figma, UX/UI, HTML — Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана
  32. Описание курса
  33. Программа курса
  34. Вебдизайн — LOFT
  35. Преподаватель
  36. Что ожидать от обучения?
  37. Программа обучения
  38. Web-дизайн — ЕШКО
  39. ЧТО В РАМКАХ КУРСА ВЫ ПОЛУЧИТЕ
  40. КУРС ВЕБ-ДИЗАЙНЕРА. ОБУЧЕНИЕ С НУЛЯ ДИСТАНЦИОННО
  41. Онлайн-курс веб-дизайна с нуля — IT-академия HEDU
  42. Преподаватель
  43. Для кого будет полезно?
  44. После окончания курса вы сможете
  45. Как проходит обучение?
  46. Программа курса веб-дизайна с нуля
  47. Udemy «Веб-дизайн»
  48. Чему вы научитесь
  49. Требования
  50. Описание
  51. Для кого этот курс?
  52. «Профессия веб-дизайнер» FUTURE PROF от ООО «ЦПКУ»
  53. Преподаватель
  54. Кому подойдет этот курс
  55. Программа курса «Веб-дизайнер»

«Профессия веб-дизайнер» от Skillbox

Сайт: https://skillbox.ru/course/profession-webdesigner/
Стоимость: 5171 руб в мес
Продолжительность: безграничный доступ
Формат: видеоуроки
Документ о прохождении курса: сертификат
Содействие в трудоустройстве: да

Спикеры

Сергей Попков — шеф-дизайнер, сооснователь AIC и Skillbox; Юлия Соловьева — дизайнер, арт-директор веб-бюро «Синий Муравей».

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

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

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

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

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

Проектировать пользовательский опыт
Узнаете, как составлять Customer Journey Map, проводить юзабилити-тестирования, анализировать метрики и работать с принципами Data Driven Design.

Владеть инструментами веб-разработки
Научитесь работать с графическими редакторами Figma, Photoshop, Illustrator, Principle. Освоите конструкторы сайтов Tilda или Readymag.

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

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

Вести проекты на фрилансе
Сможете создать сильный личный бренд. Научитесь находить заказчиков и эффективно работать с ними. Поймёте, как зарабатывать на фрилансе.

Интенсив «Основы веб-дизайна» — GeekBrains

Сайт: https://gb.ru/design_intensive
Стоимость: бесплатно
Продолжительность: 2 часа
Формат: онлайн
Документ о прохождении курса: сертификат
Содействие в трудоустройстве: нет

Узнайте особенности перспективной и простой в освоении профессии. Ведь умение работать с программой Photoshop – далеко не самый важный навык настоящего веб-дизайнера. Новые технологии появляются каждый год. А что же необходимо знать тем, кто только начинает пробовать себя в этом направлении?

На бесплатном онлайн-интенсиве вы узнаете базовые принципы и концепции продающего веб-дизайна. За 2 часа мы вместе создадим Landing Page и реализуем проект в простой и удобной программе «Adobe XD». Вы узнаете, как проектировать сайты, стимулирующие продажи, и получите рекомендации для дальнейшего развития.

 

«Веб-дизайнер» от Веб-студии VA

Сайт: https://s.va-promotion.ru/webdesigner
Стоимость: 17 990 руб
Продолжительность: 4 недели
Формат: онлайн
Документ о прохождении курса: нет данных
Содействие в трудоустройстве: нет данных

Автор курса

Валерий Алексеев — веб-дизайнер, разработчик и путешественник. Прошёл трёхмесячную стажировку в компании AIC на должности Junior-дизайнера. В 2016 году с партнёром открыл собственную студию, вся команда которой работает удалённо.

За 4 недели мы расскажем тебе всё о веб-дизайне, познакомим с популярными приложениями, научим общаться с заказчиками и прокачаем твои навыки. Уже через месяц ты сможешь взять свой первый проект или устроиться в крутую дизайн-студию, работая на удалёнке.

НА РЕАЛЬНОМ ОПЫТЕ
Этот курс основан на реальных событиях. Вся информация базируется на семилетней практике беспрерывного развития.

ЧТО ДАЁТ ЭТОТ КУРС?

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

1. Проект в портфолио
Курс завершается защитой твоего проекта. Защитил — получил кейс в портфолио.
2. Графические редакторы
Посоветуем инструменты, научим ими пользоваться и поможем ускорить работу.
3. Проектирование сайтов
Научим создавать сайты для людей — основываясь на их потребностях и поведении.
4. Общение с заказчиками
Твой босс, заказчик, арт-директор студии – расскажем о работе с каждым из них.
5. От 30 000 в месяц
Самая прибыльная сфера последних лет — IT. Обучайся, прокачивайся, зарабатывай.
6. Работа с нашей студией
Если всё понравится, а расставаться не захочется, пригласим работать к себе.

ТВОИ НАВЫКИ ПОСЛЕ КУРСА

Владение Photoshop, Sketch и Adobe XD
Анализ целевой аудитории проекта
UX-проектирование сайтов
Создание интерактивных прототипов
Типографика и вёрстка текстов
Создание дизайн-концепций
Создание адаптивного дизайна
Создание UI-китов
Подготовка макетов для передачи
Тайм-менеджмент проекта
Подготовка и защита презентаций
Поиск и взаимодействие с заказчиками

Программа

Показать скрытое содержимое

НЕДЕЛЯ 1
Введение. Об авторе и курсе.
О профессии и веб-дизайне. Виды сайтов. UX & UI.
Инструменты веб-дизайнера. Photoshop, Sketch, XD
Визуализация данных. Композиция: законы и правила.
Интерфейсы. Основы проектирования систем.
Анализ аудитории. Портрет пользователя и сценарии.
Скетчи и вайрфреймы. Создание в Photoshop и XD.
Современные тренды в веб-дизайне
Проект: идея, скетч, вайрфрейм. Marvel App
Домашнее задание / Идея, скетч, прототип проекта

НЕДЕЛЯ 2
Элементы интерфейса. Блоки, контроллы, формы.
Новые функции в графическом редакторе
Дизайн-процесс: пошаговая инструкция
Типографика и шрифты
Теория цвета. Цветовые палитры и схемы
Создание дизайн-концепций. Мудборды и презентации
Заказчики. Основы общения и взаимодействия.
Конверсия и способы её повышения
Проблемы с заказчиками и способы их решения
Домашнее задание / Разработка дизайн-концепции

НЕДЕЛЯ 3
Графические ресурсы. Иконки и фотографии
Модульная сетка. Bootstrap и адаптивность
Главная страница проекта. Варианты
Типовые блоки в сложных проектах
Разновидности внутренних страниц сайта
Прототипирование в Invision
Форматы работы дизайнера
User Interface Style Guide
Финальная подготовка макетов
Домашнее задание / Дизайн страниц сайта

НЕДЕЛЯ 4
Поиск клиентов и фриланс биржи
Общение с клиентом — разбор реальных кейсов
Тайм-менеджмент — управление временем
Интерфейс как сложная система. Микровзаимодействия.
Основы организации бизнеса
Взаимодействие с командой
Процесс согласования
Обновление работ портфолио
Кейсы и профессиональные презентации
Домашнее задание / Финальная презентация

 

«Профессия web-дизайнер» от Contented

Сайт: https://contented.ru/edu/web-designer
Стоимость: 3 450 руб в мес
Продолжительность: 6 месяцев
Формат: онлайн
Документ о прохождении курса: диплом
Содействие в трудоустройстве: да

Куратор

РОМАН ХРАМОВ — сооснователь cuberto, куратор направления дизайна интерфейсов.

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

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

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

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

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

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

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

Программа

Показать скрытое содержимое

Блок 1 – 3 месяца:
1. figma
Научитесь использовать главный инструмент для работы с интерфейсами. Узнаете как проектировать структуру сайтов, создавать прототипы страниц и работать над улучшением UX
2. основы дизайна
Познакомитесь с ключевыми понятиями и принципами дизайна, лежащими в основе любого изображения и макета. Выполните практические задания по разработке сайтов и рекламной графики для закрепления материала
3. blender
Освоите навыки работы с 3D, научитесь быстро подбирать референсы и уже готовые модели, чтобы добавлять эффектную графику на сайты
4. погружение в UX
Узнаете, что такое usability и как UX поможет при разработке сайта. Изучите основные подходы для формирования гипотез и составления CJM:
метод персон, JTBD, карта эмпатии

Блок 2 – 2 месяца:
1. дизайн интерфейсов
Познакомитесь с классификацией сайтов, поучаствуете в интенсиве и поэтапно разработате дизайн-концепцию сайта
2. after effects
Научитесь создавать эффектную анимацию элементы интерфейсов и облегчайте навигацию по сайту

Блок 3 – 1 месяц:
1. дипломный проект
Разработаете дизайн сайта по реальному брифу от клиента. В ходе выполнения проектов менторы будут оказывать вам необходимую поддержку. По итогу дипломного проекта вы получите обратную связь от клиента и пополните портфолио сильной работой
2. дизайн-менеджмент
Научитесь упаковывать свое портфолио, искать клиентов и презентовать им результаты проектов. Узнаете, как организовать рабочий процесс, находить общий язык с заказчиком, отрабатывать комментарии и получать результат, которым будут довольны все

 

«Курсы Web-дизайна» Учебный центр при Столичном институте экономики и финансов

Сайт: https://www.yell.ru/go/?id=10704695&url=www.moscow-kursy.ru&source=renewed.company.website&redirect=0
Стоимость: 10 800 руб
Продолжительность: 34 ак. час
Формат: очно
Документ о прохождении курса: свидетельство с присвоением квалификации Специалист по Web-дизайну
Содействие в трудоустройстве: нет данных

Курсы web-дизайна (создание web-сайтов для начинающих) предназначены для тех, кто хочет научиться самостоятельно создавать веб-сайты и размещать их в Интернете. Программа обучения на курсах веб-дизайна включает в себя следующие основные темы: язык разметки и верстки веб-страниц HTML, CSS, основные программы для комплексной работы с сайтом (HomeSite, DreamWeaver), разработка структуры сайта, юзабилити, web-дизайн, создание дизайна и редактирование изображений для сайта в программе PhotoShop, подготовка графики и анимации (flash) для веб-сайта, тестирование и размещение веб-сайта в Интернете, выбор хостера, дальнейшая работа с сайтом. В заключении учебной программы курса web-дизайн, слушатели выполняют зачетную работу – создание собственного веб-сайта и размещение его в Интернете. По окончании курса, выпускники могут работать по специальности верстальщик сайтов, web-мастер, в Интернет-компаниях, агентствах интернет-рекламы, в отделах Интернет-технологий средних и крупных организаций.

Программа курсов веб дизайна

Показать скрытое содержимое

1. Введение в web-дизайн. Основные понятия.
1.1 Понятие «Сайт». Виды сайтов: простые, креативные, сайты-портфолио, интернет-магазины, промо сайты.
1.2 Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля компании.
1.3 Способы определения набора страниц и навигации между ними.
1.4 Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами.

2. Основы веб-дизайна. Создание макета сайта. Юзабилити.
2.1 Цвет в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта.
2.2 Стили дизайна сайта.
2.3 Основные компоненты web-страницы и способы их визуального представления.
2.4 Юзабилити сайта. Определения. Факторы, затрудняющие и помогающие правильному восприятию информации на сайте.
2.5 Создание макета сайта. Ритм. Правила расположения, форма основных навигационных, информационных и графических блоков на странице.

3. Язык разметки HTML. Использование NotePad++.
3.1 Структура HTML-документа.
3.2 Понятие «ТЕГ». Типы тегов. Атрибуты тегов. Оформление HTML-документа.
3.3 Теги разметки текста: < b >, < i >, < p >, < ul >, < ol >. Атрибуты тегов.
3.4 Создание гиперссылок: тег < a >, атрибуты тега < a >.
3.5 Размещение картинок на странице (GIF, PNG, JPG, JPEG – форматы). Тег < img >, Атрибуты тега.
3.6 Таблицы. Создание, определение размеров таблицы и ячеек. Определение ячеек и строк таблицы. Вложенные таблицы.
3.7 Создание макета страницы с использованием таблиц: Табличная верстка. Правила верстки, типичное ошибки, советы и трюки.
3.8 Создание форм на сайте. Основные элементы веб-форм.
3.9 Отправка информации из формы.
3.10 Практика: Создание статичной формы, используя табличную верстку.
3.11 Размещение медиа-файлов на сайте. (видео и аудио файлы).

4. CSS: Каскадные таблицы стилей. 4.1 Что такое CSS? Методы подключения стилей (подключение внешних файлов CSS к странице)
4.2 Основные понятия CSS. Синтаксис CSS.
4.3 Создание стилей для элементов страницы. Классы и идентификаторы (их различия).
4.4 Оформление и декорирование страницы, используя CSS.
4.5 Позиционирование элементов страницы с помощью CSS.

5. JavaScript и jQuery: Применение готовых библиотек для сайта.
5.1 Что такое jQuery?
5.2 Подключение внешних библиотек к сайту.
5.3 Галерея изображений
5.4 Использование jQuery UI: DatePicker, Tabs, Accordion.

6. Основы работы в графических программах и создания графики для web-сайтов.
6.1 Adobe Photoshop – основы создания документа и модификации изображения (поворот, изменение размеров, сохранение файла для web).
6.2 Dreamweawer – основы использования программы для создания web-страниц.

7. Тестирование сайта и размещение на хостинге.
7.1 Понятия домен и хостинг. Виды, регистрация.
7.2 Размещение сайта на бесплатных хостингах.
7.3 FTP-протокол.
7.4 Окончательное тестирование готового сайта.

8. Итоговое (зачетное) занятие.

 

«Веб-дизайн. Быстрый старт» от WebForMySelf

Сайт: https://www.youtube.com/playlist?app=desktop&amp;list=PLD-piGJ3Dtl184zqkJiD7Lva_XBVGjUtC
Стоимость: бесплатно
Продолжительность: 8 видеоуроков
Формат: просмотр видео
Документ о прохождении курса: нет
Содействие в трудоустройстве: нет

В данном курсе Вы увидите создание полноэкранного дизайн сайта.

А именно:
• Познакомитесь с самой продвинутой программой для веб-дизайна – Figma.
• Узнаете, как работать с фреймами.
• Узнаете об универсальной сетке.
• Увидите сборку структуры сайта.
• Увидите, как работать с компонентами.
• Увидите создание интерактивного прототипа для заказчика.

Урок 1. Веб-дизайн. Быстрый старт. Скачивание Figma
Урок 2. Веб-дизайн. Быстрый старт. Создание фрейма и сетки
Урок 3. Веб-дизайн. Быстрый старт. Сборка структуры
Урок 4. Веб-дизайн. Быстрый старт. Создание карточки из компонентов
Урок 5. Веб-дизайн. Быстрый старт. Добавление цвета
Урок 6. Веб-дизайн. Быстрый старт. Быстрое добавление изображений
Урок 7. Веб-дизайн. Быстрый старт. Плагин Unsplash
Урок 8. Веб-дизайн. Быстрый старт. Создание интерактивного прототипа

«WebDesign» от Наука дизайна

Сайт: https://nauka-dsgn.ru/webdesign_old
Стоимость: 14 900 руб
Продолжительность: доступ к видеоурокам
Формат: онлайн
Документ о прохождении курса: сертификат
Содействие в трудоустройстве: нет данных

Вы научитесь создавать востребованный веб-дизайн и строить эффективную работу с заказчиком за два месяца.

Что вы получите

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

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

– Аналитике бизнеса клиента и правильной постановке задачи
– Дизайну шрифтов, композиции и цвета
– Верстке в конструкторе Tilda и основам HTML и CSS
– Photoshop & Figma работать в топовых программах для создания интерфейсов
– UX\UI создавать быстро качественные интерфейсы.

Быстрый взлет для:

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

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

 

«Диджитал-дизайн» Тьюторская программа от «Среда обучения»

Сайт: https://bakalavr-magistr.ru/course/digital-dizajn-tyutorskaya-programma
Стоимость: индивидуальная
Продолжительность: 2 года
Формат: дистанционное обучение
Документ о прохождении курса: диплом
Содействие в трудоустройстве: портфолио

Описание программы

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

Обучение делится на четыре семестра. Первые три включают общие предметы по дизайну: историю дизайна, типографику, основы работы с цветом и композицией, проектирование интерфейсов — всего больше 20 курсов. На четвертом семестре студенты еще сильнее углубляются в UX-дизайн (например, концентрируются на HTML и CSS) или переходят к смежным областям — скетчингу, анимации и изучению визуальной коммуникации. На том же семестре студенты готовят и защищают итоговый дипломный проект.

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

Формат занятий

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

На занятие можно опоздать или и вовсе его пропустить (но мы не советуем) — все записи хранятся на учебном сайте. Большинство предметов включают домашние задания после каждого занятия, часто — подготовку итогового курсового проекта.

Личное присутствие не требуется — вы можете находиться, где вам удобно, если там работает интернет.

Поддержка факультета

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

Наши преподаватели

Онлайн-формат позволяет нам работать с преподавателями из разных городов и стран. В основном это практикующие дизайнеры, арт-директора и иллюстраторы, в том числе из таких компаний, как IBM, BBDO Moscow, Redmadrobot, Disney и «Союзмультфильм».

 

«Photoshop для начинающих веб-дизайнеров» от BeOnMax

Сайт: https://beonmax.com/courses/photoshop/
Стоимость: бесплатно
Продолжительность: 74 видеоурока (7 часов)
Формат: онлайн
Документ о прохождении курса: нет данных
Содействие в трудоустройстве: нет

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

Нарине Мирзаян:
Профессиональный веб-дизайнер международного уровня
Создает дизайн веб-сайтов, мобильных приложений
Прекрасно владеет программой Adobe Photoshop

Практический онлайн курс посвящен изучению основ компьютерной графики с помощью самого популярного графического редактора Photoshop. В курсе вы на практике изучите все основные инструменты Фотошоп и возможности работы с графикой/дизайном.

О КУРСЕ

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

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

ЧЕМУ ВЫ НАУЧИТЕСЬ

Научитесь свободно и уверенно работать в программе Photoshop
Выбирать нужные инструменты и команды для реализации своих задач
Грамотно применять функции, ускоряющие выполнение работы
Также узнаете о роли web-дизайнера в процессе создания сайта
В процессе обучения рекомендуем завести блокнот и из своих записей/конспектов вы получите полноценный справочник по работе с графическим редактором Photoshop

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

ПЛАН КУРСА

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

 

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

Сайт: https://www.specialist.ru/course/figma
Стоимость: 21 990 руб
Продолжительность: 24 ак. час
Формат: очно, онлайн
Документ о прохождении курса: свидетельство выпускника, сертификат и диплом о повышении квалификации
Содействие в трудоустройстве: нет данных

Преподаватель: Павлов Юрий Геннадьевич

Описание курса

Figma – это графический редактор с возможностью совместной работы. В нем создают интерфейсы и прототипы сайтов, приложений. Это один из необходимых инструментов для дизайнеров: по данным hh.ru, работодатели требуют знание Figma в 60% вакансий на позицию дизайнера интерфейсов.

Курс «Figma для UI/UX дизайнера» в нашем учебном центре даст вам всю необходимую базу для успешной работы в Figma!

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

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

Преподаватели курса – практики с богатым опытом работы и реализации успешных проектов, которые поделятся с вами своими знаниями и помогут не «набить шишек» в вашем профессиональном пути.

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

Занятия проходят в офлайн и онлайн-форматах, а расписание групп составляется на год, поэтому вы всегда сможете подобрать удобный для себя формат и время обучения.

Записывайтесь на курс «Figma для UI/UX дизайнера» и дайте себе мощный толчок для развития!

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

Специалисты, обладающие этими знаниями и навыками, в настоящее время крайне востребованы.

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

Предварительная подготовка
Требуемая подготовка: Уверенное владение компьютером, интернетом, опыт работы в любой графической программе (Photoshop, Illustrator).

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

Модуль 1. Figma основы работы (4 ак. ч.)
Модуль 2. Создаем дизайна сайта для десктопа (8 ак. ч.)
Модуль 3. Создаем дизайн сайта для планшетов и смартфонов (8 ак. ч.)
Модуль 4. Интеграция и экспорт, дополнительные возможности (4 ак. ч.)

 

Вебдизайн — LOFT

Сайт: https://loftschool.com/course/web-design/
Стоимость: 1958 руб в мес
Продолжительность: 6 недель
Формат: онлайн
Документ о прохождении курса: сертификат
Содействие в трудоустройстве: нет

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

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

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

За 6 недель интенсивной работы вы изучите основные направления работы UX/UI-дизайнера и пройдёте путь от идеи проекта до его реализации. На курсе будут рассмотрены hard-skills веб-дизайнера: типографика, визуальный образ проекта, работа с графикой и шрифтами, прототипирование. А также за время курса вы научитесь работать с основными инструментами UX/UI-дизайнера (Figma, Photoshop, Sketch).

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

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

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

Показать скрытое содержимое

Неделя 1 — Интерфейс, персонажи и сценарии
— Знакомимся со своим личным наставником и группой.
— Определяем полезное действие сайта, определяемся с бизнес-целями и задачами.
— Составление сценариев на основе персонажей, информационной архитектуры дипломного проекта.

Неделя 2 — Инструменты UI-дизайнера
— Знакомимся с основами Sketch/Figma.
— Cобираем сайт по макету прямо в браузере.
— Тренируем «насмотренность» и навык фрагментирования. Отрисовываем UI-кит.

Неделя 3 — Композиция и типографика
— Обратная связь по домашним заданиям предыдущей недели.
— Собираем 2-3 экрана дипломного проекта по правилам композиции.
— Подбираем удачные шрифтовые пары для дипломного проекта.

Неделя 4 — Цвет и графика
— Изучаем цветовое решение.
— Изучаем инфографику и техническую графику.

Неделя 5 — Смысл и порядок
— Обратная связь по выпускным проектам.
— Изучаем типографику и текстовые стили.
— Наводим порядок в проекте.

Неделя 6 — Заключительный блок
— Дорабатываем проект.
— Сдаём проект на проверку наставникам.
— Выставление оценок в дипломы.

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

 

Web-дизайн — ЕШКО

Сайт: https://www.escc.ru/katalog/products/kompjuternye-kursy/web-dizajn
Стоимость: 17 952 руб – печатный вариант, 1000 руб в мес – цифровой
Продолжительность: 16 мес
Формат: онлайн, чтение печатных изданий
Документ о прохождении курса: Свидетельство ЕШКО; Graduation Certificate — сертификат на английском от учредителя ЕШКО.
Содействие в трудоустройстве: нет

Преподаватель: Елена Александровна Поносова

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

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

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

Курсы web дизайна ЕШКО познакомят Вас с основами работы в браузерах, HTML-документах и поведают о современных способах создания графики для сайтов. Курс веб дизайна обучение с нуля – это хороший старт, и мы собрали в программе все, что может пригодиться будущему дизайнеру, в техническом, эстетическом и маркетинговом аспектах.

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

Вы можете выбрать удобный именно для Вас формат обучения и учиться полностью онлайн (доступ к урокам в цифровом формате + онлайн-услуги в «Личном кабинете») или с получением печатных материалов по почте (красочные печатные журналы с уроками + онлайн-услуги в «Личном кабинете»).

ЧТО В РАМКАХ КУРСА ВЫ ПОЛУЧИТЕ

16 учебных журналов с многочисленными примерами и упражнениями, позволяющими с первых же уроков приобретать практические навыки и без усилий усваивать необходимые знания;
16 домашних работ, которые будет проверять, оценивать и комментировать Ваш личный преподаватель. Домашние работы можно выполнять в режиме онлайн в личном кабинете на сайте ЕШКО или письменно на специальных бланках и отправлять в конверте;
итоговый экзаменационный тест, который позволит оценить полученные знания;
дополнительные возможности обучения и общения в Кампусе ЕШКО (социальной сети для обучающихся на курсах ЕШКО);
доступ к дополнительным БЕСПЛАТНЫМ электронным изданиям: «Справочник для поступающих в ЕШКО».

КУРС ВЕБ-ДИЗАЙНЕРА. ОБУЧЕНИЕ С НУЛЯ ДИСТАНЦИОННО

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

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

Обучение web дизайну с нуля в ЕШКО проводится дистанционно, и Вы можете самостоятельно планировать время и подбирать место для занятий. Самостоятельное удаленное обучение позволит Вам уделять каждой теме ровно столько времени, сколько нужно для полного усвоения материала. А если в процессе изучения урока возникнут какие-либо затруднения, личный преподаватель объяснит все сложные моменты и поможет максимально раскрыть Ваш творческий потенциал. При этом дистанционное обучение в ЕШКО обладает и доступной ценой. Вы можете заплатить сразу за весь курс или оплачивать учебу поэтапно.

Для будущего web дизайнера обучение на нашем курсе будет увлекательным, удобным и, несомненно, очень полезным. Убедитесь в этом, скачав бесплатный пробный урок на нашем сайте. Он даст возможность ознакомиться с методикой обучения, структурой и программой курса. Работа в сфере IT-технологий – это интересное и прибыльное занятие, которое подразумевает выполнение нестандартных и креативных задач. Если Вы не любите рутину и хотите творить каждый день, начните делать первые шаги к желанной цели уже сегодня!

 

Онлайн-курс веб-дизайна с нуля — IT-академия HEDU

Сайт: https://irs.academy/web-design
Стоимость: 1699 руб
Продолжительность: 24 часа
Формат: онлайн
Документ о прохождении курса: нет
Содействие в трудоустройстве: нет

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

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

Приобретенный опыт помог стать сооснователем Luna Apps.

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

1
Школьников
Хотите познакомиться с творческой и денежной профессией? Пройдите онлайн-курс по веб-дизайну!

2
Студентов
Задумываетесь о будущей профессии и вас интересует веб-дизайн? Онлайн-курс познакомит вас с этим направлением.

3
Предпринимателей
Нужен сайт, но услуги разработчиков слишком дороги? Пройдите наш онлайн-курс и сделайте его самостоятельно или контролируйте исполнителей, разобравшись в каждом аспекте построения сайта.

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

5
Веб-дизайнеров
Разбираетесь в дизайне, но повысить чек за услуги и продавать работы не получается? Расскажем, как веб-дизайнеру монетизировать свой труд и сделать работы дороже.

6
Заботливых мам
Вашему ребенку от 12 до 19 лет и вы уже задумываетесь, какое направление работы будет ему интересно и принесет доход? Приобретите онлайн-курс по веб-дизайну!

7
Всем, кому интересен веб-дизайн
Вы хотите больше узнать о веб-дизайне и приобрести полезные навыки? Онлайн-курс по веб-дизайну вам поможет

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

Сменить рутинную, однообразную работу на творческое занятие
Зарабатывать от 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 и Яндекс. Снова обратимся к теме наполнения сайта правильным контентом, который будет интересен вашим потенциальным покупателям. Занятие будет приближено к экзамену, так как вы создадите свой собственный сайт и так покажете, как усвоили весь ранее изученный материал. Благодаря данному занятию, вы проанализируете полученные вами навыки и узнаете, каким должен быть сайт, чтобы привлекать посетителей и заставлять на нем задержаться, не уходя к вашим конкурентам.

 

Udemy «Веб-дизайн»

Сайт: https://www.udemy.com/course/web-design-in-figma-ui-ux/
Стоимость: 1290 руб
Продолжительность: 18,5 часов видео
Формат: просмотр видео, чтение статей
Документ о прохождении курса: сертификат
Содействие в трудоустройстве: нет

Преподаватель: Evgen Marfel — автор канала на ютубе, канала в Telegram, сайта и группы вк посвященных самой перспективной программе для веб дизайна – Figma.

Практический курс по веб дизайну. Теория и основы веб дизайна и ui/ux для новичка. Практика создания макетов по ТЗ.

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

Углубленное изучение Figma
Создание концептов сайтов
Основы веб дизайна
Введение в типографику
Прототипирование
Создание Лендинга по ТЗ
Создание Интернет Магазина по ТЗ (апрель 2020)
Исследование продукта
Понимание целевой аудитории
Создание презентации своей работы
План развития в профессии
Способы заработка для веб дизайнера

Требования

Желание изучить Веб дизайн
Компьютер и Интернет

Описание

КУРС В РАННЕМ ДОСТУПЕ: Материалы будут добавляться

Курс по веб дизайну для новичков. От основ и теории до применения знаний на практике.

Курс делится на несколько модулей. Мы пройдем теорию веб дизайна, узнаем основы этой науки и основные принципы создания дизайн макетов.

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

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

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

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

В конце курса я расскажу где можно найти заказы и работу веб дизайнеру.

На данный момент в курсе есть практический модуль по созданию лендинга по тз. +Практический модуль по созданию дизайн интернет магазина по тз.

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

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

В курсе есть большой модуль по Figma в котором мы полностью разберем основные инструменты программы.

Для максимального эффекта от обучения курс состоит не только из видео уроков, но и из статей и домашних заданий. Без выполнения ДЗ теряется смысл обучения. Простой просмотр видео не даст 100% результата, только работа и практика сделают из тебя настоящего веб дизайнера.

 

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

 

«Профессия веб-дизайнер» FUTURE PROF от ООО «ЦПКУ»

Сайт: https://future-professions.ru/course/professiya-veb-dizayner/
Стоимость: 14 700 руб
Продолжительность: 3 месяца
Формат: онлайн
Документ о прохождении курса: нет данных
Содействие в трудоустройстве: нет

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

Дарина Костина
Преподаватель и автор курсов по дизайну и созданию сайтов. Эксперт в области профессиональной дизайн-упаковки бизнеса с опытом работы более 8 лет. Основатель и владелец дизайн-маркета Karma и руководитель различных проектов в области веб-дизайна – логотипы, брендинг, иллюстрации, лэндинги.

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

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

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

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

Программа курса «Веб-дизайнер»

Показать скрытое содержимое

Модуль 1. Веб-дизайн и разработка сайтов

Тема 1.1. Основные инструменты веб-дизайнера
Профессия “Веб-дизайнер”. Раскрываем творческий потенциал
Основные понятия для новичков
Классификация сайтов

Тема 1.2. Основные стадии в разработке сайтов
Заказчики. Анализ ТЗ и построение работы
Создание прототипа и макета сайта
Техническая разработка

Тема 1.3. Особенности создания сайтов
Front-end: визуальная часть сайта, технологии разработки (HTML, CSS, JS)
Back-end: «ядро» сайта, популярные системы управления контентом (CMS)
Создание макета для разработчиков
Выбор домена и хостинга
Публикация сайта в интернете

Тема 1.4. Дизайн-системы. База и определения
Модуль 2. Графический дизайн сайтов. Редактор Figma

Тема 2.1. Графический редактор Figma
Интерфейс и возможности программы
Разбор инструментов

Тема 2.2. Разработка макета в Figma
Сетка
Грид
Цветовые стили, шрифт
Компоненты

Тема 2.3. Понятия библиотек, live device preview, плагины, экспорт объектов
Что такое библиотеки?
Предварительный просмотр
Плагины и экспорт объектов

Тема 2.4. Композиции и сетки в графическом дизайне
Базовые понятия

Тема 2.5. Подробнее о сетках
Расположение элементов по сетке
Разбор на примерах

Тема 2.6. Психология цвета
Цвет и как его подобрать?
Выбор фото-контента
Как визуальный контент влияет на дизайн сайта?

Тема 2.7. Типографика
Виды и настроения шрифтов
Анатомия шрифта: кернинг, трекинг, интерлиньяж, шрифтовые пары

Тема 2.8. Редактирование и вёрстка
Редактура: дефис, тире, кавычки, висящие союзы
Верстка текста: абзац, перенос
Визуальная иерархия. Работа с типографикой на сайте

Тема 2.9. Платные и бесплатные шрифты

Тема 2.10. Обзор сервисов по типографике
FontFaceninja, Google Fonts, Typetoday
Разбор самых частых ошибок в типографике
Модуль 3. UX-аналитика

Тема 3.1. Компоненты UX
Базовые определения
Составные части UX
Информационная архитектура и иерархия
Сценарии поведения пользователей на сайте

Тема 3.2. Interaction Design
Проектирование взаимодействия. Основные понятия
Формы и интерфейсы с полями
Наборы готовых решений пользовательских интерфейсов (UI-кит)
Разбор частых ошибок в визуальном дизайне при отрисовке интерфейса

Тема 3.3. Юзабилити-тестирование сайта
Руководства для дизайнеров (digital-guidelines)
Тестирование сайта на пользователях
Карты кликов и карты ссылок в Яндекс.Метрике
Сегменты в Яндекс.Метрике
Создание удобных интерфейсов по принципу Пирамиды Гаррета

Тема 3.4. Работа с mind-map и прототипирование
Создание интеллектуальных карт
Подготовка статических и динамических прототипов будущего сайта

Тема 3.5. Практика в UX: составление mind map интернет-магазина

Тема 3.6. Практика в UX: разработка прототипа интернет-магазина

Модуль 4. Веб-дизайн и адаптивность. Анимирование интерфейсов

Тема 4.1. Дизайн и адаптивность
Создание дизайн-макета сайта
Применение правил дизайна на готовом прототипе
Раскроем подробнее вопросы стилистики и дизайн-системы
Mobile-first: адаптивный дизайн сайта

Тема 4.2. Адаптивный дизайн сайта
Типы разрешения экранов: как адаптировать сайт и его элементы под наиболее популярные устройства
Исследования для адаптивного дизайна
Разрешение и сетка
Логическое и физическое разрешение экранов
Кроссбраузерная и адаптивная верстка

Тема 4.3. Практика. Адаптация интернет-магазина
Современный веб-дизайн: анимация элементов сайта
Разработка анимации с помощью приложений, программ и сервисов, обзор наиболее популярных (Figma, Protopie, Adobe After Effects, Principle)
Подготовка анимации для передачи в разработку

Модуль 5.Анимация. Создание и использование

Тема 5.1. Анимация в веб-дизайне
Микро- и макроанимация
Софт для создания анимации
Программы для веб-дизайнеров: Protopie, Principle, Figma, After Effects

Тема 5.2 Анимация сайта
Анимация загрузочной страницы (прелоадера)
Анимация при переходе от страницы к странице
Анимация формы регистрации
Анимация при скролле
Анимация микровзаимодействий (кнопки, поля)

Тема 5.3. Анимация. Направление макета разработчикам
Модуль 6. Сайты на конструкторах

Тема 6.1. Обзор популярных конструкторов. Возможности, плюсы и минусы
Конструкторы сайтов: Tilda и LP Gener
Конструкторы сайтов: uKit и Wix
Конструкторы сайтов uCoz и Nethouse

 

Модуль 7. Брендинг и логотипы

Тема 7.1. Позиционирование бренда
Что такое бренд. Составляющие бренда
Влияние бренда на человека
Роль выкладки товаров, дизайна витрин и дизайна сайтов, баннеров, приложений
Составляющие фирменного стиля бренда

Тема 7.2. Разработка логотипов
Логотип. Создание логотипа
Создание простых шрифтовых логотипов

Модуль 8. Карьерная консультация

Составляем резюме веб-дизайнера
Разбираем основные моменты на офлайн и онлайн-собеседованиях?
Делаем обзор сайтов фриланса

Оцените статью
Курсы онлайн
Добавить комментарий