Рейтинг онлайн-курсов по веб-дизайну

Содержание

Веб-дизайн от Loftschool

Сайт: https://loftschool.com/course/web-design/

Стоимость: 4 858 рублей в месяц

Длительность: 3 месяца

Документ о прохождении курса: Сертификат
С оценкой, отражающей уровень ваших знаний и степень отдачи.

Содействие в трудоустройстве: По окончании обучения вы получите сертификат.

LoftSchool знают и ценят работодатели, поэтому сертификат станет вашим дополнительным плюсом при трудоустройстве в IT-компанию.

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

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

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

Показать скрытое содержимое
Программа обучения – Материалы для подготовки
курс
UX/UI дизайнер: базовый уровень
6 недель
курс
UX/UI дизайнер: продвинутый уровень
6 недель
1 неделя перерыв
Программа включает в себя:
14 вебинаров с преподавателями
12 групповых вебинаров с наставниками
Обратную связь по проекту от практикующего специалиста
16 видеокурсов
100+ часов обучения
Программа обучения
UX/UI Дизайнер: базовый уровень
Неделя 1 — Интерфейс, персонажи и сценарии
— Знакомимся со своим личным наставником и группой.
— Определяем полезное действие сайта, определяемся с бизнес-целями и задачами.
— Составление сценариев на основе персонажей, информационной архитектуры дипломного проекта.
Вводное занятие
Открытие курса
Интерфейс и полезное действие
Модуль
6 уроков
(46:04)
1. Введение (05:44)
Бесплатный урок
2. Сайты и их виды (08:24)
3. Хороший интерфейс (04:10)
4. Этапы разработки (07:53)
5. Брифинг клиента (08:17)
6. Практика (11:36)
Персонажи и сценарии
Модуль
3 урока
(39:15)
1. Персонажи и сценарии, часть 1 (11:45)
2. Персонажи и сценарии, часть 2 (07:19)
3. Персонажи и сценарии, часть 3 (20:11)
Информационная архитектура
Модуль
5 уроков
(51:54)
1. Введение (08:20)
Бесплатный урок
2. Практика в Xmind (15:27)
3. Создание более сложной архитектуры (10:49)
4. Прототип (03:57)
5. Практика, создание прототипа (13:21)
Неделя 2 — Инструменты UI-дизайнера
— Знакомимся с основами Sketch/Figma.
— Cобираем сайт по макету прямо в браузере.
— Тренируем «насмотренность» и навык фрагментирования. Отрисовываем UI-кит.
Основы Sketch/Figma
Модуль
9 уроков
(01:13:02)
1. Начало работы (01:24)
Бесплатный урок
2. Sketch (14:25)
Бесплатный урок
3. Figma (13:53)
4. Модульные сетки. Теория (02:41)
5. Модульные сетки. Sketch (10:36)
6. Модульные сетки. Figma (10:15)
7. Работа с символами (01:42)
8. Работа с символами. Sketch (08:42)
9. Работа с символами. Figma (09:24)
Интерактивный дизайн. UI-kit
Модуль
4 урока
(33:37)
1. Интерактивныи дизаин. Часть 1 (08:56)
Бесплатный урок
2. Интерактивныи дизаин. Часть 2. Как оживить макет (07:54)
3. Интерактивныи дизаин. Часть 3. Куда уходят макеты (08:18)
4. Интерактивныи дизаин. Часть 4. Практика (08:29)
Основы Adobe Photoshop
Модуль
4 урока
(39:33)
1. Зачем дизайнеру фотошоп (04:15)
2. Основные инструменты (09:39)
3. Убираем фон с картинки (15:48)
4. Создаем первый экран (09:51)
Неделя 3 — Композиция и типографика
— Обратная связь по домашним заданиям предыдущей недели.
— Собираем 2-3 экрана дипломного проекта по правилам композиции.
— Подбираем удачные шрифтовые пары для дипломного проекта.
Разбор проектов
Вебинар
— Обратная связь по выпускным проектам.
Композиция
Модуль
4 урока
(40:11)
1. Композиция (09:46)
2. Организация композиции (05:48)
3. Практика – часть 1 (17:06)
4. Практика – часть 2 (07:31)
Типографика
Модуль
5 уроков
(37:40)
1. Типографика. Введение. (04:55)
Бесплатный урок
2. Виды шрифтов (05:19)
3. Определения (04:54)
4. Читаемость и размеры (03:48)
5. Подбор пары. Практика. (18:44)
Неделя 4 — Цвет и графика
— Изучаем цветовое решение.
— Изучаем инфографику и техническую графику.
Цвет и свет
Модуль
4 урока
(32:44)
1. Как мозг воспринимает цвета (11:08)
2. Цветовое кодирование (03:59)
3. Цветовой круг (04:13)
4. Практика. Создание мудборда (13:24)
Иконки и иллюстрации
Модуль
4 урока
(36:10)
1. Иконки и иллюстрации.1 часть (16:55)
Бесплатный урок
2. Иконки и иллюстрации. 2 часть (06:30)
3. Иконки и иллюстрации. 3 часть (07:43)
4. Иконки и иллюстрации. 4 часть (05:02)
Неделя 5 — Смысл и порядок
— Обратная связь по выпускным проектам.
— Изучаем типографику и текстовые стили.
— Наводим порядок в проекте.
Разбор проектов
Вебинар
Работа с текстом
Модуль
4 урока
(32:46)
1. Редактура для дизайнера (05:23)
2. Основы инфостиля (05:59)
3. Экранная типографика (09:14)
4. Практика редактуры (12:10)
Чистота и порядок
Модуль
4 урока
(38:25)
1. Чистота и порядок. Часть 1. (07:40)
2. Чистота и порядок. Часть 2. (04:47)
3. Чистота и порядок. Часть 3. (06:43)
4. Чистота и порядок. Часть 4. (19:15)
Неделя 6 — Заключительный блок
— Дорабатываем проект.
— Сдаём проект на проверку наставникам.
— Выставление оценок в дипломы.
Подача в портфолио
Модуль
1 урок
(16:13)
1. Подача в портфолио (16:13)
Защита проекта
Вебинар
— Разбор выпускных проектов.
— Обратная связь по выпускным проектам.

Результат прохождения курса

Знания и навыки
Все необходимые знания для UX/UI-дизайнера

Портфолио
Во время обучения вы выполните 2 проекта для портфолио

Сертификат
С оценкой, отражающей уровень ваших знаний и степень отдачи.

Начало карьеры
После обучения вы сразу же готовы к старту карьеры.

Веб-дизайн с нуля — НИУ ВШЭ

Сайт: https://www.hse.ru/edu/dpo/446316061

Стоимость: Тариф № 1

Самостоятельное изучение – 15 000 рублей Что входит в стоимость
Тариф № 2
Обучение с наставником – 25 000 рублей Что входит в стоимость
Длительность: 36 часов – лекции, 114 часов – практика, 2 часа – итоговая аттестация
Документ о прохождении курса: Удостоверение о повышении квалификации НИУ ВШЭ

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

Этот курс подойдет вам, если вы

задумываетесь о смене профессии и уже сделали первые шаги в дизайне.

ищете возможность работать удаленно и увеличить свой доход

не имеете навыков программирования или считаете себя начинающим специалистом

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

Показать скрытое содержимое
Программа обучения
Модуль 1. Анализ ЦА и создание прототипа
Составление анализа ЦА, как провести, какие вопросы задавать, какой инструмент использовать?
Составление текстового прототипа, в чем его сделать, какой сценарий использовать, как придумать текст для сайта?
Создание графического прототипа в Miro
Создание графического прототипа в Figma
Модуль 2. Дизайн сайта в Figma
Как создать дизайн-концепцию, составить карту настроения, какими источниками вдохновения пользоваться, где брать иконки, фотографии и шрифты для макетов, как подбирать цвета и составить цветовую палитру сайта
Как рисовать макеты для компьютеров, как учитывать размеры экранов
Как рисовать макеты для планшетов, как учитывать размеры экранов
Как рисовать макеты для телефонов, как учитывать размеры экранов
Как подготовить макеты к верстке, какой порядок должен быть в слоях
Модуль 3. Разработка сайта в Tilda
Как пользоваться стандартными блоками Tilda и настраивать их, как с их помощью экономить время разработки
Как верстать сайт с помощью Zero Block, как перенести макет из Figma в Tilda
Как настраивать базовую и Step by step анимацию
Как использовать собственные модификации для улучшения сайта, сделанного на Tilda, где искать готовые модификаторы?
Как наполнить сайт контентом: тексты, фотографии, видео, иконки. Как оптимизировать контент перед загрузкой на сайт?
Модуль 4. Настройка сайта. Прием данных с форм на почту, в CRM, в Telegram, настраивать базовое SEO
Настройка приема данных с форм на почту, в CRM, в Telegram
Задавать базовые SEO-настройки для индексации сайта в поисковой системе
Модуль 4. Настройка сайта. Прием данных с форм на почту, в CRM, в Telegram, настраивать базовое SEO
Настройка приема данных с форм на почту, в CRM, в Telegram
Задавать базовые SEO-настройки для индексации сайта в поисковой системе
Итоговая аттестация

Результат прохождения курса

В конце курса вы научитесь

Анализировать целевую аудиторию сайта

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

Создавать дизайн-концепцию сайта

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

Верстать сайт на платформе Tilda

Разработаем сайт на Tilda с помощью стандартных блоков и Zero Block, подскажем, как настроить базовую и Step by step анимацию, использовать расширенные возможности платформы с помощью собственных модификаторов HTML, CSS, JS, наполнять сайт контентом.

Настраивать прием данных с форм на почту, в CRM, в Telegram, настраивать базовое SEO

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

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

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

Дизайнер интерфейсов – Яндекс.практикум

Сайт:https://practicum.yandex.ru/interface-designer/
Стоимость: 13 000 руб помесячный платёж.
Итоговая сумма составит 104 000 руб

96 000 руб при оплате сразу за
8 месяцев обучения.
Длительность: 8 месяцев
Документ о прохождении курса:выдаём официальный диплом от Яндекса

Содействие в трудоустройстве: Помощь в трудоустройстве

Чтобы помочь студентам с трудоустройством, у нас есть карьерный трек. Это микрокурс длиной в 10 недель, который можно пройти параллельно с основной программой. Главная задача карьерного трека — выпускать студентов на рынок труда максимально конкурентоспособными и подготовленными. За 10 недель вы получите два независимых ревью на своё портфолио от нанимающих дизайнеров крупных компаний, прокачаете резюме с IT-рекрутером и поучаствуете в тестовом собеседовании. Также с нас — партнёрские вакансии, персональные рекомендации и, конечно, поддержка.

А ещё мы придумали «Мастерскую» — студию дизайна внутри Практикума, где вы можете получить свой первый оплачиваемый заказ. Вы будете работать бок о бок с опытным дизайнером над коммерческой задачей, общаться с заказчиком и презентовать ему свою работу. В конце мы вместе упакуем проект в кейс для портфолио. Пока количество мест в «Мастерской» ограничено.

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

Определить потребности бизнеса -> Исследовать аудиторию -> Спроектировать пользовательский опыт -> Разработать внешний вид сайта или приложения -> Сделать жизнь людей лучше

Всё это — задачи дизайнера интерфейсов. На курсе UX-дизайна вам предстоит решить каждую из них.
За 8 месяцев обучения по 10 часов в неделю вы освоите навыки дизайнера интерфейсов. Подробнее о том, что вас ждёт на курсе UX/UI-дизайна, — внутри карточек.
Проводить исследования и работать с аналитикой
Исследование — фундамент для решения любой дизайн-задачи. Мы расскажем, как закладывать его верно.
Продумывать работу сервисов и приложений
На конкретных примерах мы покажем, как создавать влюбляющий пользовательский опыт, и познакомим с необходимыми для этого инструментами.
Проектировать веб-сервисы и адаптивные сайты
На курсе вам предстоит выполнить свои первые проекты по брифу заказчика.
Разрабатывать мобильные приложения
Больше половины всего интернет-трафика проходится на мобильные устройства. Вы познакомитесь с гайдлайнами операционных систем (iOS и Android) и на практике научитесь создавать приложения под каждую из них.
Анимировать свои интерфейсы
Вы познакомитесь с основными принципами и инструментами анимации и научитесь управлять вниманием пользователя.
Работать в команде и общаться с заказчиками
На софты начинающих дизайнеров работодатели обращают не меньше внимания, чем на харды. Вы научитесь работать в команде и действовать проактивно, слышать обратную связь и оценивать свои силы адекватно.

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

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

Вводный модуль
8 часов
Вы примерите на себя роль дизайнера интерфейсов и узнаете, как он принимает те или иные решения. Также вы начнёте осваивать основной инструмент дизайнера, Figma, и создадите свои первые макеты.
Введение в UI
100 часов
Вы освоите базу, которая поможет проектировать крутой визуал для ваших проектов. Познакомитесь с Photoshop, Miro и другими инструментами, которые могут пригодиться в работе дизайнера. Также вы продолжите глубже изучать Figma: все проекты вы будете выполнять именно в этом редакторе. Вы научитесь работать в нём быстро и эффективно, применять горячие клавиши, освоите ряд полезных функций и плагинов.

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

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

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

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

За этот модуль вам предстоит освоить следующие навыки:

— Взаимодействие с заказчиком.

— Исследование аудитории (CustDev).

— Использование фреймворка JTBD.

— Работа с гипотезами.

— Проектирование интерфейса (UX).

— Тестирование на реальных пользователях.

— Отрисовка интерфейса (UI).

— Передача макета в разработку.

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

Также в этом блоке мы продолжим работать над вашими софт-скилами. Поговорим о том, как отстаивать свои решения и работать с фидбэком заказчика.

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

Вас ждёт:

— Знакомство с продуктовыми командами, их устройством и процессами.

— Работа с реальной дизайн-системой.

— Введение в продуктовую аналитику.

— Знакомство с разными бизнес-моделями цифровых продуктов.

— Имитация реальных рабочих ситуаций, отработка действий в условиях ограниченного времени и ресурсов.

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

Здесь не будет теории и домашних заданий — только асфальт суровой реальности. Клиентский бриф, жёсткие сроки и необходимость показать всё, на что вы способны.

Карьерный трек (по желанию)
50 часов

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

Если решитесь — вам предстоит проделать весь путь от поиска вакансий и первого тестового задания до интервью и приглашения на работу.

Результат прохождения курса

