Модуль №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. Распечатай и создавай будущие дизайны сайтов в любом месте – очень удобно! Макет выполнен в двух вариантах: вертикальном и горизонтальном.
