Видеокурс "Дизайн - Система. Loyal"

Модуль №1: Основы веб-дизайна

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

• Урок №1. Этапы создания дизайна от А до Я
• Урок №2. Bootstrap сетка, выравнивание и отступы
• Урок №3. Формы, кнопки и скругления
• Урок №4. Типографика
• Урок №5. Цвета
• Урок №6. Ui кит
• Урок №7. Акцентирование
• Урок №8. Стили

Модуль №2: Сервисы и плагины для веб-дизайна

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

• Урок №1. Шрифты - где скачивать и покупать
• Урок №2. Всё о стоках, платных и бесплатных
• Урок №3. Сервисы и программы иконок
• Урок №4. Сообщества дизайнеров

Модуль №3: Figma от А до Я

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

• Урок №1. Скачивание программы
• Урок №2. Обзор интерфейса
• Урок №3. Frame
• Урок №4. Move и Scale
• Урок №5. Инструмент формы
• Урок №6. Перо и карандаш
• Урок №7. Инструмент текст
• Урок №8. Комментарии
• Урок №9. Экспорт
• Урок №10. Смарт выравнивание
• Урок №11. Маска слоя
• Урок №12. Share
• Урок №13. Модульная сетка
• Урок №14. Режим смешивания
• Урок №15. Стили для текста
• Урок №16. Стили для цвета
• Урок №17. Компоненты
• Урок №18. Адаптивные элементы
• Урок №19. Прототипирование

Модуль №4: Социальная сеть. По дизайн-системе.

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

• Урок №1. Создание фрейма и сетки
• Урок №2. Меню
• Урок №3. Подменю
• Урок №4. Разделы
• Урок №5. Соц. сети и футер
• Урок №6. Блок о пользователе
• Урок №7. Автор курсов и уроков
• Урок №8. Подписки
• Урок №9. Внешний мир
• Урок №10. Портфолио
• Урок №11. Статистика
• Урок №12. Премиум уроки
• Урок №13. Мои фотографии
• Урок №14. Добавление записей
• Урок №15. Записи на стене
• Урок №16. Дорабатываем дизайн-систему
• Урок №17. Добавляем цвета
• Урок №18. Добавляем графику
• Урок №19. Объяснение работы дизайн-системы
• Урок №20. Интерактивные элементы

И еще 7 уникальных бонусов

• Бонус №1: Дизайн-система в Figma

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

• Бонус №2: Закулисные секреты создания больших проектов. 100+ страниц

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

• Бонус №3: Как улучшить свое портфолио в 2 раза

Инструкция по использованию мокапов. С мокапами (mockup) работы выглядят эффектнее, и можно презентовать их на различных ресурсах.

• Бонус №4: Как стать востребованным веб-дизайнером (Личный опыт Даниила Волосатова()

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

• выбор направления в веб-дизайне;
• создание и размещение «цепляющего» портфолио;
• взаимодействие с клиентами, сроки и цены на услуги;
• где искать клиентов;
• нюансы работы с клиентами;
• источники дополнительного дохода для веб-дизайнера;
• декомпозиция - как выйти на доход в 100 000 рублей в месяц;
• Бонус №5: Как оформить портфолио на Behance

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

• Бонус №6: Убойный набор для веб-дизайнера (Боекомплект из 300 дополнений для старта в профессии)

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

Состав боекомплекта:

• 100 примеров дизайна сайтов для вдохновения;
• 100 русскоязычных шрифтов;
• 100 Psd элементов для дизайна сайтов
• Бонус №7: Макет браузера в формате А4

Для распечатывания и удобного проектирования дизайна на бумаге Перед тобой нарисованный браузер в формате А4. Распечатай и создавай будущие дизайны сайтов в любом месте – очень удобно! Макет выполнен в двух вариантах: вертикальном и горизонтальном.