Конец обучения — только начало
Наши выпускники устраиваются в банки и крупные IT-компании. В их числе МТС, «Газпромбанк», «СКБ Контур» и сервисы Яндекса. Ещё часть выпускников работает на фрилансе и в зарубежных стартапах. Посмотреть работы наших студентов можно на Behance Практикума.

Чтобы вы нашли работу после обучения, мы:
– выдаём официальный диплом от Яндекса;
– учим составлять резюме и собирать портфолио;
– помогаем с поиском вакансий;
– объясняем, как написать сопроводительное письмо и подготовиться к собеседованию.

Веб дизайн (UI/UX) – EasyUM

Сайт: https://it.easyum.ru/courses/web-design-ui-ux/

Стоимость: ежемесячный платеж – 12 990 руб / мес (при ОЧНОМ формате обучения), и 11 490 руб / мес (при ONLINE формате обучения)

Длительность:
4 месяца
212 ак. часов в курсе

Документ о прохождении курса:
Сертификат выдается всем ученикам EasyUM в 2-х экземплярах: в виде документа и онлайн-копии.
Ссылку на онлайн-версию можно с легкостью прикрепить в свое резюме.

Содействие в трудоустройстве:
Помощь в
трудоустройстве
Ваше резюме ждут более 100 компаний-партнеров

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

Новичков в сфере дизайна
Практикующих графических дизайнеров
Владельцев бизнеса
Веб-разработчиковКто может стать веб-дизайнером

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

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

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

Окончив курс, вы сможете работать Веб-дизайнером UI/UX.

Разрабатывать дизайны сайтов и приложений
Пользоваться инструментами Photoshop и Illustrator
Работать со шрифтами и цветовой гаммой
Прорисовывать графические элементы и страницы с нуля
Готовить сайт к верстке

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

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

1-Й МЕС.

Модуль 1

Тема : Photoshop + Illustrator. Изучение Рабочей Среды.

Длительность : 53 ак. ч.

Illustrator + Indesign + Figma.Изучение Рабочей Среды.

Цвет. Заливка, виды заливок, градиент. Создадим стикер для общения в Telegram.
Изометрия. Инструмент «Переход». Создадим изометрический дизайн.
Начало работы с Adobe Indesign. Область применения InDesign. Сверстаем шаблон резюме.
Модульные сетки Adobe Indesign. Сделаем верстку 5 страниц своего журнала.
Файлы .psd. Интеграция файлов .psd. Работа с цветами в документе. Создадим маркетинг-кит.
Начало работы в Figma. Работа с Фреймами, фигурами, текстом.
Использование плагинов в Figma. Стили. Создадим концепт для Dribbble.
Компоненты. Анимация в Figma. Создадим концепт сайта.

2-Й МЕС.

Модуль 2

Тема : Illustrator + Indesign + Figma. Изучение Рабочей Среды.

Длительность : 53 ак. ч.

Illustrator 2.Векторная Графика В Web-Дизайне

Векторная и растровая графика: отличия, особенности работы. Настройка рабочей среды под создание Web-элементов: форматы, размеры. Работа с Монтажными областями в контексте Web-разработки. Создание документа под макет сайта.
Прорисовка объектов: геометрические фигуры, линии, дуги и спирали. Web-элементы: кнопки, фоны, блоки. Создание дизайна кнопок для будущего сайта.
Прорисовка сложных объектов: перо, кривые Безье. Создание инфографики для сайта.
Трансформация объектов. Выделяем: Direct Selection Tool, Selection Tool и трансформируем: «Отражение», «Вращение». Дополнительные возможности и ограничения работы с «Выделением» и «Трансформацией» объектов.
Цвет и Illustrator. Теория цвета. Контур, заливка, градиент, работа с общими цветами. Подберем цветовую гамму для сайта.
Текст. Создание, палитра и стили текста в Illustrator. Возможности редактирования и наложения текста. Создадим Типографику для сайта.
Слой. Особенности работы со слоями в Illustrator. Перемещение объектов и «Подложка». Решение задач Web-дизайна с помощью Layers.
Завершение работы в Illustrator. Сохранение объектов и документов. Особенности экспорта документов для Illustrator. Раскройка файлов.

3-Й МЕС.

Модуль 3

Тема : Illustrator 3. Векторная Графика В Web-Дизайне

Длительность : 53 ак. ч.

Photoshop 3.Создание Макета Сайта

Что такие бриф? Первые шаги создания макета сайта, формат, размер. Задачи UI/UX.
Как подготовить свой макет к HTML-вёрстке. Разбор технических возможностей вёрстки сайтов. Разберем самые популярные платформы для создания сайтов: WordPress, Wix, Bitrix, Tilda.
Композиция и колористика. Визуальной информация для человека. Основные составляющие дизайна интерфейса: web-типографика, макет, анимация, цвет, навигация, иконки.
Оптимизация графических изображений. Web-анимация. Принципы создания, инструментарий. Учимся оживлять «раскадровку». Создадим анимацию на свой сайт.
Web-типографика: типы шрифтов, заголовки, акцент внимания.
Модульная система. Создадим продающую главную страницу сайта. Понятие, область применения, преимущества и недостатки. Создание макета страницы «Товары».
Формы обратной связи и контактные данные. «Подвал» сайта. Понятие, правила оформления. Создадим макет формы обратной связи и страницы «Контакты». Подготовим свой макет к вёрстке.
Понимание итераций, метрик, конверсии, воронок. Что такое лид-магнит? Фриланс биржи и работа с клиентом.

Результат прохождения курса

По окончанию курса у вас на руках будет готовый дизайн интернет-магазина, который можно будет добавить в ваше новое портфолио на Бирже Фриланса.
Макет сайта готов на 100% . Прорисованы страницы: Главная, Товары, Контакты.
Создан кейс графических элементов под ваш сайт. Макет сайта подготовлен к вёрстке. Первый проект в вашем портфолио Web-дизайнера.
Внесём макет Интернет-Магазина в ваше портфолио Веб-Дизайнера и разместим его на Бирже Фриланса
Дизайн сайта Интернет-Магазина готов на 50%. Прорисованы: типографика, определена цветовая гамма, создана инфографика и дизайн кнопок сайта.
Глубокое понимание возможностей Illustrator, Indesign, Figma. Созданы стикеры для Telegram, изометрическая иллюстрация и концепт для будущего портфолио на Dribble.
Глубокое понимание возможностей каждого из инструментов Photoshop и Illustrator. Созданы первые примеры работ (авторская иллюстрация и анимированный баннер).

UX-специалист (TexTerra)

Сайт: https://theoryandpractice.ru/courses/37047-ux-spetsialist-ot-texterra

Стоимость: 10 000 рублей

Длительность: 2 месяца

Документ о прохождении курса: По окончании обучения выдается сертификат
Содействие в трудоустройстве: нет

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

Это курс подойдет тем, кто хочет стать UX-специалистом:

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

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

Освой актуальную профессию со средней зарплатой 80 000 рублей

Дистанционное обучение по видеозаписям
Преподаватели — практикующие UX / UI-дизайнеры TexTerra
7 занятий по 1,5 часа
Итоговый тест

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

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

ЛЕКЦИЯ 1: ВВЕДЕНИЕ В ЮЗАБИЛИТИ Что нужно потребителю. Функциональный дизайн и пользовательский опыт. Научные исследования.
Физиология. ЛЕКЦИЯ 2: РАБОТА С ЦЕЛЕВОЙ АУДИТОРИЕЙ

Что такое целевая аудитория? Источники данных по целевой аудитории. Сегментация целевой аудитории. Составление портрета целевой аудитории.
Как применить это на практике. ЛЕКЦИЯ 3: CJM

Что такое CJM? Что показывает карта путешествий пользователя? Для чего она нужна? Создание карты путешествий. Вариации вида CJM. ЛЕКЦИЯ 4: ПРОЕКТИРОВАНИЕ ИНТЕРФЕЙСА

Назначение прототипа.Инструменты проектирования. Live-проектирование — Axure. Live-проектирование — Figma. ЛЕКЦИЯ 5: ТЕКСТЫ В ИНТЕРФЕЙСЕ

Основные положения. Подача информации. Кнопки и работа с ними. Виды ссылок. Особенности стиля общения. Детали текстов. ЛЕКЦИЯ 6: ДИЗАЙН В ИНТЕРФЕЙСЕ

Работа с сеткой. Палитра и влияние цвета. Контраст в интерфейсе. Особенности адаптивного дизайна. Классификация шрифтов. ЛЕКЦИЯ 7: АУДИТ ЮЗАБИЛИТИ

Что такое юзабилити-аудит и для чего он нужен. Инструменты для проведения аудита. Проверка валидности кода HTML, CSS и JS. Ошибки на страницах сайта.
Анализ мобильной версии сайта. Поведенческие факторы. Яндекс.Метрика и Google.Analytics.

Результат прохождения курса

Что вы получите?
Практика создания прототипов в Figma и Axure.
Разбор инструментов Яндекс.Метрики и Google.Analytics для аудита сайта.
Лучшим студентам — рекомендательное письмо для устройства на работу.
Вручение выпускникам диплома TexTerra.

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

Сайт: https://www.escc.ru/katalog/products/kompjuternye-kursy/web-dizajn

Стоимость: 14960 руб. за полный комплект

Длительность:
Количество уроков

16 (16 учебных журналов)
Количество учебных часов

260
Рекомендуемое количество
часов обучения в неделю

3-4
Документ о прохождении курса: Свидетельство ЕШКО;
Graduation Certificate – сертификат на английском от учредителя ЕШКО.

Содействие в трудоустройстве: нет

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

КУРС ВЕБ-ДИЗАЙНЕРА. ОБУЧЕНИЕ С НУЛЯ ДИСТАНЦИОННО
Хотите купить недорогие компьютерные курсы прямо сейчас и в будущем получить интересную и творческую профессию?
В работе веб-дизайнера есть большое количество возможностей для реализации творческого потенциала.

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

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

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

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

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

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

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

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

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

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

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

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

 

Дизайнер промо сайтов – СкиллБокс

Сайт: https://skillbox.by/course/redcollar/

Стоимость: 64 027 тысячь рублей

Длительность: 4 месяца

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

Содействие в трудоустройстве: нет

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

Курс подойдёт веб-дизайнерам и арт-директорам со знанием Photoshop.

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

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

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

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

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

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

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

Презентовать проекты
Поймёте, как презентовать проект клиенту и дизайн-сообществу. Сможете разместить свои кейсы на Behance и находить новых клиентов.

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

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

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

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

Что такое промосайт
Вы узнаете, что промосайт — это любой сайт, продвигающий продукт или услугу. Разберётеcь, как он выглядит, чем отличается от других типов сайтов и какие бизнес-задачи решает.

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

Креативная концепция
Узнаете, что такое креативная концепция и кто участвует в её создании. Научитесь проводить брейнштормы и выбирать лучшие идеи.

Бонус-модуль. Коллажирование баннера в Photoshop
Сделаете баннер-коллаж Jeans Star PRO.

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

Визуальный дизайн
Сможете профессионально делать обработку и обтравку фотографий. Узнаете, как создать объёмные изображения для 3D-устройств, и познакомитесь с примерами современного медиаарта.

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

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

Бонус-модуль. Отрисовка внутреннего шаблона по готовой концепции
Создадите шаблон внутренней страницы по готовой концепции: разработаете цветовое решение, элементы, оформление и т.д.

Анимация в дизайне
Изучите принципы хорошей анимации и интерактивных взаимодействий. Научитесь подбирать референсы и познакомитесь с Hype, Webflow, Readymag, Principle и другими инструментами для создания анимаций.

Креативный frontend
Узнаете, кто такой creative developer, и изучите особенности креативной разработки. Поймёте, как с помощью CSS и JavaScript добавить анимацию на сайт и сделать дизайн адаптивным, познакомитесь с дополнительными инструментами разработчика и основами работы с SVG.

Бонус-модуль. Создание анимированного макета в Readymag
Научитесь создавать анимированные макеты на платформе Readymag.

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

Бонус-модуль. Перевод сайта на английский язык
Узнаете, как правильно перевести текст сайта на английский язык.

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

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

Результат прохождения курса

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

«Супер Photoshop» – VideoSmile

Сайт: https://videosmile.ru/post/698-kurs-super-photoshop-

Длительность: 93 практических занятия

Документ о прохождении курса: Сертификат о прохождении курса

Содействие в трудоустройстве: нет

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

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

Сайт: https://irs.academy/web-design

Стоимость: от 3600 р. за курс

Длительность:
Кол-во часов:
24 часа
Кол-во занятий:
12 уроков

Документ о прохождении курса: Сертификат специалиста веб-дизайна с нуля

Содействие в трудоустройстве: нет

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

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

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

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

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

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

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

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

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

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

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

Результат прохождения курса

Сменить рутинную, однообразную работу на творческое занятие

Зарабатывать от 40 000 в месяц

Много путешествовать, при этом работать удаленно

Стать счастливее

Легко находить заказчиков

Наработать портфолио
Востребованную на рынке труда профессию

Видеозаписи всех занятий, все презентации и обучающие пособия

Домашние задания для закрепления каждого урока

Сертификаты о прохождении обучения

Возможность навсегда изменить свою жизнь, уйти с нелюбимой работы

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

Вы начнете составлять портфолио веб-дизайнера

Бесценный опыт от практикующего веб-дизайнера

Возможность предоставлять свои услуги или товары в интернете

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

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

Сайт: https://imba.ru/course/web-design

Стоимость: 4 590 руб/мес
на 12 месяцeв

Длительность:3 месяца

Документ о прохождении курса:ДИПЛОМ IMBA
После окончания курса вы получите диплом. Его можно добавить в резюме или предоставить HR-специалисту на собеседовании

Содействие в трудоустройстве: нет

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

ТЕМ, КТО ХОЧЕТ ОСВОИТЬ НОВЫЕ НАВЫКИ

Вы погрузитесь в тему и сможете претендовать на начальные позиции уже через 3,5 месяца. Прямо сейчас на HeadHunter — больше 500 вакансий начинающих веб-дизайнеров с зарплатой от 35 до 100 тыс. рублей. И спрос на профессию только растет.

НАЧИНАЮЩИМ ДИЗАЙНЕРАМ

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

МАРКЕТОЛОГАМ, ВЛАДЕЛЬЦАМ БИЗНЕСА

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

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

ИЗУЧАЕТЕ НОВУЮ ТЕМУ

Просматриваете видеолекции в удобное время, в своем темпе

2
ВЫПОЛНЯЕТЕ ЗАДАНИЯ

