Web-разборки

42 участника

О чём курс

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

В основе обучения — перерисовка реальных площадок, включая hott.ru, mail.ru и eurasiamotors.org. Вы разберете правила работы с пространством, научитесь настраивать хроматический баланс растровых изображений и готовить макеты для верстки в Figma. Особое внимание уделено "баннерному мышлению" и созданию коммерческих коллажей, которые повышают визуальное качество проекта до уровня портфолио.

Этот материал для тех, кто хочет перестать гадать, почему макет "разваливается", и освоить точные системы проектирования для веб-дизайна.

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

  • Видео 1: Основная информация, калькулятор web-a, техника обтравки
  • Видео 2: Перерисовка hott.ru 1.0, типы блоков, анонс ДЗ1
  • Видео 3: Геометрия, коммерческие надстройки, интеграция вектора, hott.ru 2.0
  • Видео 4: Пустое пространство, информационные блоки, навигация, hott.ru 3.0
  • Ответы на вопросы 1.0
  • Видео 5: Информационные блоки, разбор ДЗ1
  • Видео 6: Эффективность, проектирование, баннерное мышление, логика цвета
  • Видео 7: Анонс ДЗ2 (экзамен), шрифты, перерисовка mail.ru
  • Ответы на вопросы 2.0
  • Видео 8: Разделители, вынужденное проектирование
  • Видео 9: Портфолио 2019-2020, разбор ДЗ2
  • Видео 10: Системы проектирования, растровые и векторные переходы в Figma
  • Видео 11: Технические ограничения (FHD, ноутбуки), управление растром
  • Видео 12: Сценарий сайта, хроматический баланс, thebestchair.ru
  • Ответы на вопросы 3.0
  • Видео 13: brilliance-motor.ru, анонс ДЗ3 (карточки)
  • Видео 14: Подсказки по ДЗ3
  • Видео 15: Контент, скорость экшенов, постобработка, теория коллажа
  • Видео 16: Разбор ДЗ3
  • Видео 17: Автоматический градиент, этапы коммерческого коллажа
  • Видео 18: Мобильные версии, мобильная перерисовка eurasiamotors.org
  • Видео 19: Сетка 960px, шрифты, vostbank.ru, интеграция PSD-Figma
  • Ответы на вопросы 4.0
  • Видео 20: Иконки в UI, подготовка макета для верстальщика
  • Видео 21: Выпускной проект, yagody.ru
  • Разбор портфольных работ
Складчина создана 31 января 2020 г. · описание обновлено 26 марта 2026 г.

Теги курса

Проблемы

Другие материалы автора 12

АЛ Андрей Лов Все материалы
166 ₽ 2 500 ₽