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