Преподаватель проверяет, комментирует, объясняет, как доработать

3
ЗАЩИЩАЕТЕ
ФИНАЛЬНЫЙ ПРОЕКТ

В конце курса — защита диплома перед преподавателями курса
На протяжении всего курса вас будут поддерживать:

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

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

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

ПРОГРАММА ОБУЧЕНИЯ
Курс построен по принципу «от простого к сложному». Во всех модулях — задания, которые помогут закрепить теорию на практике. На каждом этапе вы получаете реальные работающие знания и растете в цене.

Уроков
53

Академических часов
22

Темы

1.
Введение в веб-дизайн. Компетенции веб-дизайнера. Тренды профессии
2.
Этапы разработки проекта. Проектирование интерфейса.
Презентация дизайна и взаимодействие с разработчиками
3.
Инструментарий веб-дизайнера. Figma. Principle. Структура файлов, хранение, экспорт и импорт макетов
4.
Пользовательский интерфейс (User Interface, UI). Графический интерфейс. Элементы. Сетка и композиция. Навигация и структура. Адаптивность. Типографика. Иконки. Анимация
5.
Пользовательский опыт (User Experience, UX). Основные подходы проектирования. Адаптивная верстка и элементы интерфейса. Тест на юзабилити
6.
Взаимодействие с заказчиками и разработчиками. Стратегия презентации дизайна. Работа с критикой. Готовые скрипты
7.
Карьера веб-дизайнера. Особенности создания портфолио и обзор платформ для его размещения. Обсуждение гонорара. Особенности испытательного срока
Бонус! Курс по составлению резюме

 

 

Веб-дизайн. Визуальное оформление и верстка сайтов от Учебного центра при МГТУ им. Н.Э. Баумана

Сайт: https://www.specialist.ru/course/web

Стоимость:
Для физ.лиц

24 490 руб
очно

24 490 руб
онлайн

Для организаций*
28 990 руб
очно

28 990 руб
онлайн

Длительность:
32 ак. ч.

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

Содействие в трудоустройстве: нет

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

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

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

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

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

Показать скрытое содержимое
Модуль 1. Задачи web-дизайнера, его место и роль в создании веб-сайта (8 ак. ч.)
Как веб дизайн помогает решать задачи бизнеса
Чем занимается web-дизайнер
Что такое UX и что такое UI
Инструментарий web-дизайнера
Основы Figma, её возможности и варианты использования
Законы дизайна и законы восприятия. Эмоциональный web-дизайн
Отличие web-дизайна от других направлений. Современные тренды и направления
Практика: делаем страницу сайта красивой
Модуль 2. Дизайн страниц сайта для десктопа (8 ак. ч.)
Концепции дизайна – Google Material Design и другие
Размещение информации на экране, способы организации информации, Z-дизайн, F-дизайн
Сетки дизайна
Типографика. Использование шрифтов. Подбор шрифтовых пар, особенности для веб-дизайна
Поддержка фирменного стиля в решении для web, технические и концептуальные аспекты
Использование изображений, вопросы авторских прав
Практика: дизайн страницы сайта в заданном стиле
Модуль 3. Адаптивный дизайн, дизайн для мобильных устройств (8 ак. ч.)
Типы мобильных устройств и их особенности
Принцип Mobile First и как он реализуется на практике
Что такое “отзывчивый” дизайн
Особенности дизайна для мобильных устройств, стандартные и нестандартные визуальные решения
Использование адаптивных элементов в Figma для унификации дизайна
Тестирование дизайна на самих устройствах
Практика: адаптивный дизайн страницы сайта для различных устройств
Модуль 4. Использование конструкторов на примере Tilda (8 ак. ч.)
Обзор конструкторов. Плюсы и минусы использования конструкторов
Основы Tilda
Оформление сайта на Tilda
Создание элементов сайта – меню и пр.
Визуальные эффекты, анимации
Полезные ресурсы для web-дизайнера
Финальная практическая работа: Оформление своего портфолио на Tilda

Результат прохождения курса

Вы изучите современные стили и принципы дизайна (включая Google Material Design), научитесь работать в программе
Figma – одной из самых популярных программ для web-дизайна, узнаете, чем она лучше, чем Photoshop.

«UX Design for Mobile Developers» от Udacity

Сайт: https://www.udacity.com/course/ux-design-for-mobile-developers–ud849

Стоимость: Бесплатно

Длительность: 6 Недель

Документ о прохождении курса: нет

Содействие в трудоустройстве: нет

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

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

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

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

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

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

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

Показать скрытое содержимое
УРОК 1
Что такое Пользовательский опыт?
Пользовательский интерфейс против UX.
Планирование на высоком уровне.
Создание каркасов и прототипов с низким уровнем Wi-Fi.
УРОК 2
Дизайн, Ориентированный На Пользователя
Опасности игнорирования вашего пользователя.
Как создавать эффективные персонажи и примеры использования.
Недорогое исследование пользователей.
УРОК 3
Проектирование для мобильных ограничений
5 больших ограничений: ограниченные данные, ограниченная батарея, ручное использование, разделенное внимание пользователей и маленькие экраны.
Последствия этих ограничений и что происходит, когда вы их неправильно понимаете.
Усовершенствованный каркас.
УРОК 4
Дизайн для Android Восхищает
Датчики Android.
Важность контекстных приложений.
API для Android (сервисы Google Play).

Результат прохождения курса

Освойте разработку Android с помощью Kotlin и создавайте профессиональные приложения
для самой популярной в мире мобильной платформы с помощью Android Studio и Kotlin.

 

Дизайнер на Tilda от Contended

Сайт: https://live.contented.ru/tilda-free-course
Стоимость: бесплатно
Длительность: 5 дней
Документ о прохождении курса:нет

Содействие в трудоустройстве: нет

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

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

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

Познакомишься с основами TILDA Прокачаешь дизайнерские навыки Соберешь свой лендинг
Получишь обратную связь по домашнему заданию
Узнаешь о буднях дизайнеров на вебинаре
Начнешь прямой путь в веб- и UX/UI-дизайн

Спикер вебинара

В 2015 году Мария пошла на курсы и начала работать дизайнером на фрилансе.
Освоила Тильду и стала работать с небольшими стартапами, которым нужны были лендинги.
Потом она работала веб-дизайнером в SkillFactory, где за год создала больше 50 лендингов.На твои вопросы будет отвечать наставница курса Мария Слободинская.
Сейчас Мария — UX/UI дизайнер в Учи.Ру.

 

Веб-дизайнер на Тильде (Elizart)

Сайт: https://school.elizart.ru/course-designer-on-tilda

Стоимость: от 50 000 руб. в месяц

Длительность: 2-месячная программа

Документ о прохождении курса: нет

Содействие в трудоустройстве: нет

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

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

 

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

Умение запускать сайты себе и на заказ – фундамент для успешной работы веб-дизайнера

Осваиваем технологию создания и запуска разных типов сайтов (лендинг, корпоративный сайт, интернет-магазин)

Чек-листы и шаблоны, а также рабочие тетради

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

Портфолио и ваша раскрученная группа в ВК или лендинг – решают.

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

Пришло время искать первого заказчика и вести переговоры о сотрудничестве.

Примеры прайсов и уроки по продажам помогут вам в этом.

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

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

Модуль 0. Подготовительный модуль
Инструкция заполнения профиля.
Урок 1. Добро пожаловать.
Урок 2. Как выкладывать отчеты по дз.
Урок 3. Этапы разработки сайта. Бриф.
Урок 4. Регистрация на платформе Tilda.
Урок 5. Практика на Тильде.
Глоссарий для веб-дизайнера.
Программа курса “Дизайнер на Тильде”Перейти к тарифам!Результат (модуля): Вы поставите цель на курсе и будете держать фокус на то, чтобы окупить программу уже во время обучения.

Модуль 1. Веб-дизайн
Урок 1. Как развивать в себе дизайнера? Инструменты.
Урок 2. Обзор платформы Figma.
Урок 3. Модульные сетки и композиция.
Урок 4. Гармония цвета.
Урок 5. Создание мудборда.
Урок 6. Вдохновение и ресурсы.
Урок 7. Типографика.
Урок 8. Создаем дизайн сайта в Figma.
Урок 10. Прототипирование.
Урок 11. Основы маркетинга.
Урок 12. Обзор платформы Tilda.
Урок 13. Обзор ZeroBlock.
Итоговый зачет.
Результат (модуля): Вы умеете создавать дизайн сайтов, которые пользуются спросом у заказчиков. Вы владеете технологиями и формулами дизайна сайта
Модуль 2. Платформа Tilda
Урок 1. Промо-сайт.
Урок 2. Корпоративный сайт.
Урок 3. Landing page.
Урок 4. Интернет-магазин.
Урок 5. Адаптивный сайт.
Урок 6. Анимация и спецэффекты.
Урок 7. Дизайн и анимация в Тильде.
Урок 8. Запуск и передача сайта.
Урок 9. Регистрация и подключение домена.
Урок 10. Передача сайта и страницы на аккаунт заказчика.
Урок 11. Создание продающего лендинга + аналитика.
Итоговый зачет.
Результат (модуля): Вы умеете запускать 5 ключевых видов сайтов, которые пользуются спросом у заказчиков. У вас есть материал для портфолио. Вы владеете технологиями и формулами запуска сайта, подключения технических сервисов с легкостью.

Модуль 3. Портфолио и упаковка

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

Модуль 4. Продажи
Урок 1. Где искать заказы?
Урок 2. Стоимость работ и правила.
Урок 3. Юридические и налоговые вопросы.
Результат (модуля): Вы научитесь искать клиентов вне бирж, находить платежеспособных и отсеивать тех, кто вам не подходит. Вы научитесь отрабатывать возражения заказчиков и продавать услуги создания сайта и дизайна не разово, а системно.
Модуль 5. Практика
Практическое задание.
Библиотека видео-разборов к уроку Практика.
Результат (модуля): До 5 проектов в портфолио

Авторы курса

Кураева Елизавета,

5 лет опыта в дизайне, работая на фрилансе
миллиона рублей вложила в свое образование по фрилансу

Преподает дизайн в Нетологии, Современной школе дизайна в Москве,
RealTime.запущенных сайтов с нешаблонным дизайном

 

Результат прохождения курса

Возможность работать удаленно, путешествовать.
Перспектива роста в карьере: вы можете дорасти до владельца своей студии дизайна и в течение года выйти на доход от 100 000 руб/мес.
Участие в серьезных проектах с комплексом задач и достойной оплатой: теперь вам не нужно будет прыгать из проекта в проект и выполнять разовые заказы.

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

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

Сайт: https://contented.ru/edu/web-designer

Стоимость: 110 000 руб

Длительность:5 МЕСЯЦЕВ

Документ о прохождении курса: Диплом об успешном завершении обучения.

Содействие в трудоустройстве:
Узнаете, где найти интересные вакансии

Поймете, кем и где хотите работать

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

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

Твои профессиональные навыки

Знаю, как создавать продуманную концепцию сайта

• Умею разрабатывать промо-сайты различных тематик

• Создаю рабочие прототипы в Figma

• Применяю After Effects для создания анимации на сайта

• Разбираюсь в основах дизайна: сочетании цветов,
построении композиции и работе с типографикой

• Использую СJM для улучшения UX сайта

• Добавляю 3D-графику на сайт с помощью Blender

• Вы успешно завершили обучение по профессии

Умею анализировать рынок

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

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

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

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

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

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

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

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

Онлайн-обучение

Каждую неделю вы смотрите короткие видеоуроки и выполняете домашнее задание.
Проверки заданий peer-to-peer

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

Удобный формат

Даже после завершения обучения вы в любой момент сможете вернуться к нужным материалам

Доступ к курсам
навсегда

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

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

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

Авторы курса

Роман Храмов
Cооснователь Cuberto, куратор направления дизайна интерфейсов
Digital-агентство с сильнейшей экспертизой в дизайне и проектировании.
Агентство года 100K Club Member Award
Более 10 лет опыта работы с проектами мирового уровня. Клиенты: Яндекс, Билайн, McDonalds, Cisco, Raiffeisen и др.

Результат прохождения курса

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

Курсы по веб-дизайну — Городской Центр Дополнительного Профессионального Образования

Сайт: https://doprof.ru/courses/computer/web-technology/

Стоимость: 10000 руб.

Длительность:Количество академических часов: 32, занятий: 8

Документ о прохождении курса:
Лицам, успешно освоившим дополнительную профессиональную программу и прошедшим итоговую аттестацию,
учебный центр ГЦДПО выдает удостоверение о повышении квалификации.

Федеральный закон от 29.12.2012 N 273-ФЗ (ред. от 07.03.2018) “Об образовании в Российской Федерации”.
Статья 76. Дополнительное профессиональное образование.

По окончании обучения этого курса повышения квалификации вы получите Удостоверение учебного центра ГЦДПО,
с регистрацией его в Федеральном реестре сведений документов об образовании и (или) о квалификации, документах об обучении
(ФИС ФРДО).

Содействие в трудоустройстве: нет

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

обучение слушателей, чьи профессиональные интересы касаются области разработки и создания web-сайтов.
Цель курса научить самостоятельно создавать «с нуля» веб сайты на HTML и CSS, размещать их на реальных серверах под определенными
доменными именами (адресами web-сайтов).

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

изучаются языки HTML (язык разметки гипертекста) и CSS (каскадные таблицы стилей), различные виды верстки web-страниц;
даются основные навыки работы в программах Adobe Dreamweaver, Adobe Photoshop и с локальными серверами OpenServer, MAMP, XAMPP ;
демонстрируется практика работы с реальным сервером, взаимодействие с хостингом и выбор доменного имени.

Требования к начальной подготовке

Учебная программа курса рассчитана на широкий круг слушателей, владеющих элементарными навыками работы с ПК.
Желательны навыки работы в программе Adobe Photoshop

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

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

Содержание образовательной (учебной) программы

«Web – дизайн»

 

Занятие 1. Современные методы и технологии создания сайтов. Введение в HTML. Использование программ Adobe Dreamweaver и Adobe Photoshop при создании сайта.

Перечень основных вопросов, подлежащих изучению:

– общие сведения о технологии создания сайтов;

– язык разметки HTML как основа создания любого сайта;

– теговая модель языка HTML;

– основные теги языка HTML;

– базовые теги для создания пустой web-страницы;

– определение будущего проекта web-сайта в программе Adobe Dreamweaver и знакомство с интерфейсом программы;

