Видеокурс "Дизайн-система. Loyal". (Даниил Волосатов - Creativo, Фотошоп-Мастер)

Это электронный видеокурс
644
Видеокурс
  • Автор: Даниил Волосатов - Фотошоп-Мастер

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

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

  • ВСЕ МАТЕРИАЛЫ АВТОРА

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

    Видеокурс
    Видеокурс "Веб-диза...

    Видеокурс
    Видеокурс "Веб UX/U...

    Видеокурс
    Видеокурс "Марафон ...

    Курс
    Бесплатный видеокур...

    Курс
    Видеокурс "Веб-диза...

    Видеокурс
    Видеокурс "Осваивае...

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

    Видео урок
    Видеокурс "Веб-диза...

  • СМОТРИТЕ БЕСПЛАТНЫЕ МИНИ - КУРСЫ АВТОРА

    Мини-курс
    Мини-курс "Веб-диза...

    Мини-курс. Веб-дизайн. Быстрый старт. (Даниил Волосатов - Webformyself)
    Мини-курс. Веб-диза...

    Дизайн-система. Loyal. (Даниил Волосатов - Фотошоп-Мастер)
    Мини-курс. Дизайн-с...

    Веб-дизайн. Практический курс создания лендинга. (Даниил Волосатов - Webformyself)
    Мини-курс. Веб-диза...

  • Презентация курса «Дизайн-система» - скидка 30%. (Даниил Волосатов - Фотошоп-Мастер)

    Презентация курса «Дизайн-система» - скидка 30%. (Даниил Волосатов - Фотошоп-Мастер)
    МЕРОПРИЯТИЕ ОКОНЧИЛОСЬ
    Презентация курса «Дизайн-система» - со скидкой 30% Здравствуйте! Друзья, на связи команда «Фотошоп-Мастер». Мы видим, как тема веб-дизайна набирает обороты среди пользователей на сайте. оэтому мы решили совместно с Даниилом Волосатовым запустить продви...