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

Для начинающих с нуля. До уровня PRO.

1. «Первый шаг в графическом дизайне» от «Нетологии»

Длительность курса: 67 уроков.

Уровень: для начинающих.

Формат обучения: видеоуроки + записи вебинаров + текстовые материалы + практические задания.

Обратная связь: нет.

Без сертификата

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

1. Основы работы в Canva.
2. Как оформить социальные сети.
3. Как оформить презентацию.
4. Как создавать дизайн для брендов и корпоративных задач.
5. Расширенные возможности Canva.

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

• Работать с графическим редактором Canva
• Подбирать правильные шрифтовые и цветовые сочетания
• Делать сложные визуальные эффекты — тени, градиент и другие элементы
• Оформлять презентации с инфографикой
• Создавать графический контент для соцсетей
• Разрабатывать графические материалы для задач бренда — визитки, презентации

Кто проводит курс

Дарья Серединская

• Контент-директор Canva в России

2. «Обзор главных инструментов дизайнера» от «Нетологии» 

Длительность курса: 5 уроков.

Уровень: для начинающих.

Формат обучения: записи вебинаров + текстовые материалы + тесты.

Обратная связь: нет.

Без сертификата

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

1. Быстрый старт в Photoshop.
2. Дизайн рекламной графики в Figma.
3. Быстрый старт в Illustrator.
4. Воркшоп по моушн-дизайну в After Effects.

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

• Работать с основными графическими редакторами — Photoshop, Figma, Illustrator, After Effects

3. «Веб-дизайн: создаём прототип макета сайта» от GeekBrains

Длительность курса: 2 урока.

Уровень: для начинающих.

Формат обучения: видеоуроки.

Обратная связь: нет.

С сертификатом

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

• Создавать макеты сайтов в Adobe Photoshop 

4. «Основы Adobe Illustrator» от «Нетологии» 

Длительность курса: 38 уроков = 7 часов теории + 10 часов практики.

Уровень: для начинающих.

Формат обучения: видеоуроки + текстовые материалы + практические задания.

Обратная связь: нет.

Без сертификата

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

1. Введение в Illustrator.
2. Каллиграфия. Работа с безье.
3. Карта. Работа со слоями.
4. Создание паттерна.
5. Создание иллюстрации.
6. Типографический плакат.
7. Плакат с использованием 3D.
8. Графика в стиле Franco Grignani.
9. Плакат с помощью Effects Gallery.
10. Экстерьер и интерьер. Работа с пространством и объёмом.
11. Сет иконок.
12. Как стать фрилансером.

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

• Использовать базовые инструменты популярного графического редактора Adobe Illustrator (слои, сетки и направляющие, кривые Безье, маски и символы, инструмент «Текст», 3D, Blend tool и Mesh art, эффекты, интеграцию растровых изображений, цвет и градиенты)

5. «Каково это — быть дизайнером» от «Яндекс.Практикума»  

Длительность курса: 69 уроков = 10 часов на прохождение.

Уровень: для начинающих.

Формат обучения: интерактивный симулятор (теория в виде текста + практические задания).

Обратная связь: нет.

Без сертификата

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

1. Вступление.
2. Юзер флоу.
3. Аналитика в дизайне.
4. Простота и консистентность.
5. Самоочевидность и обратная связь.
6. Уменьшение работы пользователя.
7. Тексты в интерфейсе.
8. Адаптивность.
9. Что дальше: как устроено обучение на основном курсе.

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

• Над какими задачами работают дизайнеры в цифровой среде
• Познакомитесь с основным инструментом дизайнера интерфейсов — Figma
• Создадите свои первые макеты

Особенности курса:

• Курс является вводным модулем платной обучающей программы от «Яндекс.Практикума» — «Дизайнер интерфейсов»
• По окончании платного курса можно получить диплом о профессиональной переподготовке 

6. «Основы Figma» от «Нетологии» 

Длительность курса: 18 уроков.

Уровень: для начинающих.

Формат обучения: видеоуроки + текстовые материалы + тесты + практические задания.

Обратная связь: нет.

Без сертификата

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

1. Экскурсия по «Фигме».
2. Основные объекты.
3. Взаимодействие с объектами.
4. Типографика.
5. Пространство и сетка.
6. Профессия дизайнер интерфейса.
7. Что такое веб-дизайн?
8. Собираем лендинг вместе.
9. Адаптивный дизайн.
10. Состояния элементов.
11. Основные элементы приложений.
12. Рисуем экран продукта банковского приложения.
13. Введение в компоненты.
14. Стили.
15. Рисуем экран продукта банковского приложения с компонентами.
16. Прототипирование.

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

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

Особенности курса:

• Курс разработан в партнёрстве с дизайн-лабораторией Mish.design

7. «Основы Photoshop» от LoftBlog 

Длительность курса: 5 уроков.

Уровень: для начинающих.

Формат обучения: видеоуроки.

Обратная связь: нет.

Без сертификата

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

1. 5 важных настроек «Фотошопа» и создание кнопки.
2. Сетка для секты веб-дизайнеров.
3. Шрифты в «Фотошопе».
4. Как подобрать фотографии для сайта. Правила и сервисы.
5. 5 фишек «Фотошопа» для веб-дизайна.

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

• Основам Adobe Photoshop для веб-дизайна

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

 Длительность курса: 8 уроков.

Уровень: для начинающих.

Формат обучения: видеоуроки.

Обратная связь: нет.

Без сертификата

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

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

Что узнаете:

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

9. «Figma. Начальный уровень» от GeekBrains 

 Длительность: 5 уроков, каждый по 30 минут.

Формат: видеоуроки + домашние задания без проверки.

С сертификатом

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

1. Вводный урок: Swatch Library.
2. Text styles.
3. Buttons.
4. Constrains.
5. Навигация.

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

Преимущества:

• Все видеоуроки доступны с момента записи на курс и всегда будут доступны в личном кабинете

Недостатки:

• Не предусмотрена выдача диплома

Преподаватель: Илья Полянский. 

Является ведущим дизайнером цифровых продуктов в «Почта России». 

Также ведёт свой telegram-канал по Figma для начинающих веб-дизайнеров. 

Опыт работы — 7 лет.

Не пропустите следующую статью, 

в которой вы узнаете еще что-то полезное и интересное!

Вы можете оставить свои комментарии внизу страницы!

Так же Вы можете предложить свою тему для рассмотрения или свою статью для опубликования на страницам этого блога.