– настройка программе Adobe Dreamweaver под текущий проект;

– создание первой web-страницы в программе Adobe Dreamweaver и сохранение ее в проекте;

– создание описательных meta-тегов страницы, описание и назначение данных тегов;

– понятие DOCTYPE;

– структура HTML – основные теги html, head, title, body, синтаксис языка;

– основные теги для создания теста на web-странице h1-h1(теги заголовков);

– р (абзац), создание страницы с текстовым содержанием.

 

Занятие 2. Основы поэтапного создания web-страницы. Правила форматирования текста с использованием текстовых тегов. Введение в CSS (каскадные стилевые инструкции).

Перечень основных вопросов, подлежащих изучению:

– использование тегов h1-h6 для создания заголовков текстового содержания;

– использование тегов p для создания абзацев текста;

– основные принципы создания текстового содержимого с учетом требований поисковых систем и удобства для посетителей сайта, понятие необходимого количества текста;

– оформление текста с помощью атрибутов тегов и тега font, понятие выравнивания текста, цвета текста и гарнитуры шрифтов;

– определение технологии CSS как основного инструмента при стилизации и разметки страницы, принцип работы и взаимодействия CSS и HTML документов;

– создание первого CSS документа и соединение его c HTML страницей, понятие селектора тега, создание селекторов тегов для стилевого оформления текстового содержимого web-страницы;

– основные стили, свойственные текстовому содержимому (выравнивание-text-align, цвет-color, гарнитура шрифта-font-family, внешние и внутренние отступы-margin и padding, границы текстовой области-border и фон-background);

– принципы создания web-страницы с текстовым содержанием;

– теги ul, ol, li – для оформления маркированного и нумерованного списка

– теги специальных возможностей br, pre, strong, em, hr;

– тег span, его назначение и возможности в стилевом оформлении текста.

 

Занятие 3. Вставка изображений на страницу. Типы графических файлов используемых при создании сайтов. Оптимизация изображений для web в Adobe Photoshop.

Перечень основных вопросов, подлежащих изучению:

– типы графических файлов подлежащих вставке на страницу (jpg, png, gif) понятие размера и разрешения фотографии;

– основные принципы оптимизации изображения для web в программе Adobe Photoshop, обрезка изображения, установка необходимого разрешения и установка размера в зависимости от ширины страницы;

– сохранение изображения с использованием специальной функции программы Adobe Photoshop – сохранить для web и устройств непосредственно в папке проекта;

– вставка изображения на страницу с использованием тега вставки изображений img, атрибуты специальных возможностей данного тега: ширина(width), высота(height), альтернативный текст(alt), описание изображения(title);

– стили CSS для корректного отображения и позиционирования изображения на web-странице: обтекание(float), отступы(margin), границы(border), округления (border-radius);

– использование изображения в качестве фона;

– создание страницы с текстовым содержанием и вставкой изображений с обтеканием текста справа и слева.

 

Занятие 4. Верстка страницы. Создание каркаса страницы с использованием тега DIV

Перечень основных вопросов, подлежащих изучению:

– виды верстки страницы – блочная, табличная, гибридная, их преимущества и недостатки;

– создание каркаса страницы с использованием тега div;

– тег div как контейнер для удобного и эффективного позиционирования с присвоением имени каждому контейнеру div через идентификатор id;

– техника применения селектора идентификатора для тега div для удобного и адаптивного позиционирования элементов web-страницы;

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

– понятие очистки обтекания(clear) при блочной верстке.

 

Занятие 5. Практическое занятие № 1 по созданию веб страницы.

Содержание занятия:

– создание схемы (эскиза) каркаса web-страницы;

– реализация данного эскиза в web-страницу.

1) Создание HTML страницы, CSS документ и соединение его с HTML документом, с использованием технологичных возможностей программы Adobe Dreamweaver.

2) Определение основных контейнеров DIV для элементов web-страницы:

шапки сайта, навигационного меню, левой колонки сайта, контентной части сайта и подвала.

3) Определение в стилевом документе основных позиционных и стилевых свойств web-страницы (ширина (width), высота (height), выравнивание (margin), понятие очистки обтекания (clear) при блочной верстке).

4) Проверка свойств и качества готового каркаса web-страницы по адаптивным характеристикам к электронным устройствам и мониторам.

5) Создание графического элемента – шапки сайта, с использованием программы Adobe Photoshop. Вставка шапки сайта в каркас подготовленной web-страницы.

 

Занятие 6. Гиперссылки. Создание навигационного меню.

Перечень основных вопросов, подлежащих изучению:

– понятие гиперссылки, абсолютная и относительная гиперссылка;

– тег ссылки a, атрибуты ссылки: href, title, target;

– создание ссылки на web-странице, создание ссылки навигационного меню, создание всех ссылок навигационного меню с использованием технологичных возможностей программы Adobe Dreamweaver;

– оформление ссылок горизонтального навигационного меню с помощью каскадных стилевых инструкций CSS;

– оформление ссылок вертикального навигационного меню с помощью каскадных стилевых инструкций CSS;

– создание дублирующего меню для подвала (футера) сайта;

– изображение как ссылка, создание интерактивных графических элементов (кнопок) на web-станице;

– карты-изображения позволяющие привязывать ссылки к разным областям одного изображения;

– ссылка на адрес электронной почты;

– ссылка на якорь;

– создание страниц сайта, согласно подготовленному навигационному меню.

 

Занятие 7. Виды контента страниц сайта (статический сайт, в виде вывода табличных данных, интерактивные формы).

Перечень основных вопросов, подлежащих изучению:

– создание контента для статичных (основных страниц), создание текста с встроенными изображениями для соответствующих страниц сайта;

– теги для создания таблиц table, tr, td;

– создание таблицы для вывода табличных данных на web-странице;

– оформление таблицы с помощью соответствующих атрибутов тегов и с помощью каскадных стилевых инструкций CSS;

– атрибуты colspan и rowspan для объединения столбцов и колонок таблицы;

– варианты стилевого оформления страниц;

– использование таблиц для создания каркаса web-страницы (табличная верстка);

– оформление страницы «Контакты» с использованием форм и полей для создания формы обратной связи, теги form, input, textarea, select и атрибуты action, method, name, type;

– принцип работы формы обратной связи и полей;

– создание простой и защищенной формы обратной связи с использованием технологии spry средствами программы Adobe Dreamweaver.

 

Занятие 8. Практическое занятие № 2 по созданию всей структуры сайта.

Содержание занятия:

– окончательное оформление многостраничного сайта и подготовка его к публикации в сети интернет;

– публикация сайта в сети интернет.

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

2) выбор хостинга (свободное доменное имя, регистрация на хостинге, выбор тарифного плана);

3) настройка хостинга – проверка серверных служб, создание связки домен-каталог сайта;

4) просмотр протоколов связи с сервером–http (HyperText Transfer Protocol-«протокол передачи гипертекста») и ftp (File Transfer Protocol-протокол передачи файлов);

5) создание соединения по ftp протоколу с сервером;

6) копирование файлов сайта на сервер;

7) проверка работоспособности сайта в режиме реального размещения на сервере;

8) регистрация сайта в поисковой системе Яндекс, первичные настройки индексирования;

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

 

 

Веб-дизайн UI/UX — AVENUE

Сайт: https://msk.avenue.school/courses/web-design-ui/
Стоимость: Онлайн
48 965 руб
33 575 руб
от 2 798 руб./мес.

VIP
59 465 руб
41 975 руб
от 3 498 руб./мес.

Очно
52 465 руб
36 375 руб
от 3 031 руб./мес.

Длительность: 3,5 МЕСЯЦА

Документ о прохождении курса: Сертификат о прохождении курса

Содействие в трудоустройстве:
Отправляем резюме лучших студентов рекрутерам ведущих ІТ-компаний в Москве.
Привилегии студентам Тренинг по трудоустройству
Тренинг по трудоустройству

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

Новичкам в IT
Практикующим дизайнерам
Front-end-программистам
Руководителям бизнеса

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

Создавать крутые дизайны веб-сайтов

Отрисовывать интерфейсы интернет-магазинов

Уверенно пользоваться Illustrator, Photoshop, Figma и Tilda

Проектировать интерфейсы опираясь на UX

Искать заказчиков и работать с ними на биржах фриланса

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

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

1 Модуль.Графические редакторы
1-й месяц

Длительность: 21 Ак. Час

По итогам модуля:
Занятие №1
Знакомство с основами графического дизайна, основной терминологией. Интерфейс программы Adobe Photoshop. Создание нового файла, настройка формата и размера. Настройка рабочей среды.
Занятие №2
Основные фигуры. Трансформирование объектов. Работа с пером и кистью. Настройки цветокоррекции. Работа с изображениями. Создадим пост для Инстаграм.
Занятие №3
Работа с палитрой, корректирующими слоями. Инструмент маска. Инструменты изменения изображения: штамп, заплатка, архивная кисть. Создадим Мокап.
Занятие №4
Шрифт. Классификация шрифтов. Работа с текстом. Модульная сетка. Анимация в Photoshop. Создадим анимированный баннер.
Занятие №5
Ретушь фотографий в Photoshop. Базовые навыки и инструменты. Ретушь портретов и ретушь пейзажей.
Занятие №6
Интерфейс программы Adobe Illustrator. Создание нового файла, настройка формата и размера. Настройка рабочей среды. Подготовка к печати. Инструмент «Перо». Создадим набор линейных иконок.
Занятие №7
Охранные поля, сетки, направляющие. Создадим Пиксель арт.
Занятие №8
Флэт-дизайн. Фигуры, трансформирование. Создадим иллюстрацию в стиле Flat дизайна.
Глубокое понимание возможностей каждого из инструментов Illustrator и Photoshop.

2

Модуль. Введение в Веб-дизайн
2-й месяц

Длительность: 21 Ак. Час

По итогам модуля:
Занятие №1
Монтажная область. Образцы. Создадим бесшовный паттерн.
Занятие №2
Рисование в Illustrator. Кисти: Brush, Art brush и Перо. Создадим авторскую иллюстрацию.
Занятие №3
Введение в дизайн. Начало работы веб-дизайнера: с чего начинаем работу, как правильно принимаем задачи по дизайну, какие материалы запрашиваем у заказчика, изучаем на что необходимо ориентироваться при разработке дизайна
Занятие №4
Прототипы. Варианты и виды прототипов. Рисуем прототип главной страницы интернет-магазина.
Занятие №5
Модульные сетки: Изучаем что такое модульные сетки, для чего они нужны, какие бывают и как их применять в своих проектах
Занятие №6
Работа с текстом. Основы работы с текстовыми блоками. Иерархия блоков. Учимся определять правильный размер основного текста и заголовков
Занятие №7
Web-Дизайн и шрифты. Виды шрифтов. Шрифтовые пары.
Занятие №8
Ширина страниц сайта. Рассматриваем под какую ширину обычно рисуют сайты, определяемся с шириной для своего проекта.
Изучены особенности работы Веб-дизайнера. Уверенное понимание связки «Веб-дизайн и вёрстка сайтов». Приобретены базовые навыки создания дизайна. Создан детализированный прототип главной страницы интернет-магазина.

3 Модуль.UI
3-й месяц

Длительность: 21 Ак. Час

По итогам модуля:
Занятие №1
Работа с Цветовым кругом. Создаём цветовую гамму своего сайта.
Занятие №2
Композиция и структура сайта. Учимся упорядочивать элементы дизайна, создавать структуру и определять количество страниц сайта.
Занятие №3
Формы и кнопки. Какие бывают, для чего нужны, как правильно размещать в своих проектах.
Занятие №4
Разработка дизайн-концепции на примере главной страницы. Обсуждаем и вносим правки.
Занятие №5
Внутренние страницы интернет-магазина. Рисуем внутренние страницы на основе разработанной дизайн-концепции – каталог, страница товара, корзина, оплата.
Занятие №6
Страницы «Регистрация», «Авторизация». Рассматриваем какие бывают варианты, какой контент необходимо использовать. Рисуем для своего проекта.
Занятие №7
Мобильная версия сайта. Создаём мобильную версию своего сайта.
Занятие №8
Рекламные баннеры. Рисуем несколько баннеров, учимся эффективно располагать текст и кнопки, рассматриваем варианты использования графики.
Глубокое понимание основ UI/UX. Приобретён навык создания структуры внутренних страниц сайта. Разработан дизайн внутренних страниц: каталог, страница товара, корзина, оплата, авторизация и регистрация. Создан дизайн мобильной версии сайта.

4 Модуль.Создание Портфолио и всё о трудоустройстве.
4-й месяц

Длительность: 12 Ак. Час

По итогам модуля:
Занятие №1
Тренды-дизайна. На примерах подробно рассматриваем существующие модные тренды в дизайне, рисуем несколько своих вариантов.
Занятие №2
Figma. Изучение интерфейса. Преимущества и недостатки создания дизайна сайта в Figma.
Занятие №3
Портфолио. Рассматриваем сервисы для размещения портфолио, смотрим варианты оформления. Создаём собственное портфолио.
Занятие №4
Tilda. Zero-блок. Рассматриваем функционал конструктора-сайта на примере Tilda. Учимся создавать сайты «Под ключ»
Создано собственное портфолио. Приобретены базовые навыки работы с Figma и Tilda. Приобретен навык вёрстки сайтов с помощью Zero-блок. Полная готовность к решению задач на позиции «Веб-Дизайнер» в любой IT-компании.

 

 

Пользовательский интерфейс от МФТИ совместно с e-Legion

Сайт: https://www.coursera.org/learn/user-interface

Стоимость: бесплатно

Длительность:Курс длится 1,5 месяца и предполагает 8 часов занятий в неделю

Документ о прохождении курса: нет

Содействие в трудоустройстве: нет

Кому подойдет курс:
iOS-разработчикам
Веб-разработчикам

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

Правильно строить адаптивный интерфейс, подстраивающийся под разный контент и размеры экранов

– Работать с контроллерами и переходами
– Самостоятельно создавать пользовательский интерфейс из нескольких экранов
– Работать с таблицами и коллекциями – UITableView и UICollectionView
– Добавлять жесты и анимацию в приложение

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

обзор основных компонентов интерфейса и их создание.
Студенты научатся строить адаптивный интерфейс, подстраивающийся под разный контент и размеры экранов.
Обратная связь по заданиям и сертификат по окончании.
37 занятий для изучения инструментов по созданию пользовательского интерфейса от МФТИ, ФРОО и E-learning

