05
Бенто-сетка
Бенто-сетка делает сложную информацию более понятной и структурированной. В EMCD она применяется в интерфейсах и коммуникациях, организуя контент в модульные блоки с понятной и логичной визуальной подачей
Принципы
В основе верстки EMCD — принципы редакционного и постерного дизайна. Мы объединяем свободное пространство, модульную композицию и типографику, чтобы создавать динамику и визуальный баланс в макетах
Бенто-система основана на прямоугольной сетке. Каждый элемент размещается в рамках заданного модуля и выравнивается по единому принципу, чтобы сохранять структуру и целостность
Размер блока определяет его важность. Крупные блоки выделяют ключевые сообщения, средние — поддерживают основную информацию, а небольшие — дают дополнительный контекст или вспомогательные данные
Сетка
Бенто-сетка использует гибкую прямоугольную систему, где блоки могут занимать одну или несколько ячеек. Это позволяет адаптировать композиции под разные форматы и экраны
Важно:
- Блоки только прямоугольные
- Размеры следуют базовому модулю
- Расстояния между блоками фиксированные
- Выравнивание строго по сетке
Контент
Бенто-структуры в EMCD опираются на три ключевых принципа, обеспечивающих ясность и единый визуальный язык в макетах
Основные принципы
Баланс
Важно, чтобы композиция была визуально сбалансированной и контент естественно распределялся по макету
Контраст
Используйте разные типы контента, масштабы и визуальную «весомость», чтобы создавать акценты и направлять внимание
Ритм
Разнообразие размеров блоков и интервалов создает ритм и делает композицию более цельной
Примеры
Ниже показаны примеры применения бенто-системы в продуктовых и маркетинговых материалах EMCD
Разный размер блоков и плотность контента помогают выстроить структуру, иерархию и более понятную подачу информации
