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

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

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

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

  • 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 учатся студенты из компаний

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