Результат прохождения курса:
Навыки, которые вы получите
РАБОТА С ГРАФИКОЙ UX-ПРОТОТИПИРОВАНИЕ

Figma для UI/UX дизайнера

Сайт: https://www.specialist.ru/course/figma

Стоимость:
Для физ.лиц

17 990 руб
очно
17 990 руб
онлайн

Для организаций*
19 990 руб
очно
19 990 руб
онлайн

Длительность: 24 ак. ч.

Документ о прохождении курса: Сертификат, удостоверение, свидетельство

Содействие в трудоустройстве: нет

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

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

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

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

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

Модуль 1. Figma основы работы (4 ак. ч.)
Цикл web-разработки.
Роль дизайнера, место Figma на всех этапах разработки.
Преимущества Figma.
Установка Figma.
Интерфейс
Манипуляция с объектами
Frame и slice tool
Векторные примитивы
Работа с вектором и пером
Слои и маски
Текст
Цвет, градиенты, изображения
Сетки и направляющие
Стили
Простое прототипирование макета
Лабораторная работа: Создание элементов страниц
Домашняя работа

Модуль 2. Создаем дизайна сайта для десктопа (8 ак. ч.)
Сетки дизайна для многоколоночной верстки, типовые схемы дизайна
Размещение графической и текстовой информации
Поддержка файлов, типы файлов
Работа с графическими элементами
Форматирование текста, создание и использование шаблонов
Лабораторная работа: Создание шаблонов страниц
Домашняя работа

Модуль 3. Создаем дизайн сайта для планшетов и смартфонов (8 ак. ч.)
Constraints и адаптивность
Принцип Mobile First
Планирование адаптируемого макета для разных устройств
Адаптивность и ограничители
Лабораторная работа: Создание шаблонов страниц
Домашняя работа

Модуль 4. Интеграция и экспорт, дополнительные возможности (4 ак. ч.)
Создание UI-kit
Форматы экспорта, настройка элементов для экспорта
Представление информации для верстальщиков и программистов
Возможности командной работы в Figma
Плагины, компоненты, стили и общие библиотеки
Использование приложений Axure для создания интерактивных макетов

Результат прохождения курса

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

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

Профессия веб-дизайнер от Максима Солдаткина

Сайт: https://maximsoldatkin.com/web-design/

Стоимость: Бесплатно

Длительность: 12 видеоуроков

Документ о прохождении курса: нет

Содействие в трудоустройстве: нет

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

Помогаем получить профессию, чтобы начать
работать удалённо и путешествовать или
трудоустроиться в студию, зарабатывая
60-120 тыс. руб. на любимом деле

 

Автор

Автор – Максим Солдаткин. В дизайне с 2007,
преподает с 2014, посетил 40+ стран,
220 000+ подписчиков, 2.8 млн просмотров видеоуроков на
Ютубе. Автор по веб-дизайну #1 и
Школа веб-дизайна #1

 

Web-дизайн от образовательного проекта «Наука Дизайна»

Сайт: https://nauka-dsgn.ru/webdesign_old2

Стоимость: 19 900 р Если в первые 14 дней после покупки курса, вы решите, что вам не понравился материал курса или тренер,
то без объяснения причин вы сможете вернуть полную стоимость обучения на курсе «Web Design».

Длительность: 55 уроков теория, практика и домашние задания на каждый блок
Документ о прохождении курса: Сертификат об окончании курса.
Это большой плюс при устройстве на работу в студию и не только

Содействие в трудоустройстве: нет

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

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

Ну и «Junior» или «Middle» дизайнерам, желающие освежить знания и узнать как же сократить до минимум количество правок от заказчика
и поднять цену за свою работу

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

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

Аналитике

Правильная аналитика залог успеха и хороший повод поднять ценник за свои услуги

Дизайну

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

Верстке

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

Figma & Photoshop

90% работы будет проходить в Figma, но и про то как обработать фоточку
в PS мы не забыли

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

UX/UI

На курсе есть практические задания как искать работу
и заказы

 

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

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

1 Основы web-дизайна
3 занятия, 8 уроков,
О курсе, как будет проходить
Цели курса и веб-дизайна
Принципы дизайна
Human–Centered Design (HCD)
Как использовать правила
Процесс работы
Инструменты
Качаем вкус

Доп уроки:

Photoshop
Интерфейс+настройка
Основные инструменты
Слои
Figma
Настройка и интерфейс
Основные инструменты
Первый интерфейс
Личная эффективность:
Построение рабочего процесса
2 Аналитика
3 занятия, 5 уроков,
Интервью с клиентом
Сбор информации
Customer Development (CusDev)
Customer Journey Map (CJM)
Сторителинг на сайте
Инфостиль
Создание текстового прототипа
Доп уроки:
Копирайтинг
Текст без воды
AIDA и компания
Photoshop
Работа с текстом
Стили текста
Figma
Работа с текстом
Стили текста
3 Визуальный язык
4 занятия, 5 уроков,
Визуальный язык
Культурный код
Мудборд / Ассоциативная доска
Изображения
Композиция
Цвет
Шрифты

Доп уроки:
Как работать с цветом. Гармонии и контрасты (6 видео уроков)
Как собрать мудборд
Качаем вкус – первое творческое доп. задание
Photoshop
Артборды
Корректирующие слои
Эффекты
Вырезание и трансформация
Figma
Фреймы
Изображения
Творческое задание
4 UX/UI
4 занятия, 6 уроков,
Что есть что (UX\UI)
Как мы мыслим
Основные элементы интерфейса
Создание UI Kit
Создание иконок
Photoshop
Создание Ui элементов
Кисти и обтравочные маски
Figma
Создание Ui элементов
Вектор и иконки
Творческое задание
5 Прототипирование. (Композиция, типографика, верстка)
7 занятий, 15 уроков
Композиция и ее законы
Акценты в дизайне
Иерархия
Conversion Centered Design (CCD)
Сетки
Типографика
История шрифта
Виды шрифтов и как их сочетать
Идеальный абзац
Для чего нужен прототип
Где создавать
Основы верстки
HTML & CSS
Основы верстки на примере webflow
Web-инспектор в браузере
Приложения в браузере
Photoshop
Сетки и смарт-объекты
Figma
Стили и сетки
Творческое задание
6 Дизайн
6 занятий, 7 уроков
Тайная творческая работа (1 кейсы)
Создание дизайна сайта
Подробный разбор дизайна с тренером
Photoshop
Фильтры
Коллажирование
Figma
Прототипирование
Творческое задание
7 Адаптивная верстка
4 занятия, 5 уроков
Типы верстки
Особенности мобильной версии
Создание 5 вариантов макета под разные устройства
Photoshop
Мокапы
Презентация
Figma
Адаптивная верстка
Настройка смартфона
Творческое задание
8 Выход на рынок и работа с клиентом
2 занятия, 3 урока
Упаковываем кейсы
публикуем на Behance
Как общаться с клиентом
С чего начинать работу
Как оценить стоимость
Где искать клиентов
Как быстро получать заказы
Figma
Все, что не вошло в основной курс
Творческое задание

Автор курса

Роман Горелик

Я основатель и главный тренер проекта “Наука дизайна”. Также я преподаю дизайн в МГТУ.
Внедряю в обучение научный подход, который позволит любому начинающему дизайнеру очень быстро стать успешным и востребованным.

Результат прохождения курса: 2 кейса оформленных на Behance

«Веб дизайн – интенсив» от WDI

Сайт: https://wdi.design/intensive-2

Стоимость: 98 900 р. рассрочка – от 6370 р/ мес

Длительность:14 недель

 

Если вы хотите создать портфолио, освоить основы дизайна и получить первых клиентов
Дизайнерам с опытом

Если хотите обновить портфолио, прокачать навыки по дизайн-процессу, дизайн-мышлению,
композиции, визуальной коммуникации, типографике и повысить стоимость услуг

Содействие в трудоустройстве: нет

Кому подойдет курс: Подходит новичкам Если вы хотите создать портфолио, освоить основы дизайна и получить первых клиентов

Что будет на курсе

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

Сформируете навыки профессионала 15 обучающих вебинаров

Обратная связь тренера —
видеокомментарии на итоговые домашние задания темы

С помощью эффективных
обучающих инструментов

Ежедневные практические задания

Проверка куратором промежуточных домашних заданий темы
Доступ в чат интенсива

Мега-практикум
по созданию портфолио

Промостраница товара
Работа в команде во главе с куратором

Геймификация и достижения
Личный блог

Дизайн-мышление,
Дизайн-процесс,
Насмотренность,
Смыслы и логика,
Визуальная коммуникация,
Проектирование интерфейсов,
Композиция и прототипирование,
Верстка текста и редактура,
Типографика,
Верстка на Tilda,
Презентация на Behance.Лонгрид об известной личности, географической точке или событии
Концепт интернет-магазина
Новостной портал методом Mobile First
Мобильное приложение с полным сценарием и портированием под IOS и Android

Содержание курса:
Видеоразборы работ от тренера (40 разборов за курс)
Сопровождение куратором в команде из 3-5 человек
Ответы на вопросы от куратора в чате команды
Доступ в закрытый чат участников курса
Доступ к вебинарам курса вживую
Доступ ко всем материалам курса на 1 год

Результат прохождения курса:
5 крутых работ в портфолио,
именной сертификат,
доступ к Мастер-группе WDI по результатам итоговых оценок

 

«Дизайн сайтов на Tilda» от SkillBox

Сайт: https://skillbox.ru/course/tilda/

Стоимость: 38 823 руб

Длительность:4 месяца

Документ о прохождении курса: Получаете сертификат и дополняете им своё портфолио.

Содействие в трудоустройстве: нет информации

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

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

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

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

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

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

Настраивать CRM и отправку форм
Разберётесь в работе встроенной CRM Tilda. Сможете собирать и обрабатывать лиды, создавать формы и получать данные из них в Google Таблицах и Telegram.

Анализировать работу сайта
Научитесь читать данные встроенной аналитики, использовать «Яндекс.Метрику» и Google Analytics. Узнаете, как ставить пиксели во «ВКонтакте» и Facebook.

Работать в Zero Block
Сможете создавать дизайн блоков на свой вкус и под необходимые задачи, настраивать анимацию и делать мобильную версию сайта.

Использовать кастомный код
Узнаете возможности использования виджетов и скриптов на HTML и JavaScript и научитесь ставить кастомный код на сайт.

Работать с заказчиком
Узнаете, как брифовать клиента, понимать задачи бизнеса, презентовать готовые проекты и продавать сайты на Tilda.

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

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

Tilda — это удобный конструктор сайтов, с помощью которого можно создавать любой проект: сайт, лендинг, интернет-магазин, лонгрид или презентацию.

16
тематических модулей
65
онлайн-уроков
Знакомство с Tilda: основные блоки и работа с контентом
Начинаем работу с Tilda
Оформление сайта
Обложки и слайдеры
Меню
Формы и кнопки
ZERO-блок: базовая анимация и мобильная версия
ZERO-блок: пошаговая анимация
Кастомный код
Блоги и новости, лонгриды
Интернет-магазин
Мобильная версия (адаптивная вёрстка)
Аналитика
Приём данных форм, CRM
Подготовка к запуску
Работа с клиентами

Результат прохождения курса

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

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

Сайт: https://webformyself.com/minikurs/webfigma/free.html

Стоимость: Общая стоимость – 5 970 рублей

Длительность:66 видеоуроков – на 13 часов обучения. Плюс 11 бонусных видеокурсов (на 20 часов)

Документ о прохождении курса: нет
Содействие в трудоустройстве: нет информации

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

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

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

Что вы узнаете, когда изучите курс

Узнаете, как скачать и установить Figma. Знакомство с интерфейсом

Узнаете, как сделать рабочую область для создания в ней дизайна сайта

Узнаете, как собрать основную структуру проекта и создать компоненты

Увидите насколько удобно работать с компонентами

Узнаете, как в Figma добавлять фоновые цвета, цвета текста

Узнаете, как быстро, за несколько кликов, добавлять изображения

Узнаете, как быстро добавить изображения в макет используя плагин Unsplash

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

Результат прохождения курса

Познакомитесь с новым, прогрессивным, востребованным инструментом для создания дизайнов Figma.
Установите Figma, узнаете, как работать с инструментами и компонентами Figma.
Увидите, как используя Figma, как используя плагины для Figma, можно быстро и легко создавать дизайны сайтов.
Посмотрите, как в реальном времени создается дизайн главного экрана лендинга
Увидите, как создавать не просто макеты, а интерактивные прототипы – это «оживленный» макет сайта,
в котором можно взаимодействовать с элементами, например пролистать карусель изображений

 

Создание Landing Page от Tilda Publishing

Сайт: https://tilda.education/landing-page-course

Стоимость: бесплатно
Длительность: 5 лекций

Документ о прохождении курса: нет

Содействие в трудоустройстве: нет

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

Создавать дизайн посадочной страницы

Придумывать структуру

Писать текст для лендинга

Находить свою целевую аудиторию
Выбирать шрифт и цвет для сайта

Следить за статистикой

Оптимизировать сайт для SEO

Содержание

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

Курс состоит из пяти бесплатных лекций, которые поэтапно научат созданию лендинга

  1. Понимание принципов Landing Page

Что такое лендинг, откуда появился этот формат, чем отличается от одностраничного сайта и как он
работает.

2. Этапы создания лендинга

Методы определения и анализ целевой аудитории и конкурентов. Написание текста для лендинга и
составление прототипа.

3. Анатомия лендинга: функциональные элементы

Основные блоки Landing Page. Как составить обложку, рассказать
о выгодах. Что такое блоки доверия, и где поместить целевое действие.

4. Принципы дизайна лендинга

Как выбрать цвета, шрифты и
изображения и остаться в одном стиле. Самые частые ошибки в дизайне страницы.

5. Как увеличить эффективность лендинга

Как работает воронка продаж, и как определить стоимость лида. Как подключить статистику и настроить цели, тестирование и SEO.

Авторы курса:
Никита Обухов
Основатель
Tilda Publishing

Результат прохождения курса

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

Веб-дизайн: создаем прототип макета сайта от GeekBrains

Сайт: https://gb.ru/courses/428

Стоимость: бесплатно

Длительность:
2 урока
Количество занятий
2 урока

Документ о прохождении курса: нет
Содействие в трудоустройстве: нет

Кому подойдет курс: всем, кто желает ознакомится с профессией

Чему вы научитесь:
Веб-дизайн – быстроразвивающаяся индустрия. Умение прогнозировать важнейшие направления её развития
даёт дизайнерам дополнительное преимущество.

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

