Сетки и проектирование сайтов

Александр Гладких, Сергей Гуров
Запись закрыта

Курс по основам модульного проектирования и создания композиции сайта с помощью сеток. Модульная сетка — универсальный инструмент организации визуального пространства, проектирования, создания композиции и управления вниманием пользователя. Она выступает в качестве основополагающего принципа дизайн-системы и помогает поддерживать ее целостность.

Курс включает теоретическую и объемную практическую часть.

  • 9занятий
  • 2больших проекта
  • 2вебинара

Кому подойдет курс

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

Чему вы научитесь

  1. Научитесь строить и считать сетку, используя различные подходы, и будете делать это, исходя из конкретной задачи, а не шаблонных решений, что непременно повысит профессиональный уровень.
  2. Получите необходимую терминологию и язык для работы с предметом и оценки своих или чужих решений.
  3. Узнаете об истории инструмента и различных видах сетки.
  4. Поймете, как использовать сетку для работы над адаптивом и анимацией.

Расписание

Теоретическая часть

  1. Что такое сетка? история, строение (колонки, межколоники, модули), виды сеток
  2. Микромодуль и макромодуль
  3. Построение сеток (математическое). пропорции (рациональные/иррациональные). модулор, Фибоначчи, золотое сечение. симметрия/ассиметрия
  4. Построение сеток (композиционное). силовые линии/ритм/вектор/масса/напряжение
  5. Использование микро и миро модулей
  6. Детализация сеток. сочетание сеток. сломать сетку. отступление от правил (степень допустимости)
  7. Типографика в сетке и работа с текстом
  8. Алгоритм работы
  9. Сложные динамические и нестандартные сетки

Практическая часть

  1. Упражнения
  • Построение простой и сложной композиций на базе сетки
  • Верстка таблицы
  • Верстка формы
  • Применение нескольких сеток в одном макете
  • Построение сетки на колонках и на линиях.
  • Адаптивность
  • Обсуждение работ
  1. Авторское задание — cоздание дизайна одностраничного сайта любимого фильма.
  • Поиск референтов и стилистических решений, мудборд, look&feel
  • Построение сетки на базе вводных
  • Адаптация под мобильные устройства и планшеты
  • Обсуждение работ

Как проходит обучение

Обучение проходит в группе Фейсбука и включает в себя домашние задания и их разбор на групповых вебинарах. курс предполагает свободный, но организованный график. Нужно смотреть лекции, задавать вопросы в Фейсбуке — для студентов и преподавателя будет организована закрытая группа, выполнять домашние задания — их будет проверять преподаватель, комментировать и давать советы по улучшению работы. После прохождения курса вам выдается сертификат.

Что в итоге

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

Кто будет преподавать

Александр Гладких — арт-директор и сооснователь Charmer Studio, которая специализируется на новых медиа, ребята занимаются сложными веб-проектами, информационными порталами, в их портфолио — работы для Lenta.ru, Ведомости, Meduza, Arzamas, Музей Garage, Новая газета, Парк Горького

Сергей Гуров — свободный дизайнер, проектировщик, консультант, более десяти лет работающий с сайтами и интерфейсами.

Примеры работ преподавателей

Работы студентов

В Bang Bang Education учатся студенты из компаний

и многих других