Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

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

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

Страница автора - Даниил Волосатов - Фотошоп-Мастер
Страница автора

Автор: Даниил Волосатов - Фотошоп-Мастер

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

Смотреть видео:

Дизайн-система. Loyal. Урок №1. Плюсы фигмы. (Даниил Волосатов - Фотошоп-Мастер)

Содержание:

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

  • Страница курса - Дизайн-система. Loyal. (Даниил Волосатов - Фотошоп-Мастер)
  • Похожие видеокурсы по теме:
    Видеокурс Бесплатный видеокурс
    Видеокурс Бесплатный видео урок
    Видеокурс Бесплатный видео урок
    Видеокурс Курс
    Видеокурс Видеокурс
    Видеокурс Видеокурс
  • Смотрите бесплатное видео по теме:
    Промо ролики видеокурса After Effects - Быстрый старт. (Артем Лукьянов)
    Это бесплатный видео курс Cinema 4D для новичков. (Михаил Бычков - videosmile.ru)
    Промо ролики видеокурса Photoshop (Фотошоп) - мечты сбываются! (Зинаида Лукьянова)
    Промо ролики видеокурса Proshow Producer. Роскошные слайдшоу. Первые шаги. (Зинаида Лукьянова)
    Промо ролики видеокурса Волшебные коллажи в Adobe Photoshop. (Елена Минакова)
    Это бесплатный видео курс Композитинг в Nuke. (Марсель Фатхутдинов - videosmile.ru)

Добавить комментарий


Защитный код
Обновить