Урок 1. Веб-дизайн: создаем прототип макета сайта. Часть 1

Урок 2. Веб-дизайн: создаем прототип макета сайта. Часть 2

Результат прохождения курса: На занятиях мы создадим прототип макета сайта.

Онлайн-практикум по UI/UX и веб-дизайну от Данила Фимушкина

Сайт: https://freetutorials.ru/courses/62-onlajn-praktikum-po-ui/ux-i-veb-dizajnu
Стоимость: нет информации
Длительность: нет информации
Документ о прохождении курса: нет
Содействие в трудоустройстве: нет

Кому подойдет курс: всем желающим ознакомится с новой профессией

Чему вы научитесь:
Онлайн-практикум по UI/UX и веб-дизайну. Как за 5 шагов стать веб-дизайнером и освоить UI/UX, чтобы получать от 10 заказов в месяц на дорогостоящие сайты.

Автор курса: Данил Фимушкин. Я веб-дизайнер, блоггер, путешественник и писатель.
Веду курсы по созданию сайтов. Люблю кайтсерфинг. На моем канале собраны бесплатные уроки веб-диайзайна,
уроки фотошопа, уроки о дизайне сайтов и многое другое. Мои студенты начинают и с нуля: учатся веб-дизайну и
даже открывают свои веб-студии.

Основы HTML, CSS и веб-дизайна от Hexlet

Сайт: https://ru.hexlet.io/courses/html

Стоимость: Бесплатный курс

Длительность:
11 уроков (видео и/или текст)
1 упражнение в тренажере
18 проверочных тестов
Дополнительные материалы
Помощь в «Обсуждениях»

Документ о прохождении курса: нет
Содействие в трудоустройстве: нет

Кому подойдет курс: желающим ознакомится с профессией.

Чему вы научитесь:
Создавать базовую разметку HTML-документа.
Подключать стили для страницы.
Использовать возможности веб-инспектора Chrome DevTools.
Публиковать свой сайт в интернете на хостинге GitHub Pages.
Использовать базовые концепции веб-дизайна.

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

Показать скрытое содержимое
Верстальщик vs. веб-дизайнер
Познакомиться с курсом и рассмотреть специальности «верстальщик» и «веб-дизайнер» в контексте развития технологий.
теория
2
Знакомство с HTML
Познакомиться с HTML и попробовать его в деле.
теория
тесты
3
Элементы, теги и атрибуты
Изучить простую идею HTML и структуру элементов страницы.
теория
тесты
4
Структура страницы
Рассмотреть полную структуру целого HTML-документа, видимые и невидимые теги.
теория
тесты
5
Основы CSS
Научиться задавать оформление — стили — элементам HTML-страницы.
теория
тесты
6
Chrome DevTools
Познакомиться с Developer Tools и веб-инспектором, удобным инструментом для анализа и редактирования страницы прямо в браузере.
теория
7
Каскад
Понять принцип, по которому стили собираются в один набор из разных источников.
теория
тесты
8
div, span и display
Познакомиться с принципами, по которым элементы выводятся на страницу и получают определённый размер.
теория
9
Правило близости
Рассмотреть один из базовых принципов дизайна: правило близости или grouping/proximity principle.
теория
упражнение
10
Размещение на GitHub Pages
Освежить память по теме хостинга и разместить статичную страницу бесплатно на GitHub Pages.
теория
11
Интеграция с соц. сетями и семантический веб
Рассмотреть инструменты разметки для лучшей интеграции с социальными сетями.
теория
12
Дополнительные материалы
Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса

Результат прохождения курса

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

«Веб-дизайнер» от GeekBrains

Сайт: https://gb.ru/professions/web-designer
Стоимость: от 2 764 руб в месяц

Длительность:
10 месяцев
2 занятия в неделю

Документ о прохождении курса: Диплом о профессиональной переподготовке

Содействие в трудоустройстве: Помощь в трудоустройстве

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

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

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

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

Чему вы научитесь:
Инструменты, которые вы освоите
Figma
Photoshop
Illustrator
Tilda

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

Показать скрытое содержимое
Вводный курс студента Geekbrains
Вы узнаете, как учиться в GB: разберётесь в интерфейсе портала, узнаете об учебных форматах и способах сдачи домашних заданий. Поймёте, кому задавать организационные вопросы, а кому — учебные. Узнаете, как учиться, чтобы не остановиться на полпути.
Вводное занятие на профессии веб-дизайнер
Вы узнаете, что такое веб-дизайн, поймёте, как будет проходить процесс обучения, и получите ответы на все накопившиеся вопросы по профессии.
Figma: от прототипирования к проектированию
Вы научитесь создавать дизайн-макеты и прототипы в Figma: работать с векторными и растровыми объектами, текстом, цветом, эффектами, компонентами и Auto Layout.
Типографика и композиция в вебе. Расширенный курс
Вы разберётесь в основах композиции. Научитесь работать с балансом, симметрией и весом. Больше узнаете про историю и анатомию шрифтов. Отработаете знания на практике и подготовите финальный проект.
Основы веб-дизайна
Вы научитесь визуализировать свои идеи: познакомитесь с принципами прототипирования, юзабилити, колористикой и модульными сетками. Узнаете, как подбирать референсы, и создадите свой первый лендинг.
Онлайн-конструкторы сайтов: Tilda
Вы научитесь быстро собирать лендинги с помощью конструктора сайтов Tilda. Узнаете, как работать с готовыми блоками и создавать уникальный дизайн.
Основы UX/UI. Дизайн продукта
Вы узнаете, как сделать удобный пользовательский интерфейс. Научитесь исследовать и описывать аудиторию, чтобы понять её потребности. Соберёте кликабельный MVP (минимально жизнеспособный продукт) и презентуете свои UX-решения.
Построение карьеры. Итоговый блок
Вы узнаете, как презентовать себя и свои навыки заказчику. Научитесь работать с ТЗ и брифом, защищать свои дизайнерские решения, оценивать сроки и стоимость выполнения задачи. Соберёте резюме и портфолио.
Итоговая дипломная работа
Вы подготовите собственный крупный проект для портфолио. Пройдёте все этапы: от описания бизнес-целей и методологии исследования до анимированного прототипа с проработанным дизайном всех страниц. Научитесь презентовать работу перед аудиторией.
Рекламные материалы
Вы научитесь оформлять рекламные материалы для заказчика: соцсети, почтовые рассылки, стикерпаки для Telegram.
Итоговое собеседование
Вы узнаете, как готовиться к собеседованию и презентовать своё портфолио заказчику. Оформите резюме так, чтобы оно подходило для желаемых позиций.
Adobe Photoshop для веб-дизайнера
Вы научитесь работать с изображениями и фотографиями, создавать баннеры и gif-анимацию в одном из основных инструментов Adobe.
Adobe Illustrator для UX- и веб-дизайнеров
Вы освоите работу с векторной графикой в Adobe Illustrator: научитесь создавать сложные формы и эффекты, управлять объектами разного типа, в том числе — текстом.

Результат прохождения курса:
Удостоверение
5 работ в портфолио

Веб-дизайнер от Нетологии

Сайт: https://netology.ru/programs/web-designer

Стоимость: 99 900 руб

Оплата по месяцам без переплаты: 4 162 руб/мес на 24 месяца

Длительность: 11 месяцев 166 часов практики 107 часов теории

Документ о прохождении курса: Вашу квалификацию подтвердит диплом

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

Содействие в трудоустройстве: Мы трудоустраиваем наших выпускников
Вас ждёт бесплатная программа трудоустройства Центра развития карьеры

Оформите резюме, чтобы оно заинтересовало работодателя

Передадим ваше резюме партнёрам Нетологии

Научитесь проходить собеседование

Поможем получить работу по новой специальности

Вместе соберём портфолио, чтобы не было сомнений в ваших навыках

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

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

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

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

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

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

Программа обучения — 11 месяцев

Занятия проходят два раза в неделю.
Вебинары — по будням с 19:00 до 21:00.

Если пропустили — запись будет доступна в личном кабинете.
Сможете совмещать обучение с работой и другими делами.

Насмотренность в дизайне

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

3 часа теории

1,5 часа практики

Насмотренность: почему она так важна для профессионального развития

Принципы построения композиции, использования цветов и типографики

Насмотренность на практике: библиотека изображений

Основы Figma

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

7 часов теории

10 часов практики

Обзор Figma

Первые шаги в Figma

Интерфейсы

Основы дизайна в вебе

Подготовка веб-макета

Основы работы с мобильными платформами

Компоненты и стили

Кликабельный прототип мобильного приложения

Инструменты и организация работы

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

8 часов теории

4 часа практики
Знакомство с веб-дизайном

Системы ведения проектов

Вдохновение, творчество, импровизация

Скетчинг и прототипирование

Пользовательское взаимодействие

Основы веб-дизайна

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

8 часов теории

6 часов практики

Композиция

Теория цвета

Веб-типографика

Модульные сетки

Создание проекта сайта

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

8 часов теории

6 часов практики

Адаптивный дизайн

Веб-анимация

Системы ведения проектов

Составление технического задания для вёрстки

UX-исследование интерфейса

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

14 часов теории

6 часов практики

Введение в UX-исследования

Азбука пользовательского интерфейса

Культура работы в команде

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

Качественные исследования аудитории

Персоны. Воркшоп

Lean UX strategy

UX strategy. Воркшоп

Прототипирование интерфейсного решения

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

10 часов теории

10 часов практики

Информационная архитектура

Customer journey mapping

UX design. Воркшоп

Инструменты прототипирования

UI design. Воркшоп

Tilda: базовый уровень

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

12 часов теории

5 часов практики

Настройки сайта

Настройки страницы

Подключение домена

Настройки и редактирование стандартных блоков

Адаптивность в стандартных блоках

Подключение внешних шрифтов

Tilda: продвинутый уровень

Изучите полный цикл создания сайта и работы с ним: от лендинга до многостраничного интернет-магазина. Узнаете, как настроить email-рассылку.

10 часов теории

6 часов практики

Многостраничные сайты

Функции Tilda для интернет-магазина и рассылок

Функция «Потоки»

Личный кабинет

CRM в Tilda

Работа с редактором Zero Block

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

10 часов теории

12 часов практики

Знакомство с Zero Block

Адаптивность в Zero Block

Базовая анимация

Пошаговая анимация

Триггерная анимация

Вёрстка на HTML и CSS

Научитесь верстать сайты на HTML и CSS. Сможете вносить изменения в существующую вёрстку.

8 часов теории

48 часов практики

Теги для вёрстки контента страницы

Теги для вёрстки структуры страницы

Теги для вёрстки форм

Селекторы CSS

Определение контекста элементов

Блочная модель

Позиционирование элементов

Оформление текста

Оформление декоративных элементов

Состояние интерактивных элементов

Адаптивная и мобильная вёрстка

Научитесь создавать вёрстку под любой тип устройств — компьютер, планшет, смартфон.

9 часов теории

51 час практики

Вёрстка резинового макета

Резиновые изображения

Медиазапросы и медиафункции

Особенности вёрстки для мобильных устройств

Адаптивная типографика, breakpoints

Адаптивные изображения

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

Основы веб-дизайна: рисуем первый экран от SkillBox

Сайт:https://live.skillbox.ru/webinars/design/osnovy-veb-dizaina-risuem-pervyi-ekran/

Стоимость: бесплатно

Длительность: 1 час 45 минут лекции

Документ о прохождении курса: нет
Содействие в трудоустройстве: нет

Кому подойдет курс: желающим ознакомится с профессией

О вебинаре

На мастер-классе вы узнаете:
– что такое веб-дизайн;
– какие направления в нем есть;
– виды баннеров: реклама, соц.сети, виджеты;
– растровая и векторная графика;
– фотоконтент: где искать, как определять качество, фотостоки;
– демонстрация работы над задачей в Figma, короткий обзор интерфейса;
– базовые знания для работы с текстом: веб-шрифты (где брать), шрифтовые пары, текстовая иерархия;
– базовые знания композиции.

Автор курса:
Дмитрий Матвеев
Бренд-дизайнер, специалист по леттерингу и каллиграфии, арт-директор Wildberries

Результат прохождения курса: слушатели нарисуют свой певый экран

Три бесплатных урока от VideoSmile

Сайт: https://videosmile.ru/lessons
Стоимость: бесплатно
Длительность: в зависимости от урока
Документ о прохождении курса: нет
Содействие в трудоустройстве: нет

Кому подойдет курс: всем желающим освоить новые навыки
Чему вы научитесь: в зависимости о турока
Результат прохождения курса: обучение новым навыкам

«Веб-дизайн + Верстка» от WebForMySelf

Сайт: https://webformyself.com/dv/

Стоимость: 5970 руб.
Длительность: 2 фундаментальных блока и включает в себя 66 уроков общей продолжительностью порядка 13 часов

Документ о прохождении курса: нет информации

Содействие в трудоустройстве: нет информации

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

Начинающие веб-дизайнеры

Узнаете HTML5, CSS3, основы верстки по новым технологиям: Grid и Flex. Показанные в курсе принципы верстки применимы к любым видам сайтов: от лендингов до многостраничных сайтов.

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

Веб-дизайнеры с опытом

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

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

Начинающие веб-мастера и верстальщики

Этот курс подойдет даже если вы полный новичок в сайтостроении.

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

Верстальщики с опытом

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

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

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

Делать качественные дизайн-макеты

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

Рассмотрим все 19 инструментов, которые потребуются для создания современных дизайнов сайтов.

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

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

Фрилансеры-практики
Верстать сайты

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

Также во всех подробностях увидите, как адаптировать поэкранные дизайны сайтов под мобильную версию – от А до Я

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

Какие технологии будут на курсе?

Увидите, как верстать HTML-шаблоны по наиболее прогрессивным и востребованным на рынке технологиям: HTML5, CSS3, CSS Grid Layout, CSS Flexbox Layout, CSS Sass.
Figma

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

HTML5 (HyperText Markup Language, version 5)

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

CSS3 (Cascading Style Sheets, version 3)

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

CSS Grid Layout

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

CSS Flexbox Layout

Модуль Flexbox Layout направлен на то, чтобы предоставить более эффективный способ расположения, выравнивания и распределения свободного пространства между элементами в контейнере по принципу гибкой разметки

CSS Sass

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

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

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

Блок 1.
Figma от А до Я

Количество уроков: 19
Продолжительность: более 1 часа
Будет разобран весь инструментарий Figma, значительно превосходящий по функциям и актуальности возможности Фотошопа, для быстрого создания веб-дизайна любой сложности. Рассмотрим все 19 инструментов, которые потребуются для создания современных дизайнов сайтов.
Урок 1. Скачивание программы
В этом уроке вы увидите, как сделать аккаунт и скачать программу Figma на компьютер.
Урок 2. Обзор интерфейса
В этом уроке будет разобран интерфейс Figma: что где находится и краткий обзор функциональности этого ультрасовременного продвинутого инструмента.
Урок 3. Frame
Frame – это тоже самое что и монтажная область в Фотошопе, только намного продуманнее и удобнее. В этом уроке будет рассмотрен весь ее функционал.
Урок 4. Move и Scale
Move – это основной инструмент, которым будем взаимодействовать при работе. Также будет рассмотрен малоиспользуемый инструмент Scale.
Урок 5. Инструмент формы
В этом уроке будут разобраны все формы и то, как можно с ними взаимодействовать.
Урок 6. Перо и карандаш
Большая часть этого урока посвящена инструменту Перо. Как использовать данный инструмент в веб-дизайне.
Урок 7. Инструмент текст
Узнаете параметры данного инструмента и то, как с ним работать.
Урок 8. Комментарии
Комментирование – это очень удобный инструмент для работы в команде. В этом уроке вы узнаете, как работать с этим инструментом.
Урок 9. Экспорт
В этом уроке вы узнаете, как экспортировать различные элементы в разных форматах.
Урок 10. Смарт-выравнивание
Смарт-выравнивание есть только в Figma – это очень удобная функция, которую мы разберем.
Урок 11. Маска слоя
Маска слоя также часто используется в работе. В этом уроке узнаете ее особенности и как, и где ее применять.
Урок 12. Share
Так как Figma работает в онлайне, вам не требуется сохранять файл, загружать куда-то и только потом отправлять. В Figma достаточно нажать на две кнопки, чтобы поделиться вашей работой.
Урок 13. Модульная сетка
В этом уроке мы научимся добавлять модульные сетки на фреймы и изучим их функционал.
Урок 14. Режим смешивания
Режим смешивания нужен для форм. В этом уроке узнаете, как работает каждый из режимов.
Урок 15. Стили для текста
В Figma вы можете создавать библиотеку из текстовых стилей и быстро их использовать. Этому и будет посвященный данный урок.
Урок 16. Стили для цвета
Помимо текстовых стилей вы можете еще сделать библиотеку из цветовых стилей.
Урок 17. Компоненты
Компоненты – это самая важная часть при создании дизайна. В этом уроке узнаете, что это такое и как ими пользоваться.
Урок 18. Адаптивные элементы
В Figma вы можете делать резиновые блоки. Как это делается, вы узнаете в этом уроке.
Урок 19. Прототипирование
В Figma вы можете сделать прототип вашего сайта, чтобы все ссылки были кликабельные и можно было переключаться между страницами.
Блок 2.
Дизайн. Десктоп версия
Количество уроков: 14
Продолжительность: 3.5 часа
Из уроков блока вы узнаете, как создавать полноэкранные дизайны сайтов для настольных компьютеров и планшетов. Всего будет 6 экранов. Узнаете, как работать с фреймами, сетками и формами.
Урок 1. Frame и Grid
В этом уроке создается фрейм нужного размера для поэкранного дизайна и добавляется сетка.
Урок 2. Перенос ТЗ
В этом уроке переносится техническое задание из текстового файла в Figma.
Урок 3. Основные элементы
В этом уроке создаются элементы, которые будут повторяться на каждом экране: меню и постраничная навигация. Элементы будут сделаны компонентами.
Урок 4. Первый экран
В этом уроке собирается черновой вариант первого экрана. Без цветов и графики. Задача: правильно расположить все элементы.
Урок 5. Второй экран
В этом уроке будет структурирована вся информация во втором экране. Вы узнаете, как создавать таблицы, списки и навигацию.
Урок 6. Третий экран
В этом уроке будет работа с формами и всплывающими элементы.
Урок 7. Четвертый экран
В этом уроке узнаете, как делать шаблонные блоки компонентами для быстрого взаимодействия с ними.
Урок 8. Пятый экран
В этом уроке узнаете, как делать чек боксы, ползунки и кнопки. В итоге будет собран калькулятор на сайте.
Урок 9. Шестой экран
В этом уроке будет сделан блок с контактами, к которым добавится текст и иконки.
Урок 10. Добавление цвета
В этом уроке будут добавлены цвета для всего макета, для кнопок, текста и других элементов.
Урок 11. Добавление графики
В уроке будет добавлена вся необходимая графика, фоны, изображения и т.д.
Урок 12. Всплывающие меню
В этом уроке вы увидите создание отдельного экрана с выпадающим меню.
Урок 13. Подготовка макета для верстки
В этом уроке увидите подготовку макета перед версткой. Будут структурированы все элементы, слои и папки.
Урок 14. Интерактивные элементы
В финале вы увидите, как делать интерактивные элементы, которые также нужны перед тем, как верстать макет.
Блок 3.
Дизайн. Мобильная версия
Количество уроков: 8
Продолжительность: более 2 часов
В этом модуле вы увидите, как адаптировать поэкранные дизайны сайтов под мобильную версию от А до Я.
Урок 1. Теория о мобильной версии и бутсрап-сетка
В этом уроке увидите технологию адаптации десктоп версии под мобильную версию со всеми нюансами.
Урок 2. Первый экран
В этом уроке переносим первый экран так, чтобы он умещался на экране телефона.
Урок 3. Второй экран
В этом уроке увидите, как переносить галерею с навигацией.
Урок 4. Третий экран
В этом уроке увидите, как создавать отдельный вид, отличающийся от десктоп версии.
Урок 5. Четвертый экран
В этом уроке увидите, как быстро переносить шаблонные блоки.
Урок 6. Пятый экран
В этом уроке будет адаптирован и сделан удобный калькулятор для мобильной версии.
Урок 7. Шестой экран
В этом уроке увидите, как перенести форму контактов и карту.
Урок 8. Меню
В этом уроке увидите, как сделать свое меню под мобильную версию.
Раздел 2.
Верстка сайта
Количество уроков: 25
Продолжительность: 6 часов
В данном разделе курса показана верстка макета, который создавали в предыдущем разделе. Макет имеет нестандартную структуру – каждый логический раздел сайта занимает ровно один экран. При его верстке мы будем реализовывать различные интересные эффекты: появления дополнительного контента, калькулятор стоимости работ, галерею изображений, «поэкранную» навигацию с плавным скролом между разделами и т.д. И конечно, верстка данного макета будет адаптивной.
В данном разделе последовательно, шаг за шагом показывается создание верстки страницы из макета, созданного в Figma. Показано, как описать разметку для каждого блока сайта, как стилизовать блоки, чтобы они выглядели именно так, как были нарисованы на макете, и как адаптировать каждый блок под мобильные устройства.
Также показано, как подключить и использовать дополнительные библиотеки, которые необходимы для реализации эффектов, которые должны присутствовать на странице. При верстке данного макета показано использование самых последних техник и технологий верстки, такие как Flex и Grid.
В итоге вы увидите, как сверстать достаточно сложный, нестандартный макет, который был создан в предыдущей части курса.
Урок 1. Подготовка к верстке
В этом видеоуроке вы узнаете о подходе к верстке, который будет использован. Также склонируем шаблон из Github репозитория, который был подготовлен заранее. Узнаете, из чего состоит сам проект и как его запускать.
Урок 2. Разметка фиксированного меню и первого экрана
В этом видео увидите создание HTML-структуры для верхнего фиксированного меню, а также первого экрана страницы лендинга.
Урок 3. Стилизация фиксированного блока
В данном видеоуроке увидите подключение используемых шрифты в макете, а также стилизацию фиксированного блока.
Урок 4. Адаптивность фиксированного блока
В этом видео продолжается работа над фиксированным блоком, добавляются недостающие элементы в структуру HTML и прописываются необходимые медиазапросы для адаптивности данного блока.
Урок 5. Стилизация первого экрана
В этом видео увидите написание необходимого CSS-кода для первого экрана страницы лендинга.
Урок 6. Адаптивность первого экрана лендинга
В этом видео займемся адаптивностью первого экрана страницы лендинга и при помощи CSS увидите добавление всех необходимых медиазапросов, благодаря которым она будет отлично выглядеть на планшетах и десктопах.
Урок 7. Подключение библиотеки Fullpage
В данном видеоуроке увидите подключение и настройку библиотеки Fullpage.js, которая является многофункциональной и позволяет удобно реализовывать полноэкранную прокрутку.
Урок 8. HTML-разметка для экрана с проектами
В этом видео увидите описание HTML-структуры для второго экрана лендинга.
Урок 9. Стилизация второго экрана
В данном уроке увидите стилизацию блока с проектами.
Урок 10. Адаптивность второго экрана
В данном уроке увидите завершение экрана с проектами. Добавив медиазапросы под различные разрешения, дополнительно добавляются настройки в плагин Fullpage.js, а также реализуются функцию смены изображений для галереи.
Урок 11. Разметка экрана Details
В данном видео увидите описание HTML-структурs для экрана Details.
Урок 12. Стилизация блока Details
В этом видео увидите стилизацию блока Details под мобильные устройства.
Урок 13. Адаптивность блока Details
В этом видео увидите адаптацию блока Details под различные разрешения экрана при помощи медиазапросов.
Урок 14. HTML-разметка блока List-of-works
В этом уроке увидите описание HTML-структурa блока List-of-works.
Урок 15. Стилизация блока List-of-works
В этом уроке увидите описание CSS-стилей для блока List-of-works.
Урок 16. Адаптивность блока List-of-works
В этом уроке увидите добавление медиазапросов и адаптацию данного блока.
Урок 17. HTML-структура экрана с калькулятором
В этом видеоуроке увидите создание HTML-разметки для калькулятора.
Урок 18. CSS-стили для калькулятора
В данном уроке увидите описание CSS-стилей для калькулятора.
Урок 19. Адаптивность калькулятора
В данном уроке полностью сделается экран калькулятора, добавив ему адаптивность.
Урок 20. HTML-разметка для экрана контактов
В данном уроке увидите написание HTML-структуры для блока контактов.
Урок 21. Стилизация контактов
В данном уроке увидите написание CSS для экрана контактов.
Урок 22. Адаптивность контактов
В данном уроке доверстываются контакты, добавляется им адаптивность при помощи медиазапросов.
Урок 23. Реализация точечной навигации
В данном видеоуроке увидите реализацию с нуля точечной навигации и кнопки скролла экрана.
Урок 24. HTML-структура главного меню

В этом видео увидите написание HTML-структуры для главного меню.

Урок 25. Полная стилизация главного меню

Автор курса

Даниил Волосатов

9 лет в сфере дизайна
Сделал 1735+ работ
За всю карьеру ни потратил ни рубля на рекламу
Обучил 1000+ человек веб-дизайну
Специализация: лендинги, сервисы, интерфейсы, баннеры, логотипы, дизайн упаковки, оформление соц. сетей, блоги, презентации и сложные дизайн-системы
Владение инструментами: Photoshop, Illustrator, Sketch, Figma
В 19 лет поставил цель за 12 месяцев заработать на новую BMW 3-й серии и успешно справился с заданием
Стабильный ежемесячный доход на дизайне колеблется у отметки 200 тысяч рублей

 

Результат прохождения курса

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

После чего увидите, как верстается полученный макет с использованием современных и востребованных технологий верстки: HTML5, CSS3, Grid, Flexbox, Sass и других.

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

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

 

 

«Веб-дизайнер» – VA

Сайт: https://s.va-promotion.ru/webdesigner
Стоимость: 17 990 руб

Длительность:4 недели

Документ о прохождении курса: нет

Содействие в трудоустройстве: нет

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

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

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

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

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

 

Т

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

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

Практика
Разбор информации из урока на реальных примерах. Чёткие инструкции и установки.

Дизайн
Изучение веб-дизайна с точки зрения искусства — законов и правил, общих для дизайна.

UX
Изучение веб-дизайна с точки зрения пользовательского поведения и психологии.

Процесс
Объяснение деталей рабочего процесса. Фишки для эффективности.

НЕДЕЛЯ 1
Введение. Об авторе и курсе.
О профессии и веб-дизайне. Виды сайтов. UX & UI.
Инструменты веб-дизайнера. Photoshop, Sketch, XD
Визуализация данных. Композиция: законы и правила.
Интерфейсы. Основы проектирования систем.
Анализ аудитории. Портрет пользователя и сценарии.
Скетчи и вайрфреймы. Создание в Photoshop и XD.
Современные тренды в веб-дизайне
Проект: идея, скетч, вайрфрейм. Marvel App
Домашнее задание / Идея, скетч, прототип проекта
НЕДЕЛЯ 2
Элементы интерфейса. Блоки, контроллы, формы.
Новые функции в графическом редакторе
Дизайн-процесс: пошаговая инструкция
Типографика и шрифты
Теория цвета. Цветовые палитры и схемы
Создание дизайн-концепций. Мудборды и презентации
Заказчики. Основы общения и взаимодействия.
Конверсия и способы её повышения
Проблемы с заказчиками и способы их решения
Домашнее задание / Разработка дизайн-концепции
НЕДЕЛЯ 3
Графические ресурсы. Иконки и фотографии
Модульная сетка. Bootstrap и адаптивность
Главная страница проекта. Варианты
Типовые блоки в сложных проектах
Разновидности внутренних страниц сайта
Прототипирование в Invision
Форматы работы дизайнера
User Interface Style Guide
Финальная подготовка макетов
Домашнее задание / Дизайн страниц сайта
НЕДЕЛЯ 4
Поиск клиентов и фриланс биржи
Общение с клиентом — разбор реальных кейсов
Тайм-менеджмент — управление временем
Интерфейс как сложная система. Микровзаимодействия.
Основы организации бизнеса
Взаимодействие с командой
Процесс согласования
Обновление работ портфолио
Кейсы и профессиональные презентации
Домашнее задание / Финальная презентация

Автор курса

Валерий Алексеев — веб-дизайнер, разработчик
и путешественник. Пишу статьи и делаю снимки.

Родился в провинциальном городе. Занимался дизайном с 15 лет. Первый сайт сделал в университете за 1000 рублей.
Знаю весь процесс: от начала до конца. Сайт этого курса создан лично мной: дизайн, вёрстка, анимации, интеграция с CMS и CRM.
Прошёл трёхмесячную стажировку в компании AIC на должности Junior-дизайнера. В 2016 году с партнёром открыл собственную студию, вся команда которой работает удалённо.

 

Результат прохождения курса

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

«Профессия Digital-дизайнер» от Среда обучения

Сайт: https://design.sredaobuchenia.ru/dpo/web

Стоимость: 140 000 рублей за год

Длительность:2 года теории и практики

Документ о прохождении курса: Диплом о дополнительном профессиональном образовании

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

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

С вас — усердное обучение и соблюдение дедлайнов, с нас — факультативы по развитию soft skills,
поиск вакансий и заказов.

Помощь с трудоустройством

 

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

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

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

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

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

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

Вводный модуль «Погружение в профессию»: бесплатно

 

При поступлении на одну из долгосрочных программ студенты бесплатно получают доступ к вводному модулю

 

Вы научитесь

История дизайна
Основы дизайна
Модульная сетка в диджитал
Типографика в диджитал
Photoshop
TILDA
READYMAG
Figma
Дизайн-практика «Цифровые публикации»

Предметы 1 семестр

Создавать веб-сервисы и владеть инструментами аналитики

Вы научитесь

История дизайна и графических стилей
Illustrator
Иконографика
Инфографика
UX-исследования
UX-writing
Дизайн-практика «Веб-сервис»

Предметы 2 семестр

Создавать мобильные приложения и реалистичные прототипы будущих цифровых продуктов

Вы научитесь

Самопродвижение
Фриланс
Портфолио
Креативные методики/концептинг
UI-анимация + ProtoPie
Управление проектами
Техники презентации
After Effects
Дизайн-практика «Мобильное приложение»

Предметы 3 семестр

Дипломная работа

Авторы курса: Алексей Комаров
и Николай Соболев

Лидеры направления «Дизайн цифровых продуктов» о профессии и программе

Результат прохождения курса:
Портфолио

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

 

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

Сайт: https://skillbox.ru/course/webdesign-pro/
Стоимость: 126 611 руб

Длительность: 7 месяцев

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

Содействие в трудоустройстве: нет информации

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

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

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

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

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

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

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

Создавать удобные интерфейсы
Узнаете, что такое UX, научитесь строить User Flow и Customer Journey Map. Сможете создавать понятные и удобные интерфейсы по правилам юзабилити.

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

Писать тексты для интерфейсов
Узнаете о требованиях к текстам в интерфейсе: от инфоблоков до кнопок. Поймёте, как сделать их лаконичными, читаемыми и понятными.

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

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

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

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

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

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

Основные инструменты Figma
Узнаете, что такое фреймы и чем они отличаются от слоёв. Научитесь рисовать простые фигуры, добавлять цвет, эффекты и текст. Познакомитесь с основами прототипирования.

Иконки, иллюстрации и картинки
Узнаете, как создавать собственные иконки и обрабатывать изображения, используя внутренние инструменты Figma. Сможете делать дизайн-макеты с нуля, не используя сторонние редакторы.

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

Библиотеки компонентов и общие стили
Сможете создавать библиотеки стилей и UI Kit, чтобы стандартизировать элементы интерфейса. Научитесь верстать аккуратные макеты с помощью модульных сеток.

Auto Layout и Variants
Поймёте, как объединить макеты в систему с помощью функции Variants. Сможете создавать и адаптировать под разные устройства сложные элементы интерфейса.

Сложные многостраничные документы
Научитесь работать с базовыми экранами и создавать дерево страниц. Освоите бета-версию функции Branches. Поймёте, как организовать работу команды над разными версиями одного макета.

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

Подготовка макета для разработчиков
Сможете показать разработчику технические аспекты проекта и код компонентов. Научитесь оптимизировать работу команды с помощью плагина Figma Jam.

Результат прохождения курса:
Проекты
в портфолио

«Веб-дизайн с нуля до middle» – Netology

Сайт: https://netology.ru/programs/web-designer

Стоимость: 166 500 руб без скидки
Оплата по месяцам без переплаты: 4 162 руб/мес на 24 месяца

Длительность:11 месяцев

Документ о прохождении курса:Диплом о профессиональной переподготовке

Содействие в трудоустройстве: Мы трудоустраиваем наших выпускников

 

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

Всем, кто хочет перейти в онлайн

Освоите востребованную диджитал-профессию и сможете начать поиски работы уже во время курса

Дизайнерам из других областей

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

Начинающим веб-дизайнерам

Получите уверенные навыки в веб-дизайне и соберёте эффектное портфолио из кейсов крупных агентств

Специалистам из смежных областей

Сможете брать проекты под ключ и повысите стоимость своих услуг

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

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

Создавать интерфейсные решения, с учётом анализа аудитории

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

Работать со стандартными и Zero-блоками в Tilda, создавать сайты под ключ

Грамотно оформлять дизайн-проекты и презентовать их заказчику

Выстраивать рабочий процесс и взаимодействие в команде по Scrum и Kanban

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

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

11 месяцев

Занятия проходят два раза в неделю.
Вебинары — по будням с 19:00 до 21:00.

Если пропустили — запись будет доступна в личном кабинете.
Сможете совмещать обучение с работой и другими делами.

Насмотренность в дизайне

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

3 часа теории

1,5 часа практики

Насмотренность: почему она так важна для профессионального развития

Принципы построения композиции, использования цветов и типографики

Насмотренность на практике: библиотека изображений

Основы Figma

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

7 часов теории

10 часов практики

Обзор Figma

Первые шаги в Figma

Интерфейсы

Основы дизайна в вебе

Подготовка веб-макета

Основы работы с мобильными платформами

Компоненты и стили

Кликабельный прототип мобильного приложения

Инструменты и организация работы

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

8 часов теории

4 часа практики
Знакомство с веб-дизайном

Системы ведения проектов

Вдохновение, творчество, импровизация

Скетчинг и прототипирование

Пользовательское взаимодействие

Основы веб-дизайна

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

8 часов теории

6 часов практики

Композиция

Теория цвета

Веб-типографика

Модульные сетки

Создание проекта сайта

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

8 часов теории

6 часов практики

Адаптивный дизайн

Веб-анимация

Системы ведения проектов

Составление технического задания для вёрстки

UX-исследование интерфейса

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

14 часов теории

6 часов практики

Введение в UX-исследования

Азбука пользовательского интерфейса

Культура работы в команде

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

Качественные исследования аудитории

Персоны. Воркшоп

Lean UX strategy

UX strategy. Воркшоп

Прототипирование интерфейсного решения

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

10 часов теории

10 часов практики

Информационная архитектура

Customer journey mapping

UX design. Воркшоп

Инструменты прототипирования

UI design. Воркшоп

Tilda: базовый уровень

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

12 часов теории

5 часов практики

Настройки сайта

Настройки страницы

Подключение домена

Настройки и редактирование стандартных блоков

Адаптивность в стандартных блоках

Подключение внешних шрифтов

Tilda: продвинутый уровень

Изучите полный цикл создания сайта и работы с ним: от лендинга до многостраничного интернет-магазина.
Узнаете, как настроить email-рассылку.

10 часов теории

6 часов практики

Многостраничные сайты

Функции Tilda для интернет-магазина и рассылок

Функция «Потоки»

Личный кабинет

CRM в Tilda

Работа с редактором Zero Block

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

10 часов теории

12 часов практики

Знакомство с Zero Block

Адаптивность в Zero Block

Базовая анимация

Пошаговая анимация

Триггерная анимация

Вёрстка на HTML и CSS

Научитесь верстать сайты на HTML и CSS. Сможете вносить изменения в существующую вёрстку.

8 часов теории

48 часов практики

Теги для вёрстки контента страницы

Теги для вёрстки структуры страницы

Теги для вёрстки форм

Селекторы CSS

Определение контекста элементов

Блочная модель

Позиционирование элементов

Оформление текста

Оформление декоративных элементов

Состояние интерактивных элементов

Адаптивная и мобильная вёрстка

Научитесь создавать вёрстку под любой тип устройств — компьютер, планшет, смартфон.

9 часов теории

51 час практики

Вёрстка резинового макета

Резиновые изображения

Медиазапросы и медиафункции

Особенности вёрстки для мобильных устройств

Адаптивная типографика, breakpoints

Адаптивные изображения

 

Результат прохождения курса:
Вы создадите и защитите 5 дипломных проектов
Дизайн макета сайта, прототип на основе данных исследований, сайт на Tilda, HTML-верстка сайтов, Адаптивная верстка сайта

 

«Дизайн для социальных сетей» – Netology

Сайт: https://netology.ru/programs/smm-design

Стоимость: 14 900 руб без скидки

Длительность: 19 часов

Документ о прохождении курса: Удостоверение о повышении квалификации

Содействие в трудоустройстве: нет информации

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

Интернет-маркетологам и SMM-менеджерам

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

Собственникам бренда

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

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

Подбирать шрифты

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

Ретушировать фотографии в Photoshop

Разберётесь, как правильно использовать фильтры и эффекты, чтобы быстро подготовить фотографию к публикации

Создавать векторную графику в Illustrator

Сможете нарисовать простые графические элементы, чтобы разнообразить визуальные приёмы и добавить акцентов

Создавать коллажи

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

Монтировать видео

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

Создавать 3D-графику и gif-анимацию

Начнёте использовать инструменты, чтобы создать несложные объёмные изображения и короткую анимацию

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

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

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

Основы брендинга

Вы определитесь с темой проекта и платформой, на которой стоит вести аккаунт. Сформулируете позиционирование бренда, tone of voice и коммуникационное сообщение.

1 час теории

1 час практики

Из чего состоит коммуникационная архитектура

Что такое «концепция»

Как составить карту ассоциаций

Как сформулировать сообщение бренда

Как придумать нейминг и слоган

Основы визуальной коммуникации

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

5 часов теории

3 часа практики

Что такое дизайн и как работает дизайнер

Что такое фирменный стиль

Что такое референс и мудборд: в чём различия и преимущества

Тренды эмоциональных сообщений

Как подобрать правильный шрифт для бренда

Как обработка фото- и видеоконтента помогает говорить с ЦА на одном языке

Ошибки визуалов и смыслов аккаунтов

Профессиональные инструменты

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

3 часа теории

3 часа практики

Как нарисовать векторные изображения в Adobe Illustrator

Как создать новый логотип для проекта или улучшить текущий

Как ретушировать фотографии в Adobe Photoshop

Как создать 3D-графику и gif-анимацию

Работа с фото

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

2 часа теории

1 час практики

Как обрабатывать фото простыми инструментами

Как правильно накладывать текстовые блоки

Коллажирование в приложениях

Как создавать пресеты

Работа с видео

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

6 часов теории

3 часа практики

Основы монтажа

Как грамотно использовать эффекты и обрабатывать видео

Как работать со звуком

Как добавить в видео дополнительные элементы

Как создать стоп-моушн и маски для Инстаграм

Организация фотосъёмки

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

2 часа теории

Жанры фотографии: что и для каких целей использовать

Как правильно поставить ТЗ фотографу

Как выбрать площадку для съёмки

 

Результат прохождения курса

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

Введение в цифровой дизайн – Нетология

Сайт: https://netology.ru/programs/design-digital

Стоимость: 64 179 руб без скидки

Длительность: 3,5 месяца

Документ о прохождении курса: Удостоверение о повышении квалификации

Содействие в трудоустройстве:
Мы поможем с трудоустройством
Вас ждёт бесплатная программа трудоустройства Центра развития карьеры

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

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

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

Начинающим дизайнерам

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

Редакторам, копирайтерам и журналистам

Научитесь самостоятельно создавать визуал для оформления своих материалов.

SMM-специалистам и контент-маркетологам

Освоите важный навык для трудоустройства в digital — умение создавать базовый визуальный контент для проектов.

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

На курсе вы научитесь

Применять принципы графического дизайна

Использовать средства композиции, формы, цветовые сочетания и типографику

Находить актуальные визуальные приёмы

Следить за тенденциями цифровой эстетики и медиа и учитывать их в работе

Редактировать изображения и делать прототипы

Создавать макеты сайтов в Adobe Photoshop и Figma

Работать с видеопроектами

Применять базовые принципы анимации в Adobe After Effects и монтировать ролики

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

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

Основы графического дизайна
Познакомитесь с принципами графического дизайна. Научитесь использовать средства композиции и формы. Освоите психологию цветовосприятия. Изучите основы брендинга и тенденции веб- и мобильного дизайна. Научитесь придумывать метафоры для бренда и работать с цифровыми искажениями — глитч-эффектом.
10 часов теории
Основы композиции
Теория цвета
Цифровая эстетика и новые медиа
Типографика
Введение в брендинг и современный плакат
VR — виртуальная реальность
Коллажирование и творческая обработка
Изучите интерфейс и базовые функции Adobe Photoshop. Научитесь работать с размерами изображений, слоями, масками и смарт-объектами. Узнаете особенности работы с объектами и цветом, растровыми и векторными изображениями. Пошагово пройдёте этапы создания коллажей и творческой обработки.
8 часов теории
8 часов практики
Старт в дизайне: выбор инструментов
Работа с растровыми изображениями — фотографиями
Коллажирование
Работа с вектором
Базовые принципы создания макета сайта
Познакомитесь с интерфейсом и базовыми функциями программы Figma для создания интерфейсов. Узнаете приёмы, ускоряющие работу программы и хитрости использования. Освоите пошаговое создание интерфейса и интерактивного прототипа.
8 часов теории
8 часов практики
Базовые принципы создания макета сайта
Обзор программы Figma и основных инструментов
9 приёмов, ускоряющих работу в Figma
Создание интерфейса и интерактивного прототипа

Основы анимации и работа над проектом
Познакомитесь с функциональностью программы After Effects и пройдёте все этапы работы над проектом. Научитесь создавать композиции, компоновать слои. Освоите базовые принципы анимирования.
10 часов теории

6 часов практики

Визуальные эффекты. After Effects. Интерфейс

Слои. Маски. Режимы наложения

Effects and Presets. Effect Controls

Анимация. Ключи. Рендеринг

Практическое занятие по анимации

Дипломная работа

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

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

Создание простой анимации в After Effects
Ключевые навыки
Создание композиций и поиск метафоры
Подбор цветовых и шрифтовых сочетаний
Работа с цифровыми искажениями
Работа с инструментами Figma и Photoshop
Работа с размерами, масками и слоями
Создание фигур и векторных объектов
Обработка видео: монтаж, цветокоррекция, базовые эффекты

 

 

